From c936cd3fcaec94a160e88955c620320d6ce4e7ab Mon Sep 17 00:00:00 2001
From: Keillion-Dynamsoft <keillionv@gmail.com>
Date: Mon, 27 Jul 2026 14:21:14 +0800
Subject: [PATCH 1/5] feat: customize dce5 UI definition

---
 programming/features/ui-customization-js.md | 380 +++++++++++++++++++-
 1 file changed, 376 insertions(+), 4 deletions(-)

diff --git a/programming/features/ui-customization-js.md b/programming/features/ui-customization-js.md
index 7e4ae9f1..768fe1e1 100644
--- a/programming/features/ui-customization-js.md
+++ b/programming/features/ui-customization-js.md
@@ -10,21 +10,30 @@ noTitleIndex: true
 
 # Customize the UI
 
-## Use the built-in UI
+The official UI is defined in files that use the `.xml` extension but actually contain HTML; the `.xml` extension is used to prevent hot-reloading mechanisms—such as those in Live Server, Five Server, or UI frameworks—from overwriting the file.
+In reality, you can use any file extension, provided the browser can correctly retrieve the file's text content.
+
+You can choose from [legacy UI definition format](#legacy-ui-definition-format) or [new UI definition format](#new-ui-definition-format).
+
+## Legacy UI Definition Format
+
+All versions of Dynamsoft Barcode Reader JS SDK 11 and Dynamsoft Capture Vision JS SDK 3 support the legacy UI definition format. However, the details of the default UI definition files vary slightly between minor versions and may not be fully compatible; please base any modifications on the UI definition file specific to the version you are using. The legacy definition format supports HTML and CSS.
+
+### Use the built-in UI
 
 The pre-defined UI provided by Dynamsoft Barcode Reader can be found at [`dce.ui.xml`](https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@latest/dist/ui/dce.ui.xml). The main UI elements in this file are prefixed with `dce-` and they are dynamically bound to functions when the application initiates.
 
-## Modify the UI dynamically
+### Modify the UI dynamically
 
 To customize the UI, call `cameraView.getUIElement()` to access the `HTMLElement` that contains all UI components. Before calling `cameraEnhancer.open()`, you can modify the UI by editing CSS, adding or removing elements, or restructuring the HTML.
 
 After `cameraEnhancer.open()`, UI adjustments are still possible via JavaScript. However, handle elements with class names prefixed with `dce-` carefully, as they may be tied to specific internal logic.
 
-## Define the UI in a separate HTML
+### Define the UI in a separate HTML
 
 For less dynamic but more structured customization, create a copy of `dce.ui.xml`, modify it as needed, and store it in your project. Use this customized UI with `Dynamsoft.DCE.CameraView.createInstance('PATH-TO/xxxx.ui.xml')`.
 
-## Integrate HTML into Your Project
+### Integrate HTML into Your Project
 
 Alternatively, `CameraView.createInstance()` accepts an `HTMLElement` directly. This allows you to build and manage the UI within your webpage. For example, set the UI using `CameraView.createInstance(document.getElementById('my-custom-ui'))`.
 
@@ -87,3 +96,366 @@ Next, add the camera and resolution list. If the classes match the default ones
 ```
 
 > Ensure the selected resolution is supported by the camera. If not, the closest supported resolution will be used. The `dce-opt-gotResolution` class shows the **actual resolution**.
+
+## New UI Definition Format
+
+Starting with Dynamsoft Barcode Reader JS SDK 11.4.2000 and Dynamsoft Capture Vision JS SDK 3.4.2000, we have introduced support for a new UI definition format. This format allows for the inclusion of `<script>` elements, moving extensive interaction logic out of the SDK's internal code and into native JavaScript. With the complete HTML/CSS/JS stack now available, developers—or AI—can freely customize the UI/UX using familiar technologies without needing to write a large amount of code in your business logic.
+
+In the following sections, the business logic will be implemented using frameworks (such as React or Vue) or ESM syntax, while "Classic scripts" will be used for UI definitions. Of course, this approach is adopted merely for the sake of explanation; you are free to combine these methods however you prefer.
+
+### Start from built-in UI
+
+The pre-defined UI using new UI definition format can be found at [`dce.ui.v5.xml`](https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@latest/dist/ui/dce.ui.v5.xml). Since it is HTML rather than standard XML, the browser will report a parsing error; you can save the file (Ctrl+S) to view it.
+
+```ts
+import { CameraEnhancer } from 'dynamsoft-barcode-reader-bundle';
+const camera = await CameraEnhancer.createInstance('@engineResourcePath/ui/dce.ui.v5.xml');
+const camera2 = await CameraEnhancer.createInstance('url/to/my/dce.ui.v5.xml');
+```
+
+> In the current implementation, `CameraEnhancer` and `CameraView` are effectively the same class; this allows for the creation of a single instance, and their interfaces can be used interchangeably.
+
+You can find an element with class `dm-camera-core-container`. The UI definition must contain one of this element. During UI binding, a video element and some auxiliary elements will be dynamically inserted into this element to play the camera footage.
+
+```html
+<div class="dm-camera-core-container"></div>
+```
+
+Apart from `dm-camera-core-container`, all other elements are optional; the interaction logic for these elements can be found within the `<script>` tag.
+
+Please take a look at the `<script>` tag; we have wrapped all the logic in a self-executing function to avoid global namespace conflicts, particularly when working with frameworks like React or Vue.
+
+```html
+<script>
+  (()=>{ // wrapper to avoid conflicts when apply many times
+    const camera = document.currentScript.currentDMCamera;
+  })();
+</script>
+```
+
+The first line, `const camera = document.currentScript.currentDMCamera;`, allows you to access the `camera` object (an instance of `CameraEnhancer`). If you wish to access other objects—such as an instance of `CaptureVisionRouter`—you can assign `camera.exportToUI.cvRouter` within your business logic, then get it back in UI definition.
+
+```diff
+  // in business logic
+
+  import { CaptureVisionRouter, CameraEnhancer } from 'dynamsoft-barcode-reader-bundle';
+  /* other logic */
+  const cvRouter = await CaptureVisionRouter.createInstance();
+  const camera = await CameraEnhancer.createInstance('url/to/my/dce.ui.v5.xml');
++ camera.exportToUI = { cvRouter };
+  cameraContainer.append(camera.getUIElement());
+  cvRouter.setInput(camera);
+```
+
+```diff
+  // in ui.xml
+
+  (()=>{
+    const camera = document.currentScript.currentDMCamera;
++   const cvRouter = camera.exportToUI.cvRouter;
+    /* other logic */
+  })();
+```
+
+Next, let's select a few of these optional elements and customize their interaction effects:
+
+### Enable Beep and Vibrate
+
+When a barcode is successfully decoded, you may want to trigger a beep or vibration as a notification.
+
+Buttons for "beep" and "vibrate" are already built into the UI definition; make them visible.
+
+```diff
+  // in ui.xml
+
+  ...
+- <div class="dm-camera-mn-beep" title="beep" style="display:none;">
++ <div class="dm-camera-mn-beep" title="beep">
+  ...
+- <div class="dm-camera-mn-vibrate" title="vibrate" style="display:none;">
++ <div class="dm-camera-mn-vibrate" title="vibrate">
+  ...
+```
+
+Enable beep by default and disable vibration by default.
+```diff
+  // in ui.xml
+
+  const elBeepOn = ui.querySelector('.dm-camera-mn-beep-on');
+  const elBeepOff = ui.querySelector('.dm-camera-mn-beep-off')
++ let isBeepOn = true;
++ isBeepOn ? elBeepOff.style.display = 'none' : elBeepOn.style.display = 'none';
+  const elVibrateOn = ui.querySelector('.dm-camera-mn-vibrate-on');
+  const elVibrateOff = ui.querySelector('.dm-camera-mn-vibrate-off');
++ let isVibrateOn = false;
++ isVibrateOn ? elBeepOff.style.display = 'none' : elBeepOn.style.display = 'none';
+```
+
+Listen for button `pointerdown` events.
+```js
+// in ui.xml
+
+elBeepOn?.addEventListener('pointerdown', ()=>{
+  isBeepOn = false;
+  elBeepOn.style.display = 'none';
+  elBeepOff.style.display = '';
+});
+elBeepOff?.addEventListener('pointerdown', ()=>{
+  isBeepOn = true;
+  elBeepOff.style.display = 'none';
+  elBeepOn.style.display = '';
+});
+elVibrateOn?.addEventListener('pointerdown', ()=>{
+  isVibrateOn = false;
+  elVibrateOn.style.display = 'none';
+  elVibrateOff.style.display = '';
+});
+elVibrateOff?.addEventListener('pointerdown', ()=>{
+  isVibrateOn = true;
+  elVibrateOff.style.display = 'none';
+  elVibrateOn.style.display = '';
+});
+```
+
+Import `beep` and `vibrate` from the business logic, listen for barcode results and trigger feedback.
+
+```ts
+// in business logic
+
+import { CaptureVisionRouter, CameraEnhancer, beep, vibrate } from 'dynamsoft-barcode-reader-bundle';
+/* other logic */
+camera.exportToUI = { cvRouter, beep, vibrate };
+```
+
+```js
+// in ui.xml
+
+const { cvRouter, beep, vibrate } = camera.exportToUI;
+/* other logic */
+cvRouter.addResultReceiver({ onDecodedBarcodesReceived: (result) => {
+  if (result.barcodeResultItems?.length) {
+    isBeepOn && beep();
+    isVibrateOn && vibrate();
+  }
+}});
+```
+
+### Button to Exit the Camera Interface
+
+Make the dm-camera-mn-camera-close button visible.
+
+```diff
+  // in ui.xml
+
+- <div class="dm-camera-mn-camera-close" style="display:none;" title="close">
++ <div class="dm-camera-mn-camera-close" title="close">
+```
+
+Listen for button `click` events.
+```js
+// in ui.xml
+
+elCameraClose.addEventListener('click', ()=>{
+  camera.close();
+  camera.ui.remove();
+  /* other logic */
+});
+```
+
+### Make "Switch Camera" Cycle Through All Cameras
+
+Mobile phones typically feature both front and rear cameras, and the "switch" button appears to toggle between them. Since PCs often lack this setup—yet we sometimes need to iterate through all available cameras—we can modify the switch button accordingly.
+
+```diff
+  // in ui.xml
+
+  // show switch camera button
+- if(await camera.constructor.hasFrontCamera()){
+-   if(elCameraSwitch){ elCameraSwitch.style.display = ''; }
+- }
++ if(elCameraSwitch){ elCameraSwitch.style.display = ''; }
+
+  /* other logic */
+
++ let cameraIndex = 0;
+  elCameraSwitch?.addEventListener('pointerdown', async()=>{
++   const deviceInfos = await camera.constructor.getDeviceInfos();
++   cameraIndex = (cameraIndex + 1) % deviceInfos.length;
+-   await camera.requestCamera(camera.currentCamera.isFront ? 'back': 'front');
++   await camera.requestCamera(deviceInfos[cameraIndex]);
+  });
+```
+
+### Take a Photo First, then Decoding
+
+Some scenarios, such as document detection, do not require continuous video stream decoding; aligning the shot before capturing the image may yield better results and save energy. We can implement this by adding a capture button.
+
+```diff
+-<div class="dm-camera-mn-take-photo" style="display:none;" title="take photo"></div>
++<div class="dm-camera-mn-take-photo" title="take photo"></div>
+```
+
+Listen for the `pointerdown` event on the "take photo" button.
+```js
+// in ui.xml
+
+const { cvRouter, beep, vibrate, handleBarcodeText } = camera.exportToUI;
+
+elTakePhoto.addEventListener('pointerdown', async()=>{
+  let captureResult = cvRouter.capture(camera.getFrame());
+  let text = captureResult.decodedBarcodesResult?.[0]?.text;
+  console.log(text || 'no result'); // for debug
+  handleBarcodeText(text);
+});
+```
+
+
+```diff
+  // in business logic
+
+  class MyComponent {
+    async mounted(){
+      /* other logic */
+      const cvRouter = await CaptureVisionRouter.createInstance();
+      const camera = await CameraEnhancer.createInstance('url/to/my/dce.ui.v5.xml');
+      camera.exportToUI = {
+        cvRouter, beep, vibrate,
++       handleBarcodeText: handleBarcodeText.bind(this)
+      };
+      cameraContainer.append(camera.getUIElement());
+-     cvRouter.setInput(camera);
+
+-     await cvRouter.addResultReceiver({ onDecodedBarcodesReceived: (result) => {
+-       // ...
+-     }});
+
+-     let filter = new Dynamsoft.Utility.MultiFrameResultCrossFilter();
+-     filter.enableResultCrossVerification("barcode", true);
+-     filter.enableResultDeduplication("barcode", true);
+-     await cvRouter.addResultFilter(filter);
+
+      await cameraEnhancer.open();
+-     await cvRouter.startCapturing("ReadSingleBarcode");
+    }
++   handleBarcodeText = (text)=>{
++     // do something
++   };
+  }
+```
+
+### Using TypeScript in UI Definition
+
+The UI definition accepts external scripts and styles, so you can easily write code in TypeScript and reference the generated JavaScript after running `tsc`.
+
+```ts
+// in myui.ts
+
+// You must use `import type`; otherwise, 
+// the entire 'dynamsoft-barcode-reader-bundle' package
+// will be imported into the compiled output.
+//
+// Since the 'dynamsoft-barcode-reader-bundle' package
+// has already been imported in the business logic, 
+// importing it again in the UI definition is unnecessary.
+//
+// Some types have been renamed to versions with underscores 
+// to avoid conflicts with variables imported from `exportToUI`. 
+// You can also change the names of the variables imported from `exportToUI`.
+import type {
+  CameraEnhancer,
+  CaptureVisionRouter,
+  beep as _beep,
+  vibrate as _vibrate,
+} from 'dynamsoft-barcode-reader-bundle';
+
+const camera = (document.currentScript as any).currentDMCamera as _CameraEnhancer;
+
+const { cvRouter, beep, vibrate, handleBarcodeText } = (camera as any).exportToUI as {
+  cvRouter: CaptureVisionRouter;
+  beep: typeof _beep;
+  vibrate: typeof _vibrate;
+  handleBarcodeText: (text: string) => void;
+};
+
+/* other logic */
+```
+
+
+```cmd
+.\node_modules\.bin\tsc myui.ts --outDir myui --module umd --moduleResolution node --skipLibCheck
+```
+
+```html
+<link rel="stylesheet" href="style.css">
+<div></div>
+<script src="path/to/myui.js"></script>
+```
+
+Relative URLs are resolved using the base URI of the document, not the location of the UI definition file. Therefore, if you want to use this UI definition file in multiple locations, you can import the JS and CSS using absolute paths, or simply inline them.
+
+```html
+<div></div>
+<style>/* copy from external css */</style>
+<script>/* copy from generated-from-ts.js */</script>
+```
+
+When using TypeScript, you might prefer exporting JavaScript in ESM format rather than UMD. Since `document.currentScript` is unavailable in ESM, the following code should be used to obtain the current script.
+
+```ts
+// in myui.ts
+
+import type { CameraEnhancer, CaptureVisionRouter, beep as _beep, vibrate as _vibrate } from 'dynamsoft-barcode-reader-bundle';
+
+function getCurrentModuleScript() {
+  // Get the absolute URL of the current module file
+  const moduleUrl = import.meta.url; 
+
+  // Look through all script tags on the page
+  return Array.from(document.querySelectorAll('script[type="module"]') as NodeListOf<HTMLScriptElement>).find(script => {
+    // 0. If script has already been retrieved, do not retrieve it again;
+    //    this prevents interference caused by importing the same src script multiple times.
+    if((script as any).retrievedBefore){ return false; }
+
+    // 1. Try matching against the fully resolved absolute URL property
+    if (script.src === moduleUrl){
+      (script as any).retrievedBefore = true;
+      return true;
+    }
+
+    // 2. Try matching the exact text written in the HTML 'src' attribute
+    const srcAttr = script.getAttribute('src');
+    if (srcAttr) {
+      // Resolve the relative attribute against the current page's base URL
+      const absoluteSrc = new URL(srcAttr, document.baseURI).href;
+      return absoluteSrc === moduleUrl;
+    }
+    
+    return false;
+  });
+}
+
+// Due to the `retrievedBefore` constraint, `getCurrentModuleScript` can only be called once. 
+// You might also consider other approaches to avoid same src conflicts.
+const currentScript = getCurrentModuleScript();
+
+const camera = (currentScript as any).currentDMCamera as CameraEnhancer;
+
+const { cvRouter, beep, vibrate, handleBarcodeText } = (camera as any).exportToUI as {
+  cvRouter: CaptureVisionRouter;
+  beep: typeof _beep;
+  vibrate: typeof _vibrate;
+  handleBarcodeText: (text: string) => void;
+};
+
+/* other logic */
+```
+
+```cmd
+.\node_modules\.bin\tsc myui.ts --outDir myui --module esnext --moduleResolution node --skipLibCheck
+```
+
+```html
+<link rel="stylesheet" href="style.css">
+<div></div>
+<script src="path/to/myui.js" type="module"></script>
+```

From bff7257a31dfd88cf2e78903f3d4084ea8427f1b Mon Sep 17 00:00:00 2001
From: Justin <Justin@dynamsoft.com>
Date: Mon, 27 Jul 2026 16:23:41 +0800
Subject: [PATCH 2/5] fix: correct variable usage for vibration toggle in UI
 customization

---
 programming/features/ui-customization-js.md | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/programming/features/ui-customization-js.md b/programming/features/ui-customization-js.md
index 768fe1e1..834a2381 100644
--- a/programming/features/ui-customization-js.md
+++ b/programming/features/ui-customization-js.md
@@ -10,8 +10,9 @@ noTitleIndex: true
 
 # Customize the UI
 
-The official UI is defined in files that use the `.xml` extension but actually contain HTML; the `.xml` extension is used to prevent hot-reloading mechanisms—such as those in Live Server, Five Server, or UI frameworks—from overwriting the file.
-In reality, you can use any file extension, provided the browser can correctly retrieve the file's text content.
+The official UI uses the `.xml` extension to prevent build tools or hot-reload mechanisms (such as Live Server, Five Server, or bundlers) from processing or overwriting these files. **Despite the extension, the content is HTML**, not XML.
+
+> When opening `.xml` files directly in a browser, you may see parsing errors. Simply save the file (Ctrl+S) to view the rendered content.
 
 You can choose from [legacy UI definition format](#legacy-ui-definition-format) or [new UI definition format](#new-ui-definition-format).
 
@@ -101,7 +102,7 @@ Next, add the camera and resolution list. If the classes match the default ones
 
 Starting with Dynamsoft Barcode Reader JS SDK 11.4.2000 and Dynamsoft Capture Vision JS SDK 3.4.2000, we have introduced support for a new UI definition format. This format allows for the inclusion of `<script>` elements, moving extensive interaction logic out of the SDK's internal code and into native JavaScript. With the complete HTML/CSS/JS stack now available, developers—or AI—can freely customize the UI/UX using familiar technologies without needing to write a large amount of code in your business logic.
 
-In the following sections, the business logic will be implemented using frameworks (such as React or Vue) or ESM syntax, while "Classic scripts" will be used for UI definitions. Of course, this approach is adopted merely for the sake of explanation; you are free to combine these methods however you prefer.
+In the following sections, we'll implement business logic using modern frameworks (React, Vue, etc.) or ESM syntax, while UI definitions will use classic script tags for simplicity. This is just a demonstration pattern—you're free to mix and match approaches as needed.
 
 ### Start from built-in UI
 
@@ -188,7 +189,7 @@ Enable beep by default and disable vibration by default.
   const elVibrateOn = ui.querySelector('.dm-camera-mn-vibrate-on');
   const elVibrateOff = ui.querySelector('.dm-camera-mn-vibrate-off');
 + let isVibrateOn = false;
-+ isVibrateOn ? elBeepOff.style.display = 'none' : elBeepOn.style.display = 'none';
++ isVibrateOn ? elVibrateOff.style.display = 'none' : elVibrateOn.style.display = 'none';
 ```
 
 Listen for button `pointerdown` events.

From 1d1652eab365bdbb67b4e88d8a7fbd7b0b58692a Mon Sep 17 00:00:00 2001
From: Justin <Justin@dynamsoft.com>
Date: Mon, 27 Jul 2026 17:41:46 +0800
Subject: [PATCH 3/5] fix: remove outdated note on XML parsing and add UMD
 wrapper for TypeScript compatibility

---
 programming/features/ui-customization-js.md | 23 +++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/programming/features/ui-customization-js.md b/programming/features/ui-customization-js.md
index 834a2381..c792127a 100644
--- a/programming/features/ui-customization-js.md
+++ b/programming/features/ui-customization-js.md
@@ -12,8 +12,6 @@ noTitleIndex: true
 
 The official UI uses the `.xml` extension to prevent build tools or hot-reload mechanisms (such as Live Server, Five Server, or bundlers) from processing or overwriting these files. **Despite the extension, the content is HTML**, not XML.
 
-> When opening `.xml` files directly in a browser, you may see parsing errors. Simply save the file (Ctrl+S) to view the rendered content.
-
 You can choose from [legacy UI definition format](#legacy-ui-definition-format) or [new UI definition format](#new-ui-definition-format).
 
 ## Legacy UI Definition Format
@@ -369,7 +367,7 @@ import type {
   vibrate as _vibrate,
 } from 'dynamsoft-barcode-reader-bundle';
 
-const camera = (document.currentScript as any).currentDMCamera as _CameraEnhancer;
+const camera = (document.currentScript as any).currentDMCamera as CameraEnhancer;
 
 const { cvRouter, beep, vibrate, handleBarcodeText } = (camera as any).exportToUI as {
   cvRouter: CaptureVisionRouter;
@@ -381,7 +379,6 @@ const { cvRouter, beep, vibrate, handleBarcodeText } = (camera as any).exportToU
 /* other logic */
 ```
 
-
 ```cmd
 .\node_modules\.bin\tsc myui.ts --outDir myui --module umd --moduleResolution node --skipLibCheck
 ```
@@ -400,6 +397,24 @@ Relative URLs are resolved using the base URI of the document, not the location
 <script>/* copy from generated-from-ts.js */</script>
 ```
 
+Manually add:
+
+```diff
+function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
++    }else{
++        factory(null, {});
++    }
+}
+```
+
+  > When TypeScript compiles to UMD format, the default wrapper only handles CommonJS and AMD module environments. If your script needs to be loaded directly in the browser via a `<script>` tag (without any module loader), you must add this else branch. It ensures that the module's initialization code still executes correctly in a plain browser global environment — otherwise, all custom camera UI functionality will be completely broken.
+
 When using TypeScript, you might prefer exporting JavaScript in ESM format rather than UMD. Since `document.currentScript` is unavailable in ESM, the following code should be used to obtain the current script.
 
 ```ts

From 2830526f723b3c3d84fbec9c13b324326cf60cdc Mon Sep 17 00:00:00 2001
From: timothy-dynamsoft <timothy.chan@dynamsoft.com>
Date: Mon, 27 Jul 2026 15:01:20 -0700
Subject: [PATCH 4/5] fix: correct take-photo snippet in UI customization
 article

---
 programming/features/ui-customization-js.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/programming/features/ui-customization-js.md b/programming/features/ui-customization-js.md
index c792127a..d3ca20b1 100644
--- a/programming/features/ui-customization-js.md
+++ b/programming/features/ui-customization-js.md
@@ -301,8 +301,8 @@ Listen for the `pointerdown` event on the "take photo" button.
 const { cvRouter, beep, vibrate, handleBarcodeText } = camera.exportToUI;
 
 elTakePhoto.addEventListener('pointerdown', async()=>{
-  let captureResult = cvRouter.capture(camera.getFrame());
-  let text = captureResult.decodedBarcodesResult?.[0]?.text;
+  let captureResult = await cvRouter.capture(camera.getFrame());
+  let text = captureResult.decodedBarcodesResult?.barcodeResultItems?.[0]?.text;
   console.log(text || 'no result'); // for debug
   handleBarcodeText(text);
 });
@@ -333,7 +333,7 @@ elTakePhoto.addEventListener('pointerdown', async()=>{
 -     filter.enableResultDeduplication("barcode", true);
 -     await cvRouter.addResultFilter(filter);
 
-      await cameraEnhancer.open();
+      await camera.open();
 -     await cvRouter.startCapturing("ReadSingleBarcode");
     }
 +   handleBarcodeText = (text)=>{

From 13bfc5b98d0424d994bd23f5bbd93149a343b1b0 Mon Sep 17 00:00:00 2001
From: Justin <Justin@dynamsoft.com>
Date: Tue, 28 Jul 2026 17:54:51 +0800
Subject: [PATCH 5/5] feat: add built-in UI image to UI customization
 documentation

---
 .../assets/ui-customization-js/dcv.ui.v5.png    | Bin 0 -> 25246 bytes
 programming/features/ui-customization-js.md     |   4 ++++
 2 files changed, 4 insertions(+)
 create mode 100644 programming/features/assets/ui-customization-js/dcv.ui.v5.png

diff --git a/programming/features/assets/ui-customization-js/dcv.ui.v5.png b/programming/features/assets/ui-customization-js/dcv.ui.v5.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9863625d24f8e392e6a3ed50742f4fff9c507c3
GIT binary patch
literal 25246
zcmdS>cQ}@B{6CHt*+R(PdqhU|%59VEm6Z^Z>_WC1A)92c%<L5s*(+OS8QCkF?C;a-
z{rMc9?{R#;zvK7&_jesfiSGM$UFUV4&*x*ESBUy!h1=K^*f(z6xUHlpt9j$b&3o|Y
zJthkLWE&Op2YkVDP&9D9aRaaI`p?aHPCUvRH|TCC$x3UxrEI3YF^cOv+OZ<78Jr$Q
zlh(K+8`v)YsBCdcpd$mloiJNEJIMO4mug+xYjdS%^io9H@9#*5M^6ZJ$TBMPaOgkO
zAeOVyB#D|icE2JM$Nf4WIK?0~i|_NJzn|avwR^v$^Kyzv06`!kQ=N?%`~UM7YV<tI
z1gt=Wv$Hc15mBakerahWL1AfWX-Nq;C+FMUKXR_Fu7<sn=<12=Of@w%BqSv0=;&0B
zajG9;;kIh)=-eeGU0GTxcv-Z&gW~snW@cu1SW_uED=TYdAbosv)OyNYOxiLx3iB3<
zo}QkJOe-GQ=ZXqG2?^tqD@A^0;t<)#j~}m}JMrMgCML2+D?V6nl2|R|!wEzn)pc}q
zSffwww*3D6&HMp@mVv>^Tr(>3?Ss+n-v0g)!!NI1NPZQeibzZ(Z{=B9T3W{+T6Vda
zczAdih%hrYPJP60Wwo-q(8<co?24XfO8?T%uDGa3)Jc{mk~LnLlY@g;V6Jd7T9L`g
z!9o4tZ(h20&y(%BIXc3SQL3yy4JQ7C&zo9rIIcfX>U^iwviAe~)zVnWk5U)|l2kkO
z>Ns^e0$~vmc8}xgaT88%Zry{D*x1;Ibm~@dHFD8EsPI-&-^|SKx+#}zG4X9|Yz!m`
zY|OU?V_{)cKJU{k37(2MiEsV>J)`n=Vd-PiqoX4}{(5?uAfvCZZ_l!AjF(<*Rt^vw
z_s%<PZf&JYdKHHJu=8#BL1t(;?Y_TEE#X1@V);j+^Tp}m=%{x78ZMvt?H>aJQg8lJ
zl_Uz-jx`5hD1=i4>e=4o;xaZio}V)HK9S?(YjUdUd}7Usp;L^6x#1oDH&#tj#CiFV
zg~g)J)tM<jKYvkFXjxU&kG{UGu0t2y#9djJrJi^=yMH;Usi_a?gx~!A^+_q#$=O*&
zSy?pX#~y_n%#xzu-Q8Vwc6Q9nSHJ7&k$?XDsbb^LQB^NSE-x?d#q&S^q4?;L1=;hx
z#cnh-v~`!5<m72hdI5R)Ww_!wQ$|Y4<e_YZ1?5dfkFDzQ$0@>&+cV$1FHSEmj%QP)
zpTESA^!!KgfFR&-aA072t~nq+J|2^vlr(`=EzMeExkPrgGz2xK?WQedua+?Z!cwRv
zLf`WSJ#p3kaHup3X6C`dAKydF%%8j=T1IyemRQsBw-j1c9+~G%<=0@TK6<3Tq41vU
z4k4k_!Rk;jK5b2H>}$kxVOrXBTJL}JXWLDt-#i3L%D;S}6>+j~cXxmF>MsmIOiawL
zU%xC!URE*lrw@=~2Ub^C@7ZyiH2hoaCSpD^!|45`gE{4nWlN2?{?%GTj^+CIW=_9*
z4fWF@{a<srsQqRk32SE^8a0)<gB_meZ}{@<pw)c;BqnECZS(@+Y(ZucZs`-Oaw+As
z!NI|Q|NhyG<o<5*xeB}As9*NfFFl<$ePBHQzf(OSKiOXyproJ>7Z-mu(@;=aYHDa`
zsG(s7lm1ie5qi+)qM~2r<_eKC67t~`%(J)$P!~w<-eq4$X5IW8oQ=7=n=s}Q6~HE8
zBZ0uAe)rZ_wggjd<w2cUFVmWJP4?<q>LDgQF?B+y?5kpG(?b_x1(oidezEO2_uqjy
zq$J!%ZbzGwIVuS)U+upg>gwu#=y^PapEyqz6m7o`%a)ZjFDr||bKygLJUJz0thD@-
zxH>qQJhk++2R4L15K3L{1u>7=)+=7`K0_k%${SgoQo;wPd?mheGqaRDRErFo4Uw-5
z7P6fuKsrT*Y=^eB-K}N0_~iDDW#RJ%E0d#(%lY~KfTKIyK&yeYR35VyI4y_1T-9WY
z2kINvmeNH6@5y+x8XGTR_Hd*JQ<I-$#wu3eXAGJWk!DFeE7wnXK({;GPnSp{GSrus
z9Uhc(ny=e(dg_sww7L1RTwmO6XU?GVd0<e`^2&;Wtn7Ol2~kPO%i$aqg$OE*yx7-r
zsq?2tTZVdiRyH;v2}CffEc_o=G3-at%XCE2-Y3S!z$KeoTy#0vvkX5d3$XkfBfFw#
zbQa8j9Ne7$s~8hOU`?SM8%K}CvrsWYM=~JQ2X`bDW5%ZL=nR+?e*SD=JbnB2?Sg`W
ziEl?g^-Q4vxJ*^qFe*f7k1E+R|GXu~hdRNS5EJufVL{8(bYNva{QY~25AM|r&USWO
z=>ts;^ZsAIe$C6Xva{Q|yg0M!OUkh@sed_HK`r)r?oe|*-5PZao$5+}m)DWQggRUv
z^P96c3w(p^pR^jw8_q>o6E5sKxUPFU{|Q!aPmgv<-Qm{sm$%1%XT6SpoBCWZlY|+F
z*#t&WFf#JD@<?6&W8`kSx;%3;TZS=u{`~pt*RNS0r>xF4`8;`&q|NcO{s*j=Z29nd
z=M}u*);hP{tkP0@OUorFTzA*#(+8jh1?7z5eW>Fszoh0hc=c+u7(c2&pOVgGdUNTW
zE^hG?EYk+JOr{saBj4U0JFoQ1$;<y43@7J*-t}e}`@h<<v*Tbi=Trw>Nm5c0GxN`%
zXMPVImU`}Hs;{oCDRm4&>45XM`&Fw!NAM$&Ke%=NU~Br#<@pIBbLUTcn0>=;(0iH)
zN}>Laj^$ulZ(jpzjNV5!MB3BHpFe-@smwE_rKRQM<V>KEl9Sh2_L3x`%gM=6OI4f4
z8*s#XAO6(a;S&-%o~*Q5=m-ysjAU)Ktm5SVP*_nBGq9qdpuoz+v~%K#7tC1sI6z<r
z=4FN-_5JIrY0IglqZ1FqlO@ohku9Gp>dGNOZCJ)8CYJ1(VD|Cg;2<a{s3uAmmAKnT
zQ&Ur2eP?xu@uMdTGxJ>%k{CPDfFI&C190^A_Wt-$^yw3_cL~-yoat?HzP4Y#8r0Gy
z`6%+a5=})mH#bGSt5eL#n4=%PU^kPIk@52S1|4<dYb>jpq{EzVmMye|>Sy_E(INr@
zIwyTo<QCqr(tm!|OP6@NyuR*n{P#CBHJDi|D=Vgrp6=_T1#q)rSeeHW)y(^x!F6?Y
zdvafoG71ZoyE|-Mg|4duA8u<sLZ*YDHwrptdV1+Hfn5YcqJh`(!@QWu@89X@=x*ed
z3%l(+_4f8QHvU~~_~r6sg;o=_nsfhiAPjmzfei+J61>qus}x;q1Fmypef^QD>QA-1
znTKKvItg_R4dVR#l?@FIfLWGL0L1Vl{AJ>6LTGDie@sktU2H9@sMv!$qf9X<s}`=F
z=o+jiHbk_;k^3i`PfJl$tw-knftqYs{bM!sYe`CUVn1va<*C=-yUBKsT$OSn)BJ@r
zR$i){nN{>>3ND>Lq!BGK(WZtjIn*fX`h3`U)}B9aO4SoD)gHwaPc8)_K2&XI^u+N9
zlLwZ(n4M?eYJW(qoG+BapY5i#{m^10GiH^EmyIdc%j2~S1JWeqoo18617~5;29iFb
zZ~{c|H+AvLJ0Xa0t6vsbTSV%oy+<Sc3_h$MJjQia%^5JX%%z-eu`)&q|Ctvg2$at}
zueR31#eOVLgGrA(&yJEplsgX&O*?IAXz?SXm?(;8f1L;Xkj^$$e%$!^RuX;WF#E^4
z8+OMY1sbRt*2IV*HVgiiC&#;!@?OcWNlv6>=!qzjRdF7!@#ZVtG~q}y6;4Wgzqy=|
z{Y4<kEI}`urIVw+tnTSQ%a1DjcT?*!cLU~1{Asg|3%#u-;|YA2kObHWGif9uwn+^$
zr^t@N_u}~d`K0xwvp<UZMDKy{i_52MnKp6DO%Z%ehI~yCoAziKWk1<0xs+)x_Ea8*
zUU9ylbN2a809T>$rK3FQBAwWi|9SwBc%4~^(yFwv=O@7(J4HMCzl(gvI#Q7n10hzw
z(V2Q=r%glOxZK|}4R656azToxMll^(ex1I5#eUOz*&(i?W{on!)W0Dn+J{GUDt9^M
z{nJ&!&<J^2j7%HU<X8Cr=+=@olnM68!lO8tExuqaBxFR1DEh+)2D*JazdlK}xF(W7
zw@iZj#1$m&MIQtxcDD^M8|Sa*Kt+i6<Rwb^>LOB-=C{6&FkXoNlWH0Pesbmo`enKh
zqSKH1)7B{}4OG@F<)PV&T%Knh#@3!ff<z|@)t)D;mnaBK_dCmpv(`wyAuiownurz?
zZ~p1*Xtw-1;}zud`V9D`{yx?y>I5%N-#lE%CQ|Qug7jgQX-Kkpx|z~(9~;e;J3xxG
zG2AaaY3x8HDToQv;48fg<r3qEukH2^5SYwDP2;f(1nV<`8$Q@*GHe&e2^HNw1W0VY
zpX>SoKZoXiVz%FDn&b^Xm6=Ih+$MiDd*DntvT5e@Z%Ix2oSR9y%em;(zl%_8Wl3$$
zuF9JW(Moxx<UQXd^NOwrS9zvIF)LYeZ3v4EEpv#g(b8NU8$pwu%+V0kdwD;(3vP{a
zd?Pt^gbWQ%(r=~U?)0ON&rR)LKCjeB;w3;sqgOiU^=Y<qp~nk3pFW_m(~^~DyLYl=
zN=!&^F+xO-eBCEa2y;8Bn1d0i&f>v68%9)NZ`-^_Td6(ORa_vL*@5pjC1`eI?;+a~
zqO$%U4%~1HA%e_=DY?tE$*yX9|MQ+#*`A|?a&&uNg3o^*P(-Lx@nW^19?I(9CjJ%}
zeNuwM7affAg16hT%UpO*CY<ONJ`#^J30u-OH)SB5;Q`fTc0zp77YfAU=+xcv{4X2&
zObE84H|-K{_$=~PzuQ&K;0Son{A8<I=}o6+tr^JrxAB6v=(M9SaXovo<<U*U3Nz2n
z-akRIn7_5eM9TB;eyJ5#ogH-`{_yKuf>dDUS&rD*MKRuDY5eT!@@Xmh;s6zv%>wli
z0?jJAY1n%wD_vB=Hg<Z|gk?|9Qh93+alIl)Z<&_r-3Vpn-ld3O8oGCNf08}xw6{y2
z$7iuVQ9p({OcvAF`ZwX1=gM7$_C-krpS&<`G(A%OK>NTX(QPa=SROaj*jKzWEBj0I
zxI<jlya8Grw(h#We^TkM{B?z)LN6=S(l%rX!v|EMj8!Z)FFI_Ru-D(t8^+2Mi2|OH
z(p~-Rx}R&~sy*bgpnGo*AJKd>Ty1J@xw~?NmXZ0Gi{#!r0^BQ{Cnv>)c0@hof*d4d
z6H{M^ULzADd=ksT(~2fGHTFnyCyUJK_FOc@t92s{%M}+RjZmW$SVT(~gDdN>=C?}!
zm52DWgoH#@6WNO0+Q2X=4c(T^bxbW7VripzM^GQ$pUq-86!h<=sA#66>+L3iO0lVu
zInunLVUynzeC~KL4`?Z7EDi3xw=o()F&FT$6T8pXE2~jg^5WHPA^f_SNV?Xo<PUQw
z6jJe?6Hmfgt9LR~zo9*#b)>_#n{nn*%wH__?I<O?#AxoeyJICp5Xh1}SlKtuwA4C=
zd9s^_${XinKhiIF#j)eirqB1Su4LWlb9VjvinY~}YPOdG*eb75_CMLn(?@Ddth3zz
z;IwU^_4ehLwrV|>uK91P3khS!l}gL7pzyH6UsPNqEt@OPATaOa>MLaOoFn>=CkV^r
z=0{(;A_Ik8nsbymmS%a*1IoUa<6y>a=iqSO%Xf@s^u|KWTQ93rmQ|i$u@n0*tFdC|
ze9JUUWFzL1iH|}I@oB@4{~z7%|BG<&{}*o<QWBmbd5E*Ru>pdDor<)EyrpFhK+hUt
zYGh*#+8~OFi3z_||7Z;{v8Ctn?>8bMB2yo-0tV%n0b&_dzlg8N$zWSpN%t9}W?p<@
zcmrE*e5jq3UI}0lh!fLC>;#x@;%S~<z^_$R!#yc0OsIiXH#VYQ)lOX>PmBb4cm_vC
zV(qoy(9>g`&8@GmZ)~KYZ<}|3S9*FGHqSfY;^NjC8GCZ9))PLrw4@es`eb+JxezXd
zj!$#X)aUGIYhps*h(^Mr>dO})ZdO)SK)o6lmz|Nc+iPnD-e<PsCB`5bBwWLAAm80z
z>Ri?|ot*f%oA&#~N=iy<J?C2j&yKejeii{X78Vw!Ly`sgoz}Df&SGQh0)Tk??30U$
zzrX*-g!993Q@fd~FSFjgW#z6Ly4IDp<J|f9`1s@bR{<FK6-TA-?l+wimV`$}TG<g%
zQQ_M4r;1@5Ixqidjt59OUTWGIuUX*o_g9_Wu8x42x%vL)BtO}kx$k~<(>_-6r0JK$
z%6W+Kylf_TH5^=DYjSgQi;9XY$6*3SD<XRVSc8_cXZPsQqgyC9xn*vC!7zM$N1O)#
z6hx_ngjh4O_*6Fk)_DMNHWt}2adB}~ZmZm=IxQ?65!7Ptdy5~8-yW|2eE06%2V*gy
zY^6<?6bbi@>#KaOyiWu{c%k64z~nyOo~2y}a<ZK)WY4kP1Wa@gSjm*s)j8vcuh~aH
zuhoy-yu2=e&;r=4L>uSB-R~2c1rC^DDf5OrpHOgqVPSvf?RNF%6TgRp&zKK(u8;3a
z_4T5<%v2&yOt!wwiTqYIcGI~HR|}nyp#9(^1Ox=U*`E2$Ct@%(GLrnjW_U1D#?XPQ
zm1k&ZNE@p_RWZ|={FKQe4{lmTg{C`Yrn+L1Rnh3!m_KbreLcncXMoVk%8S#nk5vGa
zzjI{9C@d)OD<Kvk>+9>ACk!%sde4E3BQq-tk$uEB&T&lZBuvG~$f#?Y(~pRcN(HS1
zbQOeqax|j?9>oJi_hh*4R1s(Ngi@1l*oS&0MrJ>09aia)D5$7jUS5uMrcK`JKKsjk
zoO&g5e8R^TAI08qe~bVc@%8mqi=}JITVUF%Dk`WaIyI~(TVH0=#ND$#-Ao_A$HlFx
zuKt;CsH`Uwo$de%mAcQtsz&_9%jufiQ?$YkH`bM;=7HxK-dh3gVBqCJDfCL)eQRwb
z&)@>dB_Ev*;)KaJkGmb3brqHt7A`CO)T>sDUD35^r%<Xw$1+BSB3eOv`TqSz0tk7^
zDk_eXKYrkz$AT<WRP)T$Rbavo7|_g&Nu#QP0r@{Nc#%nin_n-A-;Jq+xVW;ZdLSX5
zlC%jbDk|`Q4hBqw^JIFcsHkJU`pO%b$`g(a7e~`TK59L8|Fp{l<IV4Z;3NN@%&#}$
zzG*~gXiU@5Sh3+#3{hd>BEv6_8~e)5JNwfl!g^QwQ{SE*uyezWrk+xelQVAgG+0JR
zNPIh<^=Z;8HTky$3uv#C)@N=H80G5XB67Oyg=Eg5I`gLR`NhRbUvh9S)Rqh+{Bj&p
z?l#K;?Vdtp0=Mz$wY&ieXux0^lY|6y+ztqq{-@VdD@}qj!Twh*eJRq2`_1qtC7AM}
z-tJeIUg|9cT6u^Jk(|^FLHfWf%hlL2FJ2xV-(neyr-kL^yrY!l<kH`wqwm!H%+Jrq
zB>m?pIT~Qb9#Bxgz9Gn5ppAXuYl>{0e<#bZsWLh~juD_96ca;OJ2pC6)y|tm%sjYV
z<+V0mN;_eWijM1h3O7_nqV8m{vlC<e^XJcI2}CyI(ULMTAnZ*~OmvOIz(14%jj+~t
z>-)^Nw+n0em6iOq>AbwWK35k)CbzM%v0Kit*zIt1T8`RbM)&opHqJotbTxl9+vo*#
zFsv8m$@w-2V7;(Xoz>N&_R2lIyqfFODm)HfoCH$AFk=z1_)_P;+itp|A;rCY8?+gv
z_%ezAef?3?AVEVZWwReiGQx$~0*eIu7D|*~6(vlA@3e{??_%QO<Nc%vQoJX=`7LOi
zczUa<s+yS4lzb^Gdn$lKO-=211qwI^s^uL7=;1w0LeLE4j`FTo7`2+(fNHWJyS>cc
zjgdGIsDZdETVBzjii{m@jKf8~F-nv2X#}o(UhU}U7&Q>|>*2roVA^M5QLXcza&j(C
zR?;U}jA|X|Kks=S3@HfDz6Y+Got@n?AONZ>uXzWXO-5;{8mfY2hH}^AFRy;*s-@3(
zU(7bRJHs;VnWmET{HPNI4WYT3QU3i?ofcTRWk*skM)S>DgXW9xsw8l?;|Pk=*q{H~
zEmHnh>T{vOD3z(q7|VcP4GW7)CLO67myocsyj-*SWXxAB(JKJBd=a;#t*tH3eb9U1
z7U^4}ih=O`J=E6AOQP%Lt5^LV9YNo|Nqmfh(mgmcI!b(;4eFzo7V2R~N5`NKSOg_2
z4#GvR8C!V*0|U9vX2^nuT$-LGAUVv4U_sb9?it95JfRVHyWy^yr<&Zcj`%3<&Nrdq
z1C&2a;_c$}uUbb`M7Owv#MN=r)x6W=$Ng_+y@Goytp=XEzWo8SzXNVj`vpik?r+~N
z6tL9b(;pWkB#<8Xz+xQ9Q!|${u64+45G&8joKG<IZf=xSH6vr;<ot|As%hdb%D2r{
zm+k;FOdUTdz{^n`|Es;_5z(uOvYYGO4cVN!MZTv*tdAdFSfzWRA41m+KE;>(cS8^R
zmOs=28HqlzLb?3^O1E)(1O*w{9P^oATT2T{4+{&+U{gp)NRKU?o|60bG0jEos+yXh
zBT(@MXS%vD*Oh3^4b5zAr)y@Dp{Vww=dQ1Iq8k|*=^rmwqYvjPbVL;Lw-bi74>o3H
zp*$}Jg}rF2GlCkYB(S9gVZFVygmzJO%JZaq+P;a4By74&Ml!v$5<>%U1YnPv4Zlq8
z|Bm%9+dn^(zAX7&>zLi+!Us|q9JS}|q^1wgV0hG0gv)a@Kl`@M<5CLZo>8(F2Tvi1
zLq7~1vSx~c!z0~DLI~)E=L_*t5Uf>RLBS8DLPA2@BYF7T`)&>3^Yk7U;8{qL?Gc25
z!nQgB7k?fMYs1Y*GF?rSE7Ropthp^4H#dt`@iSqni1_%ss(Lbrcy$2~qy4psnP7Bb
z;tF%;<>p@Q_1@pJgHDcfVy+1Irvdu4QAt6;O~Y3`aqJYT``o6DxRUiy1|D8?$FerN
zk`oi(x@=X7WtopVGvX#?jr1EpG0fLLHn9oS=8$-MwE6q%8_V?*&r6W=Z0aeDgAa%b
z1G2Pa?=Dd@PgdE)_FQ)FV=1N6uTe5-EV63fT4Nn0)|JW>g>pCWkyplqjBh)iFh4yC
zk?BHJFG*coQu0BOsrKcI>w{yq17>@!Gu*qx#KhY3KkYd0>i@u0r#FWRG1$@4k|kmE
z+82skEyMoa-kdXtbN;wvV`F7pWwo^*f4%4mRb*;OS79TDX7tA!hNik&pe-7dy6zP|
zOEOqJ=%!(<BMxagL1ue<dl|H#=%>2kqtsuXK>LS+5YlVj8DaSwXZ(x(Y_;w9pFQ}i
z@no6OC?Y%@jkZ27kF|=vps>(CyZ3p2O1H-cFT*=zWSCawRKgB(6XoW$o`2e~%J37o
z4CT`l)Mz4`L(|h|ZA-re-DMFGIa%zE6^?M3tgw8l2}LXIfdVhojkb4pCTKn==S<hw
zwVK0v2f5S0&~QQUvu-hiIVD@Yzo?Z48)At3Zs<!Xx$<l#J4+&tP-<pB{*4^XwHRg<
zZErmx`<b>aFe>JD<TKSjMn&DYxTjzC@DgEeZeDglK|!G}BoBW>+0jgn`d{;KEuVpd
zlaqdyB}AJe@O?mgd;8?%WGyJ4S=M@ZRVz+)MRo^=hncq{I|BqiEev&chrD0+7yM+e
z&Jg|ZTSy3&?en(6LXKhiKtXsPyc@d_*LB`O_|>adMItu!t{Xv}El2d1*0`;{{IR`D
zQxg-bxnB8U=?2up!^1~g)2yc3fB)jKh8s7y-P!DhlG-JfTV9O01tNIOtKTpSdV6uE
zv~_h6$za;aB)^$)$LKF-V`ujhgw;Q|+!jJKm#}|$Xen`ri<ud18-H|U1ilS4nEm_v
zt7Bv0*!LwTxCcRAz82i%c)>&j1UGC1T3T8h*j@s!kd?iK_ne21?@9Tyz?>XQPRoo2
zimGMLmcc=F>-~jDsY0r-s=EdP>fPRmm~@{@@+oT%N%|1cGc2VC6<F@#CNNDmY9GqT
zpxTyk|5j7XRIdsuQB!~t<VZ%!y|TDC$JffEuJ-KZOI*7yUrkC%%4-nL%*_0hlcQy3
zhUUX^w}1zj!(@64(Tgi9y{5L7mhBvrz<^M@Y|PAVnq^%(gHKZ45Kl$n$yixgy?X;D
zYnvS~3`gjlQ2a*&Vx!DHo}YVqa!GEWJd+Iz4c&1u=7`tT(P1Yw86R|I-kkX+_9+SA
zeK2|U*RNuuu@4?Rcu2{|<20JDp_Tinc?pI*$^=7~<<UnTj{|EX7NKP*^sTkvCJ1}}
zD?6_Ss8l39&oq!Og&_jv2p@-sh~?3DzbPZ`V}O^?1X>T3l$0Foo<60cN_N~|R^7B;
z+;wYgY;>C@PU!vSx-kYev1KDhf%fT$n$-L(vERco;7}=o>1H3b@*Xp@vMxBicv0vy
z&u&Z$v)ba;QIdeI{&fBV>#rssDO(8}qQ6tsDs@{-3#?3b2v_wub9D7TtS@7!_}Bko
zDP1>*{~2}L7cUfj=-PZJ48ERA|L-gSIk_KBFEBhykB?xC4?|5SBO`k#L8W;g)!kd7
zE`6}42m2Ie>ma^+$2ZZaw>US4KP)&1LtP7Y1XDTFD{M<B$P5~@gA{J-#MD$z=NOO`
zpk491pN(mZ^;+J)$KAm`SQ`nh!vFGe(!bZd<GqG=Bg)J;hBpG3-73%xyi<BF4<@K0
zLBaz78Cz)D$4%beM(F``oS6=$m$WjDtFZTZ?RleQkQson@LoWgK=R7cc^DZ{#f2Qw
zGIN2Z{GDy0?R>YsvC*{KK`D%`BOi2ivF*b}<G+WUU68I$eMKLV)sW5fNj0DCwRW_Z
zBJ?+NqC#ZnLbPOSJf~jI7aP?X4MxW7uWz<1rgFg9YP0)4gBKniZgv(~Uhe4OA<C_i
zqnR(n%j@SMJg61~q*uBJeQ)(X4i3(0FnpYJIzam=uvYR}dHMMK1*!0Yt8ZhiwYoSv
zqv|a}%QG0LS4Tp5tdT-Pk(QG~dv9xRAGu^kwhRoU?2QIBRNL=VTSM6xcs@EV53{&4
zHk4QY{J931M&7%B&}5Mz?a%V>!wNqI1GD02e>vG6{no8HzQmOgs0F9=-Mzg5lEJqr
z(e17QQ}!?b`%Klxk0W}z1e^k9ziu~*xvZ)i&6JyC{6qgqFDy*9BCzBjd|eqUZD}Hp
z;p6^j4LT_M2(!vC<F*26W1y$MdAxrFjUH&pzwuyK1%VvfEErRb2y#MKr|zhHXA-oK
zT&TE3RvJ-k<yeLd=~2iktnLYo`g8&rI|Q~|@9L>bT-)$4VXoae)ooQxef@v`cFk9V
z1uSJ89eMvT{p8K^I9#{1v_!j~c?I|)-{s94X!CkA__nBc!6RSnO~p~6axqe8_V@Si
zNJQav1CE~akW3#~&tG&91_lr%#i+qX93%4h_pe_LQYe1DEOa@_6Sy$P%D#FWZ59kw
zlioK$qD6uV@t#)7q_OWB6kncL88!M`HTFoNqM*#UE!;Nh@9Og9M|C7%VPRuaTuLN}
z`k5eWYI^nUc&3#%2X3Xfo5PQfybd9$snpyK!YN;7JaE#T^Yik80}z(q&#;z!nn1iM
zYb7`$d1jiQmPS*JT0kh+Iy2MQu4DrlmuAx0Qd22i=0{3OX202r-ua<ofWwEEAoS{2
zmq)Swy&yq~<|U_KT=Eu=Hcvo>&5rmE!c_PFJC?i}FHbjm)NG;4i&}0Mp#E>vY!?7s
z{!uFs4udTjF)^_*;^R-ILsL^pFHtW(e*9Qw@_ALb90t|lE+DhQU#Fkmfj_m`3F{aS
z5AW%=v_vaU=(A@~XB~~$f?L7NX42|cSIj4@xozKg!cx=#5u4^oUzoY+;FfdaQwqK}
zvc9R<lm(~D&oMkQl9>+V;GslFmNO&d58gR<(;+2KSF=gdncdF+Ii}#t(-C-{uH{Ww
zz4P*NKu2%Oh*8WL2G90xUiTf$TaXN~1Tyi21vLj}SQjQxer3A4)|9zaW)>BH=%BR}
zeWH1gco;%sGoR3<=hdhGA(JjuA$xmHn76Be7^ya`tgb4SETaNwdD;{mVx|adU6JXT
zzzPT!UHnYiJ@=v&zcW=<S6fPKFn}it;H|c(%UkQ#KXf#do3<-dc%7}Ss9(ts4-P`1
zLFhw+iXw_P`}pI>qfL&s8s=(zB@kV%Lm}60^&Tt)3A?EWCxVxkmqq;L&|S(V=OPp^
zuNl-H<%>IrZI~|k8rh2*aL0X4*I11{%-&)f09J@so<Zw#&ii@m&FWxgZLP3Thjj8f
zKYUgLUE7kAfmguk>FG7^=Dv*=><msYNF-+M0jNALY;D2KeoMvgyCpM5%NL3_lr*6M
z)FC8mAM0)=TjzUGSbRxoayRpBh$;|MAnxs~|NOi&1~4i<Qe}WO?tega=7`2?7!u$$
zLA|)Ga}HcoI;~SPfS9L<Nl026#lRIFQ=wC0uNj%6!gSsI4t#s(=94E+T54fL=ql^#
zL`I=$KlIj+Q)D9SI(%ksj+&VUi5j<UT1gf4nGfb<EJ8x09hQActxHbVl=%#V+P&r+
zQ9K>QYnZ$D)!ze6Z=DPXeWnbWApUh+1@q+T<zcB$`SUZzN*W*ujH03x2|v5L-68jL
zJx3C*Imd#e_c>WQEt{6l-1nPu27<oO7(v@0PXO5nYu*Ni=>l}pva_4#NG3>30rK`6
zRM$NL<PGjW6!ZvEdper<tgrdzM4(FjRT&le5+$o8W#;B4{JwqOLEn<at_8TW^x3TU
z+3odfdY{iako8o8T)u<FsKJfbNM)Hi74)Z)2ZDmSi>!-;W!P#L$ev6!#Os~nL9<q+
z9L+;Ya{+5Fsr3V_LuHRwyBWl|pbB<fAOWP}(@M520XZ2<;fC;5nNDd@5$^e03&I2l
zrPS&&5tc9CuP!h5b5yE;b<EGdw6V3dl?fV{#DUs!{B<?I#z59rkn7p(XtP2^PzoPY
zp50YSCOJn&nFpDX?HS2Fd@ePgtq@rj!WpkzSy>ssqTJ3+@cWlZm*mOX)GahLIE(Ia
zVAd_V-(Vt9zAU_nieC0=9->+#FAYM&!cezcz;btJV3ssQ`Ozd7M$&xwFy_aP9~k&F
zUE{Q(E|{J{Fe?0QxsvXCw@_{XcEm8uht`KyQU`h-;^7J4O#0`paL+-NYZtm$9m=ME
zeLhufJJA$8@bgB(96*5PZf`(8!fJnDYJL(U2A)oP=Z;@zymAgOs`ugH?S~Ll&}uxH
zXlt|hUGG|Evb43;M-ijE#*j}Wro2qL<W%SJ^5twJ_5Tv_M&30D^6_ahepO7J7=jLt
zxcVfa6!Dp@6L(U6sM;bT5e<i=tOkR)J>t(H+0w-H^v25>4N+>HaE4@s4(pfJ*6QAN
zZ^;t%CE_AKW2)X(kuxs{=)p1k<xKi;Jie^3FjOEuKWi}sP9=a#1mxnVo6)^X{=aq9
z)o+Z*0oeRFwYITQ`TS8;RTb07ZyB1TF<OSm?ty_|$F0px{Vlb!yOv$u-F_EQP-PwL
zAa){OCx4SWVHz5M`&ra7^-p7vEK%MbDOOZe=ubzI@jinUUz?JcSoh*5M}9CBkI(sT
z=W<`NqdRn*?Zz{1ZYfv=Q?bBUo^DQ**LrSERRhVKs}Oa!9;N5wBka!x?bD)K1)vn(
z8NL#r_%gyhw+85Vb47=^t)3T$<LfIF%=7yvy&t$@kA?P5Jmo0kzKYkEAYl=IdaKS1
z+OI?H3dm#gPiSdr^I2Q9K<CVmWM>a?z31cO!<LtqXUh~R`u(pV)nZ@0jOkFC(%=IS
zwW6X3y6XGtD{}BWJUnEAaMvJb)62abGdQ8~U+<3{Y-_u<nF2jXKUWVUTJhF+(#MY$
z78Vbs2AA8zNY(8vEN*SVByWBULYTkcwNT2oN5qi@QIV%jpuv`Pge@;E&6ocVOZ|6n
zEmPRZm0dWzXX{d$3XY_e()Dgcv%%<Dr0eVL{ajGcYzNtrgG1Ndpwae$N5k0)_&c}S
zIy(IA)u}<Vo1ZEwy4OX6KlB4L6WUt9Gqp5v@+n%e*PB<D+gA=J<EB1n=@Ye%3mJXT
zpuNv`6%Lm`Pmh4i8~65PWw3zBgM0UI&v2pCfSjrV7{f@)b$t}Vgk4`|p@gMH1J8a1
za<je5@~#`m{w-F50E<DSz62Ddd~0F<1lmA(SQri)Wr-Epb-L$!qpFtHNMEv$3@%4b
zSoY)1e1<2L{|Q5bY2so2Nbv*&wUpW0ZB`@|KT~Lb*5HFqT#5f1xT-2F#6CBs!o$e5
z0FFr@rVPm(l-EfRrulaa8BBvbXQrYPymATjd2>NQL9Pq7{EUnn7FuyC9U~(|D|Acy
zCjtTjMS^*XOemGbP)~R2U~>A~Nxh`~V@n<c;ls{rmJ5*F(F@oY72@4=uT_H;Sw~;r
zZK2AtvcbOZ8ihzUE-tPI4~P?HJ@-|2wvFqY(AJf_L3rdjA-Si|W7$J&1bi*X7CM&H
z`6xjB$El&cp?mKNWn^XB;9CcS=*Znxe5tnbA}TyqNl6-~^(fDirG#t2NE}k4!$R-u
znxI1hDnak`hnby`k>PW(VOl!?N`x6@q}fMMJ?9^TI3oCRf{wPKe`Oy`4=70CXJ!&|
z!NUSW2R}UIzy?swQO$vTAyJI=3!*|9Pfzg)bCnPG%<N?Tvfk<fMdm>tuMA><wM{+w
z+MopGMF$Duh>3p!y_6K~FD#&XdWrFappg6!50Qm1X;?3mhruR4zncf<_V%S+E=-ob
z!fJfJBh%B#t|3>z?~3Zwe$sPt;?%I$*Vg*}0DWF3?F+g>M_HO*bX**=3D{p!Qc~#I
z_{hk{WM$r~ph!(-i%y{GpGzBKN}F8P2-)W0W6bWSGeFuAvpl=JynKFszLp9km5XbA
z8pwFZ(o%0i)8Uw5&sl@RJjy@(?w{Ei8FXW{gW%9r>tlhG>-ekSA)S8B%Sj{_k;4V>
z$T&{Ox<PQNt|6qC=Le~&r(b+oNy)3eBmrUfxVpL%e5v!nB-a8x(n92B)Z~a_*HRlK
zR4Ym{V&?ARJd&61xXwAccf2Pb^g$p{Mk}9FeVB(_(_mU#UthS+bNynQo1nS7-Gdqd
zso=Rw@*s_q+A+AUot>!2J5c(grW!IcZ&nb3Mz5`>_eH;7kKzT9Cfk!BNvuhBE-p(|
z(*YjbPo)D;NUMmU+O@G?Snvo41m5!nu;)-Ls(=E3SLQ8VFhJd;q>9`@y%U$1Oi*@<
zE}}|M-n@D9D`;RP7M*4k#6kd!QQ-o|xUD>3wK}BHFIG0cW{fZu;O8HiMCHgQtcV3a
z&-=pT<kWGY!)~eyD?u$)6wMCulLH>|?XAK1Qm3noMu46Kjd}~q`QB5B5E_Mn{~6%D
z+@Feb5p}TsQ{@|eaG9=Jvf%A>>iei`1J}Op?)#+PrIwq7RCrbpnZAb9-09$ZIjxtK
zX!GLk1L?nBDGBt^_>rAwf5PtXJc|K!p#K!BfUtrwTJb64y>77TcGE<W1iv1+bxMrJ
zf?6*v1!d)#T{b2L2F66Z&wLBo>I$IFk$hS?m+cwjC3|VmHy4HGVxaJE{;DH_rQX6Q
zB4W^ZJE3=Lwn<7tJdT52OnJ}Y#gtC+rzNJPwJv1-dIl4Ip}d_7Ng+}d5Mgdk&OD#+
z!Okm>hT9ltJsC6o{dj^mVVGO0KYaL5cEj4-T;>(=Q|fV$YNoDr11Tsi1oms2o49ts
zf-=Gxpa_3QZh*pK)SL8=czXj?s}Eiq!2tPgOM(3x%vNKuZf<VAxV{hR230#VaJ8|L
zg<aQ)KR#IG{t5Sh%czzhfqs}GU1Jw&=N~7q0A&5VcA7C9E|FkIS7|&rrWAbnF*cTn
zd$!&c=kx?d??0Oif}Jf^H~tLr%iXd1etNiJHnIhhBR%%}^E>n+E~|r3%pKeTZOpAt
ze6gqfEQVxaW|ngYrU}BP(Ys3Kjd)hZpLYQB?*ix=do&FloM7+~17QfA!4^2t*DR+u
z>W=<$K|Us5Aq&vsQ+j9Q)bw<#|2h=*n|8#~9dV+fq6mhka-VW@5$REXZ)5m>rczlt
z_}DsMM)Bc4aOkk=5O&|5Gg;MA>c!Mkira-<%b#kDFo5n`KYxy{B`KHhTmzg%;6O(5
zbx%*v)90LoA&bYO-A}EoFfJVGj1&dzAz$5<Vjd`-Hv`3Jv-O&Z?82DSU0H#t`qW5Q
z?`A^p;n9&Uy9`+JDN@n#@qwK=E2EqW<MD%ieRdmT#XTS->63!WkMCY{29(%LVc6$#
zKOF|2eY<mD0DrT!wzd}V;QSsGhvs#Cy*98vFhrh@l^Ek(eqUX+etEX*)&PAApN!|m
zwQ7xeY9$d6-MLV#UykB5%=WB3^zOg&5GZaS4?klDJ^)?T!PQmA)H@XcXVKOsyEG;s
zXN4Z44?F`E`O;Kf-Pc|jIoRO7uYJS_Bfhf)=4G%gRB{~?6{q9B#smRXyEKxX@6L!Z
zZ!H$)!rlM3p)XaMmSzG3O~+erC*R)MT2WE)yD>QhMGN=a&})G6VqHJ%jDEmgedKX~
z_Y()Mj8$CRRjtcS4A(}C@J7xkzbElML$1sa27pa0ucjsC7@~VHi>^U?B~_R0HHDCA
zEmJ}-AOd4B^Ab!&iy%2&kf!m*Ma9GxY(eXU%xsVN=TJ{yXb+t=%>Ro>hiE>K8;^&I
zb@ynm`Yv=CKM7=Lt=lex?btPHn&>+Ky`@Drqv`S#$1}dUx%pb$UIG*KiKYB0uuUq!
z-U(7?oBR`{Zs1~%NyLK4GRTix2`vON_vV&(I5+|PWb9nmn6;`ZPP{NvRlSarR7y#|
zleu~vrp4<X*uFtAb>E=k)+-MOZH{?}U-N`N;OB3JTmcacP03y*XOhzOTDL_*@!N}{
z2vv45#xitXPK%K=6fgNv9lF{2Ve+~1=_ql5c4#To>{PA~hw(Dw@ll@uC~%p`5A^i~
zW)~{GeED)tn}sG4!-nPk`}Y}XZG(eR0(a5e8|A>ktfC(%(38EoyqFJB7Ci;6r=6n}
zDymMJ-~8Xd5v5DJZXBt>ngwuLME&3B9ACd4n{>&(0ThbmaS9CA9|%^Q9@vakVgN5{
zJ_-Yi;eNY68jikQ3y3(uKVzlS63A$1Xo!dcdW#%i^WA$=h3V-_AQpOjtEKK86A(#P
z3yV)Nc#ikje$?M>&qe{X1A=wkd2<Ge-yD?J`b52;YftdHf-x1dM_nkP^Qj!ewuUQ+
z{u-qT+0$(3gKIh%giO(dv1*Q0PyOiwaTv0&luoeW%R1=uD`jSfhVDEg)b0-lzX9mt
zVlp`y87Py5RG)ig;>*bGmiR5Uv{b)7&Pg3Z`I4Mf{$$_X&^&>oU{o5KkCui;=H8>%
zfP&*$#S;<|0z?$jq)qkpyVhqJ?WAI$$NL*6L`UDWqKt9#@Mw{_Cn1sgvm{oL>F(XT
zdxvn|Jzid#1qX1-99}VC;_t;9agT!=o|_GM6Fu*=%o1scVSqh*u_AS)G4mYw^*<^!
z=C<~BuibXiT3qtCcMxK4{@(f;AsfBy14TA!-x=c7hBYsv?JGf$*0%;brWcss(lj)b
zeW<5=@qqT>Ef&8^(BLvlo>VK(l*IbE>L}3>6q$UZ$Sa9f&Pn&&>jp#+f1ItQ&TNtQ
z>C>%#ehs9k)C$1VLHxS7^yuj3(@&aJzwGVp@lO(nPtd{T&J1Vx%FWNOb?Ln8CO+25
zh}Hk0xFMY3q|T`1^Jh-BO!;YPmz#x1Y#Ywwgcv(NyWytXuE@{1Orx|DkFT=~*XfLs
z-o8GxZGU)u3SDYK0>;@52-e)je-J;tAFr;jkGWe8RlPOncIy&EQx=z&*qds6t}dhO
zmjP$F$@eWe&8Nszq=7F<B}{Pc2OJ*xEf99!2*(C$bL5C|SY$v>1E$$3bf%7_{Cu`9
z15x{#2GFbL_dxfbH)@0U4k8zKaF}EVHcT{&Ad>~{{L9CR3|c)(B)Y-)*`YxMnMq!q
z?_bLtYNh}ruBqX#<;nrc)<YOs__4s_9L9KM5II8ZnxKTjE-<qt3$h>>;e_j$2ng;7
zZ<D=$OyH2`vr3G^CI^b8eVtotgCI{gd-36BJK2ybRLvb}77$aV0XbOj_U<|j3PN|&
zR?g8>)Onm&y$8c}>JpUP$lo<+1E1MAF*yl>yPORl$k0#cqkp_fij8fpr&B8F0p#8C
zjJ?jcpleof7!=ui$&HPYi5_J@(&+fb`+%E)s9mzMf3k?pI=Zp828QD^a<ZVc-(Q8U
zNe*PS78Owa(t%cxJ_n^OB{kKR|28|sEi7U8!GED1xiHQ<ckWE&#wf`_{%Z{2Ue^~^
zuMk?VgXpFvDQ?K_%r#wI+~@vm<OrSwSnwUY>7dD`pu;Ip#}T~LfClb!>6xMy-#Y*B
zQU|_+JL2nm<9rWbbc<mMWZi1)XCs^!L4Sm?ls3`I$jyB|lqDzZJ3TzSw=>_m{%L>B
zL!J4hDO9kht{Qh>`#=W&VigxBr;0`oE*p5DGJLh55rTTv`$Yqpm68vNPEq1b=o|XK
zBQ3mMz2g4R+||_ubhno!UfJN=Ic}@C#{s5~yshm9#Ixf0-hh<&f>!S2u|QwI6uA@9
zA9wwX#!<yskOJVIxvedv$SjuZv|r8JFh48*_#+MT`t2l?pbO2fDLmE!K?au}oL}uR
zqQG=$Kht+$UtIS-E8UNu?d^dAxevs|DD%>rIkR>$h{D=y>4>pyEZ!%<%Iln-ehX$4
z^!p!+)5;`VPufmp%78b8Qwsgr1BfK;-i4NYJt$Ob5WwRsMFMV|`E~}fT1OZI=sJu8
z>An|8aNze&%*ldI{(jwloF*PZYQw<DNPqXw-cs*w!8jG3Lh2|bF)U07`V4xY^MWTb
z#!6ps{^_@3|0>YX`6qH}p8%y4rNCrb{EHDHi=zD5y2%t8#4APu%&y91L!!y-N_A$>
zYMZ_j^3YA8@P5isOT&_4SZ%jXZVeKTq5idG<KRH4>;skPPg_Xs`N5jj*!hDb29mJm
z?1%D;wRLsP`s=dYQQ~ip-n+Vzo`TtCk#1mMu$P&sSr7+MX<$Ijo5lXci=HH;JSlvx
zthV+jSTBaJi$!g&B50-XRx~}2CawP4L!=-tU$LAw6bH;Iz$enB@!A0a3#-{ubs+GX
zHl0gzqxe0ArTcGDFp(d9yx6eQBaXst9Sx-!#IL1+D%b!dDi#k;ge>?Rbtm8YfDZXl
z6M~*v<}s;@BM#GNkv!KI@=&)Lt+8!AoHEs|pFaIAN>Yb|y!E^ol<A(H(8DLGfzX?%
zpUyNmk;E}z<i;G8{<0bs1zZCg9E)tOo&;p=<HAHRySIlc11hdAIq?#Ti=(5NU1@>J
z_us#%kF)dg6sBCic^qn9rh+#m7dZyX28UV(3o*7%5WyOSUAj@xJ`v;@R)nCGbBOML
zY9}KnFRvFWEG(o8L&EtL$pAsCOp1eKNfCx^%taIsffvL#j7?1NX3$`IDz>PMar(bh
z(|q!zkS{C~R!(DMsHqQ>bvXm3uQc_SOpE&`)XQ4Bi*Er1QgGqc#N%s47f(=7R(wMx
zt7kH@!+DswDq8=K={ofW4r4VJnjAUDN~<xJaTV5yXJgNKBJq}{uI|`!o+Vg4|F4;0
z<veN9)I&afef^1viNQf{I}KA)QzIj&HN}UX;ZuM()tLy{r`%=N6gfCJMn#ZSDp`4U
zH>=(!CsQV<WKUG%rw=43=WyWT{*7^AV8(qcPxNSLsY$HF2cnE}lveCd{KP|L-mE^r
z_w&p5s`e}P8H=T1n?hJ!QK!m7h{-rd>-^|nV0L0_vWarm&}koRdqK|{WV>}XqcxUg
z%)6;4@HVU#`%O;1kGc5*2yHT6K!6@U#!Gn?PB2ww);jBRm71O|Wjj`Mms2<YDg^yD
z#lh9(?A7!a`}E4neJD|&XB1ynua{YL#~iKdVu1<(jKq6qPTJeMQQkC=5D)qlDJdxp
zO@t}zca-or$XE67u3jZpYx&2_W`P$&#}pz@Z*pIN=SH9$Y|mk9!+~uhQPo}M0@z-O
zX(O(8_v#1#jU8DpmQ$#<=F#KIX13`JVV<zBo8ApTzum$rb#{9C;)N&#6(Fky0Zw@)
z!e~~xrh1qTe<v$hxw%V<i&mur(0`7OGBGh#DcQ%>Jf*`{eKpM65J5;XQxsw<jIAQ?
z{ZbF3sbS3ZF1CtyL6q`Yry7FRAHazONSv%&z!4^ZFOUT_cPo+y)xF+IdV~ssq}vIY
zhUbLipw!`#f)h+lL=+2AD+&q^&_lu7g4``^RfX-pumc?a4F~)XY8)B{h81{=R#v88
zUvohQ`Tl+U<B-mFLQrjVwY6dQcYM4nKvQ_-ykKT#CUkkX49HLa7ku##2yk4XbFj9y
z*3~8Pq`D{mcm6uPVgQP|wKW?q60O5j4w4e??jnsOjSp(ob7}AS#@u0KU;uZddz<!Z
zag8qZk5U)n|7`!jq_<$rehS;0`1T$uF8UK7)*|m9x_nTb?AE%Tm4h$3aB+4#3zP#C
zd5CyW5D~#1)&ORe4-W&NBjQp#xCUaFnV_47wLkMjZh^GE`*Q5}Z)1k&M=8QXZEcH@
zQkQJ^?;r2(IyyMy7Zq*JHZ?^?s%dBdZHYWR-o8&5;=n9PyapN46hHUf|D6Shh=_2D
zd1+%K^7iPZf<ot~PfX$m=O_C>XYP}PfvEs)3h+E|!ml?{LI4?lFMz)}{uq+`CPsRC
zD;pcO78X^WCr<xl-K2$CSeAS5H*G>FTT^owf^Q*j9p1c|t+a~Nzvm4?^gxOTwCZ!X
z%Fy;d&@cgXZU6py4E7N88Zf8{PITa693k=pW{yFFTlqt}i3&>`Z+4O}pfmMPn^Bk<
zkG5w`g~ky}YemZM2oU*n;W@)ox0|(i?~w=EJsdJ&Lz{_^p3c7GgrH^R^nA&2bM`M`
zh^)qp<S#mU`pn#17I+Q-Lo{GneqP?)u4u-==g?0)C8g-;n>#xd7@{Hh$H>lJ0H6?3
z;@1gC0Rd1>d_Y*$)QkZ!?epgi0Qoxy_r%1`K+SYRG1AtK12Is5XkZeSEfWFejtvP!
zKVT=NRey^6>A@Prn*^-~>F()kXlNi1Ezo**Ch<YZ10JsO=urx6wES>e=)3!EKrM;s
z>5-LO9qsKf<oDtHdg3`Dsa8~6+)n-6!eYlwoLNhq%n@Q~*RJ-Zvy+nph1l4gw+E~A
zgdx{ku;;JxY=;Zt2{w{((QGi$G7?)gum#UqG7gq+4+{xRMPX(p7HN&>`lhpj)`a3m
zCne?69RrAiObTP}WNvda1(w7@$88XNJvkQ?KBT4^LzbtX#RD81Pg~G1=d|}3q9JCq
z))7t#xh62+uf<<3t}U2UuU{X*r4b;&)XoPf{!I-8&DiB($9fPRHFhXRE98$o_ZF4T
znY1tKT7U)OQFD-l0e2U(8D^49kCZB?taOGY1@$Zo2c}zjD2<5IV)2)mimIwMDJnqi
zi<vomU~E54Hi+GB>>W0U=Rwb*TjZ@bNd0e*TJdyOHS3F`6pKUNjtATwWiKj{$S5hn
zh|Po06)Yj7mGQG@e?VaHKHCz4z5kH#VPau{L`fw~3UTpsm<vz^U|X;Ezn%FE=>YJ-
z%3h_2IOqPip;M5bKelrLsvG<SeS<QxvsGbh&rST7Fgttq;2;lhLRQw!?r!MwHZY>V
zEvOz?4+47wku>(>N8#r`$j*y81}xOI$ssvT%54M}vbwSoOyK0IBdjFlw5a&(zoW_f
z;&Hm<H~ZN}co0D|E3;UqDHNPlaNGJ*M2Ki<BWY_eGa(B)2M(v3EIf<=&X<Ft|L0Eu
znASsI>*eztG@km$Mk`QZ+jyqX!S2ijx|U-C-xl2_PZ8LeNq;arLXh%aoB-j-W`X5o
z9N6HapkOa#OemJOoAc;uj~hF_>x`$WAFdxEBjW=jrN8RqI%Gg9$Et}a;_o|0-nZq+
zc$|@?ZcqL5)6@Ui1gf%l=JPY&0oGBv_o)qlVG|OMpP9<}Vb+DnxYu%4@nw}$NNN;`
zw$ECbl~;JFx-EdEVV67Xj<LBFF*+vT0uLMzQ<-K^C%BaU(c3#xLp+s9w8c7#4QXje
z{CP^6X2)Kz*(rhwU}iQC-i_;PQRV+1HVX|=yLf1Af9|5RZ{US}86bgtt*Zly(FejB
z<oM|!X{w{I{}Fx*D4TI{F0g9=^0l^x`q()*5L<Lx?7EZkR!_C3w>J`0Uox_MyGiyq
zJ#q{T$k_-I6BFl`zTJZ_FDJ@C!jYa%4??)-5MT#_IvJ&$Q>-CHSfE{R)`|{~IN4H@
z&uqZHg^mu(xNLnGNDP#*CeM>S*lK;aI@CHb@v#@2P9uN^5OH}=A@Jg4Zwcsz&(S9N
z#u7O>xr@JYX8u!v@_Rj?4uh8OA8YsdS|Nsf6+^V*;@jyuXREi~DA-H!Ie--)x4ReF
z2>8{xj_U_HqzqsS0r%C@_mPp{WLX*d!0U9L4`xX3X$``7RO??T)*Af<cDk6C3+?^|
z&h>SsLp$%j=f}dtWc}boJ2+D&82%ZR4Hv8~@kw1B_5fI>`N28b$6{oNLpTe1Dc^vM
z=>42kQNGu6AGi#s-nMZW)^tq-Z%Hr&4!cJi;B4Kv-PW~AZw#+t^YioLs~n7=GJbBN
zd=X5XDg!y5+@}ZxLTu766ae(1sH(g?dU#&uDhUiI9j&ZgBS|41?2BNwoG3Gs>Fj-&
zX$>+s1|PQzn6*<e$OBrSw-hVCcdN#|ucMuCKu$hWy=!3?bZG(vpl{fd4f6@^H|+O;
zW9xy(iWP_f>0U?V+*TGAwe|Jz5ygrvOHLyrBY>=Td!eLxLn!=7^e6s|__Lbuc*vo{
z<^-saG?94~j!>{PG@@l0;1LNnhP<Lu;HWZ0gLDT$n5(m<tC1`om{3<hn;Z-nqV)|8
zZ8gY>Gk%}d^u<MWE<gpX-n`O-Jq5|h@C=7>-4+)o*aw48BmS-zV(TF8OnKlwt2KHB
zH4zfb-Xeex;reYf(jq?b|N3HANd@?3X?}j_kEuFn0boehV%3X}<f;ZZf$a5KfPkJU
zUKtSVJTtq=cy27bV~5Gb$tmWFOkQ3dQY_EPYk@)o002`3GZUCUh{&U(qit<%0HZ@g
zu@gT-l#Gv`-|)UBYhFXcFUXH4z|21ykh-!qWOx9I`e(h;KTZ&4yYz9j)895k4sMh-
z{oUA@{`$rq_z2`+JR{yfUjWIEh>)<vsE)x$iF12;jKd6U3UC9uDTIW+eE<HPT`QOE
z*h4927_bkGs0;Lz@FE|e1Muw=b{(tbaG{xZkQ7(~dJamItznit*fHq6{BRA%Vrp^c
zUU2ndFgWlzfJZs%KoUKGXacmD7?EFJ1&-}LNA!NUVuD<~ev|h%$a@B7Bfi07e7=4?
z12_ZEtmsnkQ)hd?!vl%&SK&`n6M+~)WDGq49Afv)30^yu(RY!N1HLy=9YmO!b8s-?
zdS<^su;&um9z0=#jsVl44+=4K;KZmX2awM|7)VN@fMja}lK<&<-|yca7HE5HjB%}I
z3LF=Ehe?Hie0`z>dKCym*D*KMGc0UuNZrFV_$g!oiHeQY(o0Q%8bR9w{dBPKULW|<
z9ngCm5{WCq=$&T);+BBw1RBaeOHa>pur>gB!e%WCZn%t{<KuK;$1E_e6M8RpTJfQ7
zju#oAMz)d6e&I6uSYA=Vure|;GXt^<*WklP;3NWaZTR*rvtw$i{&UF)uxaTNpeaw{
zbI3pOe2Oy0N<6E9ssgXqM+Lz4#bs?6YD>D<o5v=oj?c&8K^R=Xi`Ry8U>#s)0-S?~
zl|)fCKY2Y{BYT|)hNRbA4m^Gb#w&i{lg_gjFQC@w?)l6X8w$Cm2$oVU>Ky~4FYXz}
z)g;sG;tu$6eM`UEO$)*_LJq=&69<dNRksU#9$xU=CB07P5@6zjYz|&YAUapAy<r6p
zV`ULBH8s~hE^Oo@4r}K)i?)9aMG4$cw@GGF6$lwXSk7^>t?ko3@-{pYCLun4-pSIE
zxoGw^xy9dUcyh-%?k^x9FvsFe;o%OVfJ`8RS1}CjqNk@2wsHV4hTVHX9;(}h|5bu(
zNwya#ThxmHDNT6H12hvS3Ha@}SXgjJ9y>Vj7|>Eve}n6A`@d?s?r<vO{(bC~vPt%e
zB70LDTV^3UJ7n)!gzPxTD!Yu3GCO9JvPY7RO|}SGneXSkzxU^lbGa^Dp65K@=lS0E
z{kiY^1On8#L8lACp7p4vuCDI74l=BFQ9?`%>xO1-eqGdpLc0SGJcZ#a#Vx$He@ibU
zSaphyjeZF-KB?SNHn7A4@!ta6%~Vt=nVF@f)D_{deF2o7u6s!T&qz;?LYj{|x=7FT
zLLet*d>p1#4CR`^j`_t0m0vU+ot#MQvt0AR9S$h;Lxu7sMZE1^&@Zzb>>3t4EbzXq
zL<c%O2%~xGYd=5QA;=WP&DoYAXuoN8^70(wLUwQ0wzvBOQJ3XS<r`HGDjhT(!M?3p
zf<g_a@!jq6@3iqWHfFfVrH*3ham<HD`^jftfT>o=TLH~C=vwqadA0u?w8oX(k&N`i
zNk}A*cG1o~@Z@{+?}wSYwY&0h=QSsv8Rv>fz5RoO49P2L>jg55F^SY*Kl!29ga9E&
z&(G6y814hMDE6ojmDu}Fkj)eqrGzBtGBM&mV2-jLz<myVDz4(`kc}|rhms@k^Xp+O
zHPr`<X)2p|zbT1}>$U#X5r6Pd-Y$~`ZIJJ)Zf$2na^Lp?If35(-d-mGF^h|QfUhmw
zzhrd$Y=njft)u)lPx};c-%<s>V|mg8Z#V2`7uXHV%;K-`jwxgfG#SsQ0%PL!fAhHs
zd!vlokDDy~iKIaCQoH7beZ$lH>6}(gw-KjE%r1sSU;0d>Cdk^yPm$?t|JSeaJ1Vyd
z$*zbdW?#sW5Tv3NSKms}G8`q#>py7Tq84eGC^M8$5pq5_DO;~*WOZ(s<Y*}03cqJ)
z2ujJ|$Ov{Gq*rzpT8>Fg-bLC7mT=hRMg#L$dzi1aY|&@``1Ht^H?_vCQi)WFv`mFj
zyyw5Pe-P!5Knn8`uwRMM_k_L=J^zKH>W*=e*XE8tG>#l<CA-A&%17k#{FO&2ky+>&
z?ZoEgy-5MDT-^n^ye`({-iIDh3wxJ_7Xxpi{)Xt}2qUMRIPWW6Yk$_BKGl%T$3DH0
zq%XbL8Pv7>w_6huLU-`&Wv&u!;F`CFT;BJPmX&?T-Igi`ds&nK4Gc1JY{)tl7FHv<
zD86`KVNO&eE_kBFwd4L>rfrzmo+FlehXt4(FCvgFjfr!DI*=?YGm|YX-L-XszhQze
z;In)U`k$nju;y98cA4>Rd?+DuAVSlS^ceCt896l<-n_iAm>g<&2$FriT<DPxJY|Ua
z2>Eg)(1|;gR0P<n4a1o@l`awtXCy`S`m;Oxg&~m@Qxr(x6UeL;^x9k2Q8GP^LKDj4
zCPKknMH9W0iALQ5LO4%lgV~(2o-4neGh{~DfL-(X@%ExDoG2p`RHgMmK5it)g*2l#
z2L?&aT%98~nwHo|kZ1Z(;X*(pW>kFsjEgvsK<wtVR9ihSCaC$KKu({jQ^kK<JYsh*
z0BgQMY7d)1ia_$iQpB<IbIV)JqImOXVvX+N#|NpaVqhG6UYlk@1~wicLBq?soFjo_
zz4G2GL+r82PkJHX1KGRLw{q|r_49G8^0!#3zDd>f7QGmHO+~EmV=-zRC`gUjRqi5>
zo!65?ZqqaNBOhM%`QxANwzihNi!);?7um-&A;R>nySuCtd)FIVSdiN{zlfj>bpH(5
zXAo=(CX>JqsdI7M9)y>$9Z>4s1#VtIn{Q&j3(z3_5%_a4%0?8m@|sih;4&4Ot!-FP
z;ENcSCvv(xnFxt)Fu76n)-C&)Jd~}G@C1@1XSv&(so25{&5CFcfJ3a}XbYV0%smLZ
zn4n1cc8K0k>wX%SmUhgr29qclTH$T@3#OJ@?rwOs(s*i}2?yqQo63Z+aMn<}sv=e;
z`;d&7T&<|7Eo5^_^*{twatrAhBhIW~Z?B}`_N&4R9?h&FTYI_Gn_Uv2JG~5y-{oi2
z61nwMK6ZG4!9}>V5qs|H+0MY)cVrQ1!3(3`mC6h>W$wrhI^;=kUA_7MP}i1-n3#c?
z(-wfvxkV@e^YZeNvAp2tR`i!Rid*swqg=H2&Wsm0D;IL*NAL1<r7>5Ew+>=)(NOa7
zijhr*xb)7__X80?P1Khzt3JY1ewKB$T!4qJ<Z@_C?pgn%N*NGGC`<C#M-<8)&p0<@
zU7}=6Y`|K<R29|mJt0;f^BaUDhy;CwRCwdUf}M6$2sbbitQWN&|I8HPZIdY37l8F)
z=s)*ju&)mrR?B#K(hK0Q7uW<~n&4(yYfxi8+=0Ev_U^0FQYVXhU!H*Kl>ACLR?TuL
zQ0l<|)Bm=OgtfIb!}9DUGn@ATfFhXrJ_6<Ka(^`X#?ZnLZ(>ii<CyC89jAEME>CCS
zxkTZ1-@pJIfXX}s9pQmMmV4xPfZ2nNaQJud7CpZ)TU*%ygx|NYHAxnODmarZ!C0S3
z;bnkXR?f~r;FY|{5ClfX09|GW5a1VfKddWGH@J3T?F+!A=0cAa%ngc;(~BF1ZUPAc
za37HY{;<=9RNZl3EFGyZM^jls(0ddH0;{wZI9bPjaI~QALq7gGKYtpg@%hV_At2lA
z`UED~iUQTfJ0V5`8;2-ae(ThT*=)WPAnlkQPjBz|m>5U<!mBQ0H(>BQe*g(H5Q!Rd
zQ}uEIpPoUlffbX@I@aI0Va@7=o`gJc_-L4RJFt0hHh<{<y5`a~*#N0Uz*Tm&%itmL
z1UUk3*Rqib?D>G_g8rD0UceMT_L7;$O#Nqh!+ZDCHYI_4n4!Jwoyyh@Ww_JQ(*ang
zOe%t$`I-#sM}i<|EBmJzZ!_5CDx~RK`p0eq5DtQ!;0_))RX6;oh>Vf<@eEiiv2KmY
zb--*8F}<gT2fx+`l?6i|v4{rq0sAk7BpRUr;QoEq{WkCspFuMsaO8&=3?odJ&*43V
z^UWvB^B)nxSgOE!zhTiR<~AwylXh)(_MOKZHiHf^qb=Tgh8r0$>l+7&Gxb3jY|O1-
zSj)MF;~C89Jwr!N5A_o7!Mz2DjsxWgIs$ZLT=-=7;KA6~Sg-j*E2}NAOFWH?<OfXi
zA_K%l?7!~HdeFN$VU(lNo=te4XD?OL?pyh4hbK+k3alLi0~#mR`M=j%VR8dNz16<v
zE*t^CRw$gDnMHjyZwc}RMMY-kLRz>uIX0=;{oyrCitQa7=36MG>Lk#sP^Si0<1ffo
zT(VBvp|>wZuKIv%c-Ntm0j84)336TwF-K1Npl->89_>OsX7_R=7K)+8-bB1(A*N<v
zI0S4{CP%RZeta0<xqQO2UKw`GK>^_bc`x<0xB}2H7nk2aF#&M`{vClC854^=h|VAb
zfS$d&Dh;|JK%gu&RvuANZ&;@}yvk<5J~>6hLhyJ8+WWA7a{}~i;2Ss67s|znqdKrr
ze=wIB2DU!W7P?Ra^^HLAeXWz4i+xg#(^)d6%0M2*ngI({;!RWWftD&OD}#_;MBN$X
z$0+kDbV5RtSi_f!02ifh=j2qT^V0JFN$#pm?55er+L|ubf(>e8iB~p2Rv|qt@#rLA
zFDVA%{Maq_8R!?V1N~QdqLC$Hwx3v4qIBGAb^Z4*vI5v8T-65;&d>J;ZWfn$C;ghK
zx#P*)B4wtn-;{65xmxkPy<R=p4?Qu}tCEO6EFkXH&}q|!Ydv`wZQGeuu9R-i>{<VU
zlgBShoi=qY#c60>1()<`MUDDXZ)UvrBAnDA-DSIH+q*AwM<gBj#@Yw2o+wVtj4ZGI
zeYq^xw!9ef7!R~r_@aungR2X()`Uag+xbpMKzBgxz0Ay<^E^q-Lm2<%X&x>(TFJAz
z7MGT=^Lk*9>Tu&#+r?_}aF%$$o^cE<o#$Zf1$u>TYXuL+uTttynwj!6xCCPe#6mri
zVacHSkDpPrNYNi=uXSOmd{Pm@Fx<=p#3mk|BlFK~cdx0qx}`_tbt`QaoaN`zPYYD)
zzXjqQY@TY*oL7<icog5|8pugrtQz{tqY$y0Ja!Xw@$>spPT^D@+8sAG-^D$xI<{P*
zpM68l8^*%R&7MMPCDP#$MX89NuZ)=q&0}O5VtGR6h)MXi$!6OcR@feX{yibx?FvEu
zHln9}w0j|#FkF!)f9KJmR!JD!F4xvF_hZS0)5A38@XPJuKLZBo>UWRD9E{hpxUN>R
z6{QbeYG@~Ed*4o6dnEf!<9c$$Z@n4OEG=7}bd=DmV2U4v3fBiy=VYjwP2vWHiBWc6
z6nVN4`OzAG{4F}9_2s%Y^6pAkTqnr4WImen^fP_ykf>DmjQyl!(i}-6MZ`l?Wq}<3
znn9p>!R*sODqh@sngnh&kBv22gxp-#mET549D`YTBCP~k#(deWV4eXVQe_OuCp1yJ
zik&MW0<ZW_h_(*n^OlsI2GLtmUBW^edF`j~T(69amCE6JR1I|L&_v8pEW8|8D(`dM
z+7lz9C}zd|xuVd*2(HJTL*G*Q&mpFWRLY|bElg%%x|e149sNe~d*%A3{nwT3jsptY
zksq1Y)Gr-a8dZHs{6kR_Q{B^r-os;Ci!Dg6n$L7X45N#zr|>Rfjtl0Kex>JxQJwQ5
zC}01Ywt6N^zY_VZ-NlOPOzX^F&ojtM!M@&vp{`A+*2UrIfu!FCzE?nD&OlCIiA1dj
zmybq`DW=-@lQX$i?{&Mh{k!dg_5Fq6mPyv-x>>T5r;aJ`XEd!@Z9^l?9~>AJd~!U(
zMQY!2();QpPhV7P4Cx}^Etnb5rEV9_e9gc#bS>~`17WloZPdN0-u@gz?%%bZ5?&(y
zBidS(Hp3&rTfrm7!jT<0cH+Q2o;z9lsIV?6%gua#lJDe|;s7f<eWa9$7>SDq?qIWs
z^sfMW#yCeA>wp6`M4OK^QQ^I@dUAo&<aKMWkF|LZ@<omeLt~;TmQ_Q4@=tA^hhG#o
z#T}65E9jr&XMeZg@um}p_N3==DmyaC-nW9X*o5;{;*XmW&qi@H)83E868<9ykH7xe
zKPEBNsB7<$i8T$rW$L5(3@0Id!9K0xLM2OXmqEFGnP<XeB)`ptJx~t&?T4ag%$10U
zN8cN)idde{3V3OG_S=d`_Iva*vb)yq3)?6;v0l5>t}K>%w7t5{M$MEud{FFt)pR<}
zGsv%wF%Q@NcdgL8msPU}IZw9E&&1oOL(cDOWm44E9HXugVP>WD3G{FTLYx-rT|d+_
z+XuZu+;jC{-0r(x(@0&ccu@-P<nozSKqcc|+0W7g!Jks5?>!4im*?+e@X}jxrHAC^
zRE<g<64NA1kNLhOTCC+uy7Ja-TUK|RF3_?55a|l5kRzZzl&2KU;TY~GQEDOz>6&j>
z9eAfhXQ58iJM+hX`|h37crkq`LQw*$!AM_Hp5;Lbe+&Cv0k2vUp}tCwkFzngmanJ!
z4cu{hb{Xn*oJqpP${!aFTo`v5zjE5Vx*oZYt511~(RZLHd)dO{mm25#^xX^ff)wfx
zw?B%8<_!_m{9P@_8Bi_tzUtPzcuSDc!!PZ3_0b*Ahb|qV9XUU{?Aj~$XKRYWwZ9B@
zvPOx{-mSObm>?rQA?TjIboaC3omt&@4;O8PS$0kzBu;pA!Vn1oKE4BwNLJs#7E~VT
zs?kAQe}2ub?O-|>2kFud&MOoLxbXxm7z4iB$pq|lUj^~%N!=@ao+KfvFEPgaI+~i_
zR()i0Zg6t`g4&3LU^*`}^l{|Cv^w|ZT-{qe-rs&rIwjZn`2HQOS7AzJN7S^n`&U+0
z0AsWr&d0;lW_7^Lh{LCYVQx(jCe}+BXwxX|+-~pDYBYZfHo$-A<=hvWOnCwGvEZj@
zJHng1tF#j7slb5>Xqko`6~e%f3I|6tcpt`HBoIImaAG?GA>4@dl+_vYgIA;oS<uzf
z0|20Q)H(EcqXClU&?J!k;su}?^8B}NH(`bgLbLhC27po6(m^Ss?8iX(F^aelB4#LN
zcJw}MJK&guk=FvD^?PH>(7jQZJc1ev5+C4toPgEW830vmC0^VQm?MZn4r4Ib83s&2
zVBUYvzyRCbA}=owLpgxZ5Hd5baUc%^@BaoQ3JMC?rKJNwsb5`P#U?Ic<8yETEY;fm
zrGl0s(~pK!1(FLoCD`7WPjj%n$wIhYwJ7lS`>%~nO*oKyOJN8D-5db{YZVU4;b`dl
z@{f;?uc@v+IzEow3<Y@(qJ_@RYv3zk3EkDF@|6}89CVSWk<RX4f>wfPUUP6=!2lXC
z>K%T%14zkA5JrS2Hfx`J0);sRI)-mwd!B-}0h%@3eFB>)Og1Zw%G-|C%G1(lsGbYl
zy440fR0<jz-7ryrNsLC{58a#p7Ph~#f|&>R9Tu3UP`Nn@v@<7Ow&qHpj4OO~r%a~=
zN)<p}hn*R?f_Kvt%mS2ilMl-w?`&S{I6R5=K0o|*DN9S$My=8Oh7GpS96E^*@$`Z$
zjEpdc5y^6yZVqHunt;yxd8Xa{{Tn9Lub^=T951jQK?bDk0gVlUHX60{U`fz^k{Tq(
z!qHOa(4P%?5GZ(0?dFZ+*s&JVPL=9`@^@ij2-En(u>jbH^#HHRlBi;*%@9MYYg!pY
zBNfqwr7%MB`-uZx@G+9=JPu(03xwGvSdk!b2ZfwoB_kj%vpv_;NC{iHl_a+lGwg`(
z0TZgYLiI}pym7LB?amK^TBu^-Fi$}+r-)T{bv^TTnGB$PB?O}kxY+=~5M%Bw_ho_U
zbbI_^l}ZeM@VtrcxhMjG%a8qxfX}gCzNj`$VH;6u+E9h1*hxUSZdk++$*(V9H|ZkK
z#61ED2mS8d7F1o+s8m`s)mK&~7Oz5O5IBb5f^qnC7r%A_&fpA7*10a5HgzwkWm1~u
zxJ{i4#-*?Pxw*K&Y4nsoNtpv3dR+hYSAmnv_3P_!LE0sZ%J;wpiM7HlSfoP_1{gzf
z<b(Zy!@Xj#tdf*+Ln*irZ#qsgFfy7#yN)qGkKz`Tvor(7g?u=q*nrf+3Y&y#BH&yI
zQZlk`4x;#pjr49i&DY=|p8^>=j-NOOg%XyN3jt3#N*&e;aF)-HK0iwbX%vL_i_sDI
zR$vmEznIAnk1S_bSMFBF55FPV%!xK{_5WiTtBf2GizVfO&Wcj@Z6pK9ucw_h|3GA~
zy5H97K66vV`?ijbU(*z<<B+wo5-5lXgZLA8GmMLdVNGRS;RM3>!$l$qMsX7jNyV#h
zk7G9cvWw9Lz0H<?KsSKnetf!jk81pzTZ7>J)|cx~o+TyG)6zQCjl&X&XjgdI2e|VQ
z*avQ%?%wstl9iDG_s`JS7(F|_4PbRo&uv(skdB)k9-i}Sf?6!YYqSS!IEa!FC{9`5
z3xf6?%A_?KicAu~;{g3_k)oAG!M}~0SrlkvZatBexho8i&eoPLp1V3rrvx0e+)XsN
f|NDA;^NffAt>>QL?WhbNIDybm(NTVjw0iO%j|0ML

literal 0
HcmV?d00001

diff --git a/programming/features/ui-customization-js.md b/programming/features/ui-customization-js.md
index d3ca20b1..07b293ee 100644
--- a/programming/features/ui-customization-js.md
+++ b/programming/features/ui-customization-js.md
@@ -104,6 +104,10 @@ In the following sections, we'll implement business logic using modern framework
 
 ### Start from built-in UI
 
+<div align="center">
+  <p><img src="https://www.dynamsoft.com/barcode-reader/docs/core/programming/features/assets/ui-customization-js/dcv.ui.v5.png" width="60%" alt="built-in UI"></p>
+</div>
+
 The pre-defined UI using new UI definition format can be found at [`dce.ui.v5.xml`](https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@latest/dist/ui/dce.ui.v5.xml). Since it is HTML rather than standard XML, the browser will report a parsing error; you can save the file (Ctrl+S) to view it.
 
 ```ts