xactsize-webcomponents 1.0.3 → 1.0.4

package/README.md

@@ -12,10 +12,34 @@ npm install xactsize-webcomponent
 ```
 
 ```html
-<body-measurer culture="pt-BR" product-name="Calça Legging" skus='[{"dimensions":{"Size":"S"},"measures":{"height":39,"length":78,"width":78}},{"dimensions":{"Size":"M"},"measures":{"height":40,"length":82,"width":82}}]'></body-measurer>
-<script type="module">
+<body-measurer
+        culture="pt-BR"
+        product-name="Shirt"
+        skus='[{"dimensions":{"Size":"M"},"measures":{"height":50,"length":70,"width":40}}]'
+></body-measurer>
+<script>
     import { BodyMeasurer } from 'xactsize-webcomponent';
-    // The component is automatically registered via @customElement
+
+    // Select the body-measurer element
+    const bodyMeasurer = document.querySelector('body-measurer');
+
+    // Check if the element exists
+    if (bodyMeasurer) {
+        // Add event listener for measurementAccepted
+        bodyMeasurer.addEventListener('measurementAccepted', (e) => {
+            const size = e.detail.size;
+            alert(`Size selected: ${size}`);
+            console.log('Measurement accepted:', e.detail);
+        });
+
+        // Add event listener for measurementCanceled
+        bodyMeasurer.addEventListener('measurementCanceled', (e) => {
+            alert('Measurement canceled');
+            console.log('Measurement canceled');
+        });
+    } else {
+        console.error('body-measurer element not found');
+    }
 </script>
 ```
 </details>
@@ -26,5 +50,28 @@ npm install xactsize-webcomponent
 ```html
 <body-measurer culture="pt-BR" product-name="Calça Legging" skus='[{"dimensions":{"Size":"S"},"measures":{"height":39,"length":78,"width":78}},{"dimensions":{"Size":"M"},"measures":{"height":40,"length":82,"width":82}}]'></body-measurer>
 <script type="module" src="https://cdn.jsdelivr.net/npm/xactsize-webcomponents@1.0.3/dist/body-measurer.es.js"></script>
+
+<script>
+    // Select the body-measurer element
+    const bodyMeasurer = document.querySelector('body-measurer');
+
+    // Check if the element exists
+    if (bodyMeasurer) {
+        // Add event listener for measurementAccepted
+        bodyMeasurer.addEventListener('measurementAccepted', (e) => {
+            const size = e.detail.size;
+            alert(`Size selected: ${size}`);
+            console.log('Measurement accepted:', e.detail);
+        });
+
+        // Add event listener for measurementCanceled
+        bodyMeasurer.addEventListener('measurementCanceled', (e) => {
+            alert('Measurement canceled');
+            console.log('Measurement canceled');
+        });
+    } else {
+        console.error('body-measurer element not found');
+    }
+</script>
 ```
 </details>

package/dist/body-measurer.d.ts

@@ -9,10 +9,19 @@ interface SKU {
         width: number;
     };
 }
+export declare const getLocale: (() => string) & {
+    _LIT_LOCALIZE_GET_LOCALE_?: never;
+}, setLocale: ((newLocale: string) => Promise<void>) & {
+    _LIT_LOCALIZE_SET_LOCALE_?: never;
+};
 export declare class BodyMeasurer extends LitElement {
     static styles: import('lit', { with: { "resolution-mode": "import" } }).CSSResult;
     apiKey: string;
-    culture: string;
+    private _culture;
+    get culture(): string;
+    set culture(value: string);
+    _applyLocale(newLocale: string): Promise<void>;
+    private _isLocaleLoading;
     skus: SKU[];
     productName: string;
     private showModal;
@@ -26,8 +35,7 @@ export declare class BodyMeasurer extends LitElement {
     private videoElement;
     private stream;
     private pollingInterval;
-    private translations;
-    private getTranslation;
+    constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     private handleEscKey;
@@ -36,6 +44,7 @@ export declare class BodyMeasurer extends LitElement {
     private startMeasurement;
     updated(changedProperties: Map<string, any>): void;
     private initializeMeasurement;
+    private poolingTimeout;
     private startPolling;
     private isFetching;
     private stopPolling;