adp-web-components 0.0.12 → 0.0.15

package/dist/collection/components/warranty-details/warranty-details.js

@@ -42,6 +42,7 @@ export class WarrantyDetails {
         this.vehicleInformation = undefined;
         this.checkingUnauthorizedSSC = false;
         this.recaptchaRes = null;
+        this.headers = {};
     }
     handleSettingData(response) {
         var _a, _b, _c;
@@ -74,7 +75,6 @@ export class WarrantyDetails {
                     if (this.isDev) {
                         this.checkingUnauthorizedSSC = true;
                         this.showRecaptcha = false;
-                        //this.calculateHeight(this.state);
                         await new Promise(r => setTimeout(r, 3000));
                         this.checkingUnauthorizedSSC = false;
                         const hasPendingSSC = Math.random() < 0.5 ? false : true;
@@ -82,17 +82,14 @@ export class WarrantyDetails {
                             hasSSC: hasPendingSSC,
                             message: hasPendingSSC ? 'This Vehicle has a Pending SSC' : 'No Pending SSC',
                         };
-                        //this.calculateHeight(this.state);
                     }
                     else {
                         this.checkingUnauthorizedSSC = true;
                         this.showRecaptcha = false;
-                        //this.calculateHeight(this.state);
+                        ///
                         const response = await fetch(`${this.unauthorizedSscLookupBaseUrl}${vin}/${(_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.sscLogId}?${this.unauthorizedSscLookupQueryString}`, {
                             signal: this.abortController.signal,
-                            headers: {
-                                'Ssc-Recaptcha-Token': recaptchaResponse,
-                            },
+                            headers: Object.assign(Object.assign({}, this.headers), { 'Ssc-Recaptcha-Token': recaptchaResponse }),
                         });
                         const vinResponse = await response.json();
                         if (vinResponse && this.networkTimeoutRef === scopedTimeoutRef) {
@@ -102,7 +99,6 @@ export class WarrantyDetails {
                                 hasSSC: hasPendingSSC,
                                 message: hasPendingSSC ? 'This Vehicle has a Pending SSC' : 'No Pending SSC',
                             };
-                            //this.calculateHeight(this.state);
                         }
                         else
                             throw new Error('Wrong response format');
@@ -117,6 +113,7 @@ export class WarrantyDetails {
     }
     async setData(newData, headers = {}) {
         this.recaptchaRes = null;
+        this.headers = headers;
         clearTimeout(this.networkTimeoutRef);
         clearInterval(this.recaptchaIntervalRef);
         if (this.abortController)
@@ -128,7 +125,6 @@ export class WarrantyDetails {
         this.externalVin = vin;
         try {
             if (!vin || vin.trim().length === 0) {
-                //this.componentHeight = '0px';
                 this.state = 'idle';
                 return;
             }
@@ -172,34 +168,16 @@ export class WarrantyDetails {
             document.head.appendChild(script);
         }
     }
-    //calculateHeight(componentState: string) {
-    //  if (componentState.includes('loading') && this.componentHeight === '0px') {
-    //    this.componentHeight = '100px';
-    //  } else if (componentState !== 'idle') {
-    //    setTimeout(() => {
-    //      this.componentHeight = `${this.wrapperRef.clientHeight}px`;
-    //    }, 50);
-    //  } else {
-    //    this.componentHeight = '0px';
-    //  }
-    //}
     async setMockData(newMockData) {
         mockData = newMockData;
     }
-    onShowSscChange() {
-        //this.calculateHeight(this.state);
-    }
-    onShowWarrantyChange() {
-        //this.calculateHeight(this.state);
-    }
     async loadingListener() {
-        //this.calculateHeight(newState);
         if (this.loadingStateChange)
             this.loadingStateChange(this.state.includes('loading'));
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Host, { key: '788b8a8ffbca4b31a40ab95655fabcb41f0d83df' }, h("div", { key: 'ed92ce80c844eb884cd872f58894136c47fb7c4c', class: "min-h-[100px] warranty" }, h("div", { key: '016013ecfba73d87df136580fffe5e2e07aaf958' }, h(Loading, { key: '3b8de918e7a315e843b8bc42942fc14b57216c94', isLoading: this.state.includes('loading') }), h("div", { key: '4c5f2ad067fcfd199ae1c69765509e6bbb1944f4', class: "transition duration-700", style: { transform: this.state.includes('loading') || this.state === 'idle' ? 'scale(0)' : 'scale(1)', opacity: this.state.includes('loading') ? '0' : '1' } }, (this.showSsc || this.showWarranty) && (h("div", { key: '5174d6380ed09d1e003cbd58d544b9838eaf8b16', style: { color: !!this.errorMessage ? 'red' : 'black' }, class: "warranty-vin" }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin)), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '9ca23b51fa38b8ae7900c0283d84a27f485e9e87', class: "py-4" }, h(StatusCard, { key: '304a1c83cb397b42d297abbbda51c925246105ec', desc: this.errorMessage, className: "mx-auto reject-card max-w-500" }), ' ')), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: '542c2cdfb222054604ef7b9ab3614c69339027ed', isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, warranty: (_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.warranty })), h("div", { key: '56c5529bbf8b264b5bc1568b4b9aa3cf687e6915', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: '0211fb8f130efc788e73524c4cd6f79702458aaf' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: 'cc1e03101e506ffb831e0ad6adacaf86b8c542fe', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.recaptchaRes.message)), this.checkingUnauthorizedSSC && (h("div", { key: '557261d532b671e5813c0259e623647a802851a0', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '1e8a78a692a8b9171cdd201d34aca99a253d0781' }, h("strong", { key: '967e34d989ebacb6f4b469fa11c73ae165426fa4' }, "Checking TMC")), h("img", { key: '112de8a206bb8877b6cd71ba437755bfc56720be', class: "spin", src: Loader }))), this.showSsc && ['data', 'data-loading'].includes(this.state) && ((_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.ssc) !== null && !!((_e = this.vehicleInformation) === null || _e === void 0 ? void 0 : _e.ssc.length) && (h(SSCTable, { key: '903b7a27b9093657aa7a2f11a8677ea825fb1d90', ssc: this.vehicleInformation.ssc })))))));
+        return (h(Host, { key: '00985864b4a1ca44fdb78b82e08e72e4ac3655b2' }, h("div", { key: 'c7e4ce3dde8ed3da3a8b07d57098a1870a8b0360', class: "min-h-[100px] warranty" }, h("div", { key: 'b71df5aab832885752fc4d73f274d2face7243e0' }, h(Loading, { key: '672b5e0e2fd94c4ee82544d43eeedd34c32de91b', isLoading: this.state.includes('loading') }), h("div", { key: 'e71bf6e1f5083bebd865e2d89bbd9b2d86721887', class: "transition duration-700", style: { transform: this.state.includes('loading') || this.state === 'idle' ? 'scale(0)' : 'scale(1)', opacity: this.state.includes('loading') ? '0' : '1' } }, (this.showSsc || this.showWarranty) && (h("div", { key: 'f20ba9ca38dd952539d0e23ef2aab4d7fd26250a', style: { color: !!this.errorMessage ? 'red' : 'black' }, class: "warranty-vin" }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin)), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '1aeb05a53021f5d7ff05f90ad6e7dfa1e46f4961', class: "py-4" }, h(StatusCard, { key: 'd692e4ac53d7172caba6876d735ead286e871117', desc: this.errorMessage, className: "mx-auto reject-card max-w-500" }), ' ')), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: '28efd340255d231417601b69332ef461fe19d6f2', isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, warranty: (_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.warranty })), h("div", { key: 'df8d5c967864cff4b65e863236165953436bf56d', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: '39eac5a574180bafff88d7ba7b187bf6bf5e1257' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: '8978abb0f4ec2ea7b0ff84fb10783d528dfb8c0a', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.recaptchaRes.message)), this.checkingUnauthorizedSSC && (h("div", { key: 'e24a78d08c60cd5df393f084c949108229d38666', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '93fcbe4aab6833885be12de906a534a47794f5d4' }, h("strong", { key: '88be79409f003abe307dde581ccc1978f7bfcf86' }, "Checking TMC")), h("img", { key: '800535e9b147af17f04081f65acc470d62d69e7f', class: "spin", src: Loader }))), this.showSsc && ['data', 'data-loading'].includes(this.state) && ((_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.ssc) !== null && !!((_e = this.vehicleInformation) === null || _e === void 0 ? void 0 : _e.ssc.length) && (h(SSCTable, { key: '73aceff6236687ed80046a897df3a040ba92e3aa', ssc: this.vehicleInformation.ssc })))))));
     }
     static get is() { return "warranty-details"; }
     static get encapsulation() { return "shadow"; }
@@ -604,7 +582,8 @@ export class WarrantyDetails {
             "unInvoicedByBrokerName": {},
             "vehicleInformation": {},
             "checkingUnauthorizedSSC": {},
-            "recaptchaRes": {}
+            "recaptchaRes": {},
+            "headers": {}
         };
     }
     static get methods() {
@@ -704,12 +683,6 @@ export class WarrantyDetails {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
-                "propName": "showSsc",
-                "methodName": "onShowSscChange"
-            }, {
-                "propName": "showWarranty",
-                "methodName": "onShowWarrantyChange"
-            }, {
                 "propName": "state",
                 "methodName": "loadingListener"
             }];

package/dist/collection/global/lib/validate-vin.js

@@ -0,0 +1,62 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+export default function validateVin(vin) {
+    const TransliterationTable = {
+        0: 0,
+        1: 1,
+        2: 2,
+        3: 3,
+        4: 4,
+        5: 5,
+        6: 6,
+        7: 7,
+        8: 8,
+        9: 9,
+        A: 1,
+        B: 2,
+        C: 3,
+        D: 4,
+        E: 5,
+        F: 6,
+        G: 7,
+        H: 8,
+        J: 1,
+        K: 2,
+        L: 3,
+        M: 4,
+        N: 5,
+        P: 7,
+        R: 9,
+        S: 2,
+        T: 3,
+        U: 4,
+        V: 5,
+        W: 6,
+        X: 7,
+        Y: 8,
+        Z: 9,
+    };
+    const WeightTable = [8, 7, 6, 5, 4, 3, 2, 10, 0, 9, 8, 7, 6, 5, 4, 3, 2];
+    let sum = 0;
+    let valid = true;
+    for (let i = 0; i < vin.length; i++) {
+        const char = vin[i].toUpperCase();
+        const value = TransliterationTable[char];
+        if (value === undefined) {
+            valid = false;
+            break;
+        }
+        const weight = WeightTable[i];
+        const product = value * weight;
+        sum = sum + product;
+    }
+    let reminder = (sum % 11).toString();
+    if (reminder === '10')
+        reminder = 'X';
+    if (vin[8] != reminder) {
+        valid = false;
+    }
+    return valid;
+}

package/dist/collection/templates/vehicle-lookup.js

@@ -1,42 +1,26 @@
-const vehicleSpecification = document.getElementById('vehicle-specification');
-const vehicleAccessories = document.getElementById('vehicle-accessories');
-const warranty = document.getElementById('warranty');
-const serviceHistory = document.getElementById('service-history');
-const paintThickness = document.getElementById('paint-thickness');
-const dynamicClaim = document.getElementById('dynamic-claim');
-
-const componentsList = [vehicleSpecification, warranty, serviceHistory, dynamicClaim, paintThickness, vehicleAccessories];
-
-const input = document.getElementById('vinInput');
-const error = document.getElementsByClassName('error-message')[0];
-const searchIcon = document.getElementById('search-icon');
-const spinnerIcon = document.getElementById('spinner-icon');
-const searchText = document.getElementById('search-text');
-const searchButton = document.getElementById('search-button');
-
-const franchiseSelector = document.getElementById('franchise-selector');
-const franchiseSelectorError = document.getElementById('franchise-selector-error-message');
-
-var lastLookupResult = null;
+let vehicleSpecification;
+let vehicleAccessories;
+let warranty;
+let serviceHistory;
+let paintThickness;
+let dynamicClaim;
+let distributorLookup;
+let deadStockLookup;
+let manufacturerLookup;
+let componentsList;
+let searchutton;
+let partNumberInput;
+let partQtyInput;
+let vinInput;
+let franchiseSelector;
+let searching;
+let lookupPage;
 
 function handleLoadingState(isLoading) {
-  if (isLoading) {
-    $("li:not('.active')").addClass('disabled');
-
-    searchIcon.style.display = 'none';
-    spinnerIcon.style.display = 'inline-block';
-    searchText.innerHTML = 'Searching...';
-    input.readOnly = true;
-    input.classList.add('disabled');
-  } else {
-    $("li:not('.active')").removeClass('disabled');
-    searchIcon.style.display = 'inline-block';
-    spinnerIcon.style.display = 'none';
-    searchText.innerHTML = 'Search';
-    input.readOnly = false;
-    input.classList.remove('disabled');
+  lookupPage.invokeMethodAsync('onLoadingStateChanged', isLoading);
+
+  if (!isLoading)
     searching = false;
-  }
 }
 
 function handleLoadData(newResponse, activeElement) {
@@ -45,15 +29,43 @@ function handleLoadData(newResponse, activeElement) {
   });
 }
 
-document.onreadystatechange = function (e) {
-  $('#vehicle-info-tab a').click(function (e) {
-    e.preventDefault();
-    $(this).tab('show');
-  });
+function registerLookupPage(instance) {
 
-  $('#search-button').click(function () {
-    search();
-  });
+  lookupPage = instance;
+
+  vehicleSpecification = document.getElementById('vehicle-specification');
+  vehicleAccessories = document.getElementById('vehicle-accessories');
+  warranty = document.getElementById('warranty');
+  serviceHistory = document.getElementById('service-history');
+  paintThickness = document.getElementById('paint-thickness');
+  dynamicClaim = document.getElementById('dynamic-claim');
+  distributorLookup = document.getElementById('distributor-lookup');
+  deadStockLookup = document.getElementById('dead-stock-lookup');
+  manufacturerLookup = document.getElementById('manufacturer-lookup');
+  componentsList = [vehicleSpecification, warranty, serviceHistory, dynamicClaim, paintThickness, vehicleAccessories, distributorLookup, deadStockLookup, manufacturerLookup];
+  searchutton = document.getElementById('searchButton');
+  partNumberInput = document.getElementById('partNumberInput');
+  partQtyInput = document.getElementById('partQtyInput');
+  vinInput = document.getElementById('vinInput');
+  franchiseSelector = document.getElementById('franchise-selector');
+
+
+  if (lookupPage.invokeMethodAsync) {
+
+  }
+  else {
+    lookupPage.invokeMethodAsync = async function (methodName, payload) {
+      if (methodName === 'onErrorStateChanged') {
+        await lookupPage.onErrorStateChanged(payload);
+      }
+      else if (methodName === 'onLoadingStateChanged') {
+        await lookupPage.onLoadingStateChanged(payload);
+      }
+      else if (methodName === 'getHeaders') {
+        return await lookupPage.getHeaders();
+      }
+    }
+  }
 
   componentsList.forEach(element => {
     if (element === null) return;
@@ -62,84 +74,136 @@ document.onreadystatechange = function (e) {
     element.loadedResponse = newResponse => handleLoadData(newResponse, element);
   });
 
-  $(input).keydown(function (e) {
-    if (e.keyCode == 13) {
-      e.preventDefault();
-      search();
-    }
-  });
-};
+  if (searchutton) {
+    searchutton.addEventListener("click", async function (e) {
+      await search();
+    });
+  }
+
+  if (vinInput) {
+    vinInput.addEventListener("keydown", async function (e) {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        await search();
+      }
+    });
+  }
+
+  if (partNumberInput) {
+    partNumberInput.addEventListener("keydown", async function (e) {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        await search();
+      }
+    });
+  }
+
+  if (partQtyInput) {
+    partQtyInput.addEventListener("keydown", async function (e) {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        await search();
+      }
+    });
+  }
+}
+
+async function search() {
 
-var searching = false;
-function search() {
   if (searching) return;
 
   searching = true;
 
-  input.classList.remove('error_bg');
-  error.innerHTML = '';
+  lookupPage.invokeMethodAsync('onErrorStateChanged', { vinError: null, franchiseError: null, partError: null });
 
-  if (franchiseSelector) {
-    franchiseSelector.classList.remove('error_bg');
+  if (vinInput) {
+    var vin = vinInput.value;
 
-    franchiseSelectorError.innerHTML = '';
-  }
+    if (vin == '') {
+      lookupPage.invokeMethodAsync('onErrorStateChanged', { vinError: 'VIN is required', franchiseError: null, partError: null });
 
-  var vin = input.value;
+      searching = false;
 
-  if (vin == '') {
-    input.classList.add('error_bg');
+      return;
+    }
 
-    error.innerHTML = 'VIN is required';
+    if (!validateVin(vin)) {
+      lookupPage.invokeMethodAsync('onErrorStateChanged', { vinError: 'Invalid VIN', franchiseError: null, partError: null });
 
-    searching = false;
+      searching = false;
 
-    return;
-  }
+      return;
+    }
 
-  if (!validateVin(vin)) {
-    input.classList.add('error_bg');
+    if (franchiseSelector) {
 
-    error.innerHTML = 'Invalid VIN';
+      var franchise = franchiseSelector.value;
 
-    searching = false;
+      warranty.setAttribute('brand-integration-id', franchise);
 
-    return;
-  }
+      if (franchise == '') {
+
+        lookupPage.invokeMethodAsync('onErrorStateChanged', { vinError: null, franchiseError: 'Please Select a Franchise', partError: null });
+
+        searching = false;
+
+        return;
+      }
+    }
 
-  if (franchiseSelector) {
-    var franchise = franchiseSelector.value;
+    var headers = await lookupPage.invokeMethodAsync('getHeaders');
 
-    warranty.setAttribute('brand-integration-id', franchise);
+    if (vehicleSpecification && vehicleSpecification.checkVisibility()) {
+      vehicleSpecification.fetchData(vin, headers);
+    }
+    if (warranty && warranty.checkVisibility()) {
+      warranty.fetchData(vin, headers);
+    }
+    if (serviceHistory && serviceHistory.checkVisibility()) {
+      serviceHistory.fetchData(vin, headers);
+    }
+    if (dynamicClaim && dynamicClaim.checkVisibility()) {
+      dynamicClaim.fetchData(vin, headers);
+    }
+    if (paintThickness && paintThickness.checkVisibility()) {
+      paintThickness.fetchData(vin, headers);
+    }
+    if (vehicleAccessories && vehicleAccessories.checkVisibility()) {
+      vehicleAccessories.fetchData(vin, headers);
+    }
+  }
 
-    if (franchise == '') {
-      franchiseSelector.classList.add('error_bg');
+  if (partNumberInput) {
+    var partNumber = partNumberInput.value;
 
-      franchiseSelectorError.innerHTML = 'Please Select';
+    if (partNumber == '') {
+      lookupPage.invokeMethodAsync('onErrorStateChanged', { partError: 'Part Number is Required' });
 
       searching = false;
 
       return;
     }
-  }
 
-  if ($(vehicleSpecification).is(':visible')) {
-    vehicleSpecification.fetchData(vin);
-  }
-  if ($(warranty).is(':visible')) {
-    warranty.fetchData(vin);
-  }
-  if ($(serviceHistory).is(':visible')) {
-    serviceHistory.fetchData(vin);
-  }
-  if ($(dynamicClaim).is(':visible')) {
-    dynamicClaim.fetchData(vin);
-  }
-  if ($(paintThickness).is(':visible')) {
-    paintThickness.fetchData(vin);
-  }
-  if ($(vehicleAccessories).is(':visible')) {
-    vehicleAccessories.fetchData(vin);
+
+    var searchText = partNumber;
+
+    var partQty = partQtyInput.value;
+
+    if (partQty.trim() !== '' && partQty !== '0') {
+      searchText = `${partNumber}/${partQty}`;
+    }
+
+    var headers = await lookupPage.invokeMethodAsync('getHeaders');
+
+    if (distributorLookup && distributorLookup.checkVisibility()) {
+      distributorLookup.fetchData(searchText, headers);
+    }
+    if (deadStockLookup && deadStockLookup.checkVisibility()) {
+      deadStockLookup.fetchData(searchText, headers);
+    }
+    if (manufacturerLookup && manufacturerLookup.checkVisibility()) {
+      manufacturerLookup.fetchData(searchText, headers);
+    }
   }
 }
 
@@ -216,3 +280,6 @@ function validateVin(vin) {
 
   return valid;
 }
+
+
+export { registerLookupPage };

package/dist/components/dead-stock-lookup.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as t,H as e,h as o,c as i}from"./p-4dc47f5f.js";import{g as r}from"./p-4f08bcb8.js";import{L as a}from"./p-2b0cc0c6.js";import{c as n}from"./p-98d9e7ab.js";let s={};const d=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.isDev=!1,this.baseUrl="",this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalPartNumber=null,this.errorMessage=null,this.partInformation=void 0,this.activeIndex=null}handleSettingData(t){this.partInformation=t}toggleAccordion(t){this.activeIndex=this.activeIndex===t?null:t}async setData(t,e={}){let o;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const i="string"==typeof t,a=i?t:null==t?void 0:t.partNumber;this.externalPartNumber=a;try{if(!a||0===a.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{o=setTimeout(t,700),this.networkTimeoutRef=o}));const n=i?await r(this,{scopedTimeoutRef:o,partNumber:a,mockData:s},e):t;if(this.networkTimeoutRef===o){if(!n)throw Error("Wrong response format");this.handleSettingData(n)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){s=t}render(){var t,e;return o(i,{key:"3a3c612f26d4a50303a00056983a967b2215ed27"},o("div",{key:"fbbef3d5226e849ad7fc864c62b581f4c9dff507",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},o("div",{key:"b5059f256646d672ddd0d1c09a4de3c8b5e66dc0"},o(a,{key:"311ba459650a88d1c87f45963b81748885055cf6",isLoading:this.state.includes("loading")}),o("div",{key:"5a9de2b501e5d6e33da6b9581be2a5c34327a2e5",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&o("div",{key:"c49cac2c5a97860ce92ef7ca3ca8bd71866d9168",class:"py-[16px]"},o("div",{key:"3f00000ec1798ee3afc0a9c135e56470220a8b40",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&o("div",{key:"9d31d42ac64f1fae58e8e6e802f62fe3bb29bf5c"},o("div",{key:"bac3865cb1e2570e2b20193ff0ffb474fad0a57c",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},o("div",{key:"0d4537c5db76475425e6862837ce49f60c0cbc76",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Deadstock"),null===(e=null===(t=this.partInformation)||void 0===t?void 0:t.deadStock)||void 0===e?void 0:e.map(((t,e)=>o("div",{style:{padding:"10px 20px"}},o("div",{class:"accordion-item border-b border-slate-200",style:{boxShadow:"rgb(225 225 225) 0px 0px 4px 1px",borderRadius:"5px",padding:"0 10px",marginBottom:"10px"},key:t.companyIntegrationID},o("button",{class:"accordion-header w-full flex justify-between items-center py-5 text-slate-800",onClick:()=>this.toggleAccordion(e)},o("strong",null,t.companyName),o("span",{class:"icon text-slate-800 transition-transform duration-300 "+(this.activeIndex===e?"rotate-180":"")},o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",class:"w-4 h-4"},o("path",{"fill-rule":"evenodd",d:"M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z","clip-rule":"evenodd"})))),o("div",{class:"accordion-content overflow-hidden transition-all duration-300 ease-in-out "+(this.activeIndex===e?"max-h-screen":"max-h-0")},o("table",{class:"w-full overflow-auto relative border-collapse"},o("thead",null,o("tr",null,o("th",{class:"px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]"},"Branch"),o("th",{class:"px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]"},"Available Qty"))),o("tbody",null,null==t?void 0:t.branchDeadStock.map((t=>o("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.companyBranchIntegrationID},o("td",{class:n("px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]")},t.companyBranchName),o("td",{class:n("px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]")},o("strong",null,t.quantity))))))))))))))))))}get el(){return this}static get watchers(){return{state:["loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.flex{display:flex}.hidden{display:none}.max-h-screen{max-height:100vh}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block}*{font-family:Arial}.accordion-item{border-bottom:1px solid #e2e8f0}.accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;width:100%}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.accordion-content.max-h-screen{max-height:1000px}.icon{transition:transform .3s ease-in-out}.icon.rotate-180{transform:rotate(180deg)}.static{position:static}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.table{display:table}.h-4{height:1rem}.h-\\[40px\\]{height:40px}.max-h-0{max-height:0}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-4{width:1rem}.w-fit{width:fit-content}.w-full{width:100%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.rotate-180,.scale-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-left{text-align:left}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"dead-stock-lookup",{isDev:[4,"is-dev"],baseUrl:[1,"base-url"],queryString:[1,"query-string"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalPartNumber:[32],errorMessage:[32],partInformation:[32],activeIndex:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{state:["loadingListener"]}]);function l(){"undefined"!=typeof customElements&&["dead-stock-lookup"].forEach((t=>{"dead-stock-lookup"===t&&(customElements.get(t)||customElements.define(t,d))}))}l();const c=d,p=l;export{c as DeadStockLookup,p as defineCustomElement}
+import{p as t,H as e,h as i,c as o}from"./p-be0a5ab5.js";import{g as a}from"./p-4f08bcb8.js";import{L as r}from"./p-8385e385.js";import{c as n}from"./p-98d9e7ab.js";let s={};const d="46px",l=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalPartNumber=null,this.errorMessage=null,this.partInformation=void 0}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,r=o?t:null==t?void 0:t.partNumber;this.externalPartNumber=r;try{if(!r||0===r.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const n=o?await a(this,{scopedTimeoutRef:i,partNumber:r,mockData:s},e):t;if(this.networkTimeoutRef===i){if(!n)throw Error("Wrong response format");this.handleSettingData(n)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){s=t}toggleAccordion(t){const e=t.target.parentElement,i=e.getElementsByClassName("icon")[0];if("true"===e.getAttribute("aria-expanded"))e.style.height=d,i.style.transform="rotate(0deg)",e.setAttribute("aria-expanded","false");else{const t=46+e.getElementsByClassName("content")[0].getClientRects()[0].height;e.style.height=t+"px",i.style.transform="rotate(180deg)",e.setAttribute("aria-expanded","true")}}render(){var t,e;return i(o,{key:"5afafb701488fe12ae7510942bb0abfee53f1d81"},i("div",{key:"c35e2b2b6dc469803dcacfe72c64f242eb71fc66",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"c887e169746b873d1faabc2dc7fcb6ac9b36088b"},i(r,{key:"6895759b25d925520984a6a911646d154aeb6f1e",isLoading:this.state.includes("loading")}),i("div",{key:"53b1e3bbdd9d76d7f3adb31db67fc35578c5db31",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&i("div",{key:"70e777c2e43cb5f702d14604e5daa3d24fe4b793",class:"py-[16px]"},i("div",{key:"9b082979188f3ceebe6287e4618b81482025265d",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&i("div",{key:"858736a530a1eeb27be15bb6ce74d90eac69854a"},i("div",{key:"34446c3dee2e3bb9e98eb095efb88f31eb068695",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"eb5644f27f839b85aba52bf1cb4e369030c95bcf",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Dead stock"),null===(e=null===(t=this.partInformation)||void 0===t?void 0:t.deadStock)||void 0===e?void 0:e.map((t=>i("div",{key:t.companyIntegrationID,class:"py-[10px] px-[20px]"},i("div",{"aria-expanded":"false",style:{height:d},class:"border shadow transition-all duration-500 overflow-hidden rounded-md mb-[10px] border-[#d6d8dc]"},i("button",{onClick:this.toggleAccordion,style:{height:d},class:"w-full flex px-[10px] justify-between items-center text-slate-800"},i("strong",null,t.companyName),i("span",{class:"icon text-slate-800 transition-transform duration-500"},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",class:"size-[22px]"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z"})))),i("div",{class:"content"},i("table",{class:"w-full overflow-auto relative border-collapse"},i("thead",null,i("tr",null,i("th",{class:"py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]"},"Branch"),i("th",{class:"py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]"},"Available Qty"))),i("tbody",null,null==t?void 0:t.branchDeadStock.map((t=>i("tr",{class:"transition-colors border-b border-[#d6d8dc] last:border-none duration-100 hover:bg-slate-100",key:t.companyBranchIntegrationID},i("td",{class:n("py-[20px] px-[10px] text-left whitespace-nowrap")},t.companyBranchName),i("td",{class:n("py-[20px] px-[10px] text-left whitespace-nowrap")},i("strong",null,t.quantity))))))))))))))))))}get el(){return this}static get watchers(){return{state:["loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[10px\\]{margin-bottom:10px}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.size-\\[22px\\]{height:22px;width:22px}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-left{text-align:left}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"dead-stock-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalPartNumber:[32],errorMessage:[32],partInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{state:["loadingListener"]}]);function p(){"undefined"!=typeof customElements&&["dead-stock-lookup"].forEach((t=>{"dead-stock-lookup"===t&&(customElements.get(t)||customElements.define(t,l))}))}p();const c=l,h=p;export{c as DeadStockLookup,h as defineCustomElement}

package/dist/components/distributor-lookup.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as e,H as t,h as i,c as o}from"./p-4dc47f5f.js";import{L as a}from"./p-2b0cc0c6.js";import{c as r}from"./p-98d9e7ab.js";import{g as d}from"./p-4f08bcb8.js";let s={};const n=e(class extends t{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalPartNumber=null,this.errorMessage=null,this.partInformation=void 0}handleSettingData(e){this.partInformation=e}async setData(e,t={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof e,a=o?e:null==e?void 0:e.partNumber;this.externalPartNumber=a;try{if(!a||0===a.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((e=>{i=setTimeout(e,700),this.networkTimeoutRef=i}));const r=o?await d(this,{scopedTimeoutRef:i,partNumber:a,mockData:s},t):e;if(this.networkTimeoutRef===i){if(!r)throw Error("Wrong response format");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(e){if(e&&"AbortError"===(null==e?void 0:e.name))return;this.state="error",this.partInformation=null,this.errorMessage=e.message}}async fetchData(e=this.externalPartNumber,t={}){await this.setData(e,t)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(e){s=e}render(){var e;return i(o,{key:"a9685f218c3388c8871a1fe5ad3e5f7a6db16525"},i("div",{key:"06d3ebe5cea1877eca04e2bd531ced6886efce21",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"25ce4d8a810565277b13fa9897c624df7db7c306"},i(a,{key:"69ab848c559a4f84cb5f92249704d4f6e608ef7c",isLoading:this.state.includes("loading")}),i("div",{key:"f7407c9bc18b4a9e9fed9df8ff7c933ffa72bb74",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&i("div",{key:"f0b4b92ded5f1f3dedea006efa39f80a2d8b21a2",class:"py-[16px]"},i("div",{key:"40a070ad198be5ef292518891494ee24c3bd1f30",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&i("div",{key:"1b1ef313fb728a736fbff5dadb4a0ea8b00538c0"},i("div",{key:"62edebf935eadf1024dfae210c94b9101e6a1469",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"ead7db5ff9a5c3044873869f9dd5e929e1ae3e64",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Info"),i("div",{key:"5d09e0bb243d5d3e2b1c79c1207fd6f8eb3206e9",style:{padding:"10px 30px",display:"flex",flexDirection:"column",gap:"15px"}},i("div",{key:"1ebfebcbed472f1ede92dec490bf26091b5cdb7e",style:{display:"flex",gap:"50px"}},i("div",{key:"fe41112534c499faab4fb24a0e074774eb269a84",style:{display:"flex",flexDirection:"column",flex:"1"}},i("strong",{key:"9a6b0ced60f697bee9a588037e2f13422c6abb0b",style:{padding:"10px 0",borderBottom:"1px solid grey"}},"Description"),i("div",{key:"8838fc064ac4194fb0ee8ca8bb4de52bd17acfb0",style:{padding:"10px 0px"}},this.partInformation.stockParts[0].partDescription)),i("div",{key:"d3c6827596e5eefe390ce1b41296cf66ca28feeb",style:{display:"flex",flexDirection:"column",flex:"1"}},i("strong",{key:"df1cdfdaf6d79f400be5391745e1d062a0ec89f5",style:{padding:"10px 0",borderBottom:"1px solid grey"}},"Product Group"),i("div",{key:"e6986b7e77dd09185b7675f8501534d60ebec64a",style:{padding:"10px 0px"}},this.partInformation.stockParts[0].group)),i("div",{key:"2e948e425f174e11b4ef52c732940641d01b20c2",style:{display:"flex",flexDirection:"column",flex:"1"}},i("strong",{key:"c6e4380800858509bb2f428f49e0b9fe4617cad5",style:{padding:"10px 0",borderBottom:"1px solid grey"}},"Price"),i("div",{key:"43eeceb7be881b1f88eb3d1d8de8ba41aa2d5930",style:{padding:"10px 0px"}},this.partInformation.stockParts[0].price))),i("div",{key:"aab231f411233286eba1fefcf77da5ab40de2dfe",style:{display:"flex",gap:"50px"}},i("div",{key:"ad59c8bacdac79cdf1cd8520756d059b91b336c5",style:{display:"flex",flexDirection:"column",flex:"1"}},i("strong",{key:"d8409b080baf442816dd2d24f00f3a85f3502366",style:{padding:"10px 0",borderBottom:"1px solid grey"}},"Superseded To"),i("div",{key:"76e0c5431c52f90677c3c513c5d72160bdf03e19",style:{padding:"10px 0px"}},this.partInformation.stockParts[0].supersededTo)),i("div",{key:"e7651b63dccd4e7e9a122ce9ea6810c1b415692e",style:{display:"flex",flexDirection:"column",flex:"1"}},i("strong",{key:"a9c43a444c872205837dd54fb9ec863714b4c3d6",style:{padding:"10px 0",borderBottom:"1px solid grey"}},"Superseded From"),i("div",{key:"e089ddeeea660e693a8fee0b4a718a1ae91fe064",style:{padding:"10px 0px"}},this.partInformation.stockParts[0].supersededFrom)),i("div",{key:"d409f7c7b329fdae0edc077d633cce92f58d141c",style:{display:"flex",flexDirection:"column",flex:"1"}})))),0===this.partInformation.stockParts.filter((e=>"LookupIsSkipped"===e.quantityLookUpResult||"QuantityNotWithinLookupThreshold"===e.quantityLookUpResult)).length&&i("div",{key:"d4b0fc1bdb5224c14def453ebbbedbdb7e645bb4",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"886e7a946cb4c73f672220d18dc69232bceafaa3",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Distributor Stock"),i("div",{key:"8792f50034f94d60e541e88008a08c3b5d57270f",style:{padding:"10px 30px",display:"flex",flexDirection:"column",gap:"15px"}},i("table",{key:"837e3552fe2e3281b7571242db01eb583ed436fa",class:"w-full overflow-auto relative border-collapse"},i("thead",{key:"35ed95194fc2182428710ccc48e19e58fbfba3f7",class:"top-0 font-bold sticky bg-white"},i("tr",{key:"302dfdd19840cf9aa22529f780d2873aa1e398ab"},["Location","Availability"].map((e=>i("th",{key:e,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},e))))),i("tbody",{key:"c8b09ff4b1d2696d9c86fb828caeac54996f1bba"},null===(e=this.partInformation)||void 0===e?void 0:e.stockParts.map((e=>i("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:e.locationID},i("td",{class:r("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]")},e.locationName),i("td",{class:r("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]")},i("div",{class:"Available"===e.quantityLookUpResult?"success":"PartiallyAvailable"===e.quantityLookUpResult?"warning":"reject"},i("strong",null,"Available"===e.quantityLookUpResult?"Available":"PartiallyAvailable"===e.quantityLookUpResult?"Partially Available":"Not Available")))))))))))))))}get el(){return this}static get watchers(){return{state:["loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.success{color:green}.warning{color:orange}.reject{color:red}.static{position:static}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"distributor-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalPartNumber:[32],errorMessage:[32],partInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{state:["loadingListener"]}]);function l(){"undefined"!=typeof customElements&&["distributor-lookup"].forEach((e=>{"distributor-lookup"===e&&(customElements.get(e)||customElements.define(e,n))}))}l();const c=n,p=l;export{c as DistributorLookup,p as defineCustomElement}
+import{p as t,H as e,h as o,c as i}from"./p-be0a5ab5.js";import{L as a}from"./p-8385e385.js";import{c as r}from"./p-98d9e7ab.js";import{g as s}from"./p-4f08bcb8.js";let n={};const l=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalPartNumber=null,this.errorMessage=null,this.partInformation=void 0}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let o;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const i="string"==typeof t,a=i?t:null==t?void 0:t.partNumber;this.externalPartNumber=a;try{if(!a||0===a.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{o=setTimeout(t,700),this.networkTimeoutRef=o}));const r=i?await s(this,{scopedTimeoutRef:o,partNumber:a,mockData:n},e):t;if(this.networkTimeoutRef===o){if(!r)throw Error("Wrong response format");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){n=t}render(){var t;const e=this.partInformation?[{label:"Description",value:this.partInformation.stockParts[0].partDescription},{label:"Product Group",value:this.partInformation.stockParts[0].group},{label:"Price",value:this.partInformation.stockParts[0].price}]:[],s=this.partInformation?[{label:"Superseded To",value:this.partInformation.stockParts[0].supersededTo},{label:"Superseded From",value:this.partInformation.stockParts[0].supersededFrom}]:[],n=!!this.partInformation&&!this.partInformation.stockParts.some((({quantityLookUpResult:t})=>"LookupIsSkipped"===t||"QuantityNotWithinLookupThreshold"===t));return o(i,{key:"79c2ce86ba515ef9bc26e6ee0d337be842cee5f1"},o("div",{key:"f48591eaa1b5440d50ac9566907e1d771022de7c",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},o("div",{key:"381e363eec8c71ca7a639338c4ffb99a483542aa"},o(a,{key:"5f59b51bff60f4a2ffb840c6e61697e67577074e",isLoading:this.state.includes("loading")}),o("div",{key:"8b7dc79b0731e99139720ab43153070279437991",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&o("div",{key:"dd1701dcb27b0436b1c6d13c6e35f603911eb373",class:"py-[16px]"},o("div",{key:"8a94e43ebfaff59a1000b6fd253b2c8b1172c87c",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&o("div",{key:"9ac28a4b1fddea36b41cdad10244f95aa94bc400"},o("div",{key:"1e1e65f06b0e30d6d7a087d412c9d5e54337ee17",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},o("div",{key:"7b675eb6ca2cd95dbbaebb3aebbbc54ac7340417",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Info"),o("div",{key:"a4c2b16157f953406c5f14f7fd1e04112455b1eb",class:"py-[10px] flex flex-col gap-[15px]"},o("div",{key:"9e0f362dcb01d78b78fbc3b27af289721fe7b1d7",class:"flex gap-[50px]"},e.map((({label:t,value:e})=>o("div",{key:t,class:"flex flex-col flex-1"},o("strong",{class:"py-[10px] px-0 border-b-[gray] border-b"},t),o("div",{class:"py-[10px] px-0"},e))))),o("div",{key:"6f031fb75275a7e91d76a9af02f2beb205dd2537",class:"flex gap-[50px]"},s.map((({label:t,value:e})=>o("div",{key:t,class:"flex flex-col flex-1"},o("strong",{class:"py-[10px] px-0 border-b border-b-[grey]"},t),o("div",{class:"py-[10px] px-0"},e)))),o("div",{key:"7a442c3e03c340e85810930ad0b47bf6f9e02619",class:"flex-1"})))),n&&o("div",{key:"6fd4a90e0606586f300d49f224a4e2d43dacfd59",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},o("div",{key:"edd8c06e7f8e88507005bb5c0349985251161cf2",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Distributor Stock"),o("div",{key:"482ebf02eb1bcb4f179d71d9b9d0ee68b1df0765",class:"flex flex-col gap-[15px]"},o("table",{key:"6df53c5a8af361cfb9b7805d904894774465eca2",class:"w-full overflow-auto relative border-collapse"},o("thead",{key:"80de5117fb5c3d88df9f3b2d978ab53b0a3d1ab6",class:"top-0 font-bold sticky bg-white"},o("tr",{key:"6a41439bc02d475cd8b3f3f5aeb6d8893219a164"},["Location","Availability"].map((t=>o("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),o("tbody",{key:"a0752f0ac86dbc23f1a44fcef1a258bffc37cb6c"},null===(t=this.partInformation)||void 0===t?void 0:t.stockParts.map((t=>o("tr",{class:"transition-colors duration-100 border-b border-[#d6d8dc] last:border-none hover:bg-slate-100",key:t.locationID},o("td",{class:r("px-[10px] py-[20px] text-center whitespace-nowrap")},t.locationName),o("td",{class:r("px-[10px] py-[20px] text-center whitespace-nowrap")},o("div",{class:r("text-[red]",{"text-[green]":"Available"===t.quantityLookUpResult,"text-[orange]":"PartiallyAvailable"===t.quantityLookUpResult})},o("strong",null,"Available"===t.quantityLookUpResult?"Available":"PartiallyAvailable"===t.quantityLookUpResult?"Partially Available":"Not Available")))))))))))))))}get el(){return this}static get watchers(){return{state:["loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\\[gray\\],.border-b-\\[grey\\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"distributor-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalPartNumber:[32],errorMessage:[32],partInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{state:["loadingListener"]}]);function d(){"undefined"!=typeof customElements&&["distributor-lookup"].forEach((t=>{"distributor-lookup"===t&&(customElements.get(t)||customElements.define(t,l))}))}d();const c=l,p=d;export{c as DistributorLookup,p as defineCustomElement}