npm - @usecapsule/core-components - Versions diffs - 3.14.0 → 3.16.0 - Mend

@usecapsule/core-components 3.14.0 → 3.16.0

Files changed (138) hide show

package/dist/cjs/cpsl-alert_34.cjs.entry.js CHANGED Viewed

@@ -37,7 +37,7 @@ const CpslAlert = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2561ee222d31a9b4a646c9c6a1dc2d31aa1f73a6', class: { error: this.variant === 'error', warning: this.variant === 'warning', success: this.variant === 'success', filled: this.filled } }, index.h("div", { key: '957521833f1a3e18ba6fdea250fbd8c4f3b0bd1a', class: "alert-container" }, index.h("div", { key: '2acbd6d3c831cd9f48abf6d8f28ffc2128481b5f', class: "title-container" }, !this.noIcon && this.iconType && index.h("cpsl-icon", { key: '8d09ab4dbc6490e4168d0b4313f8a82f0ed6fa1b', icon: this.iconType }), index.h("slot", { key: '9d081a5373c75d4e8795365137719890b0718732' })), index.h("slot", { key: '209565a0b76f197dbdc38666894e45ed1f854ed6', name: "subtitle" }))));
+        return (index.h(index.Host, { key: '1450ede6418154fb7275ebd9d08705e98e73a816', class: { error: this.variant === 'error', warning: this.variant === 'warning', success: this.variant === 'success', filled: this.filled } }, index.h("div", { key: 'ab93670dc1e4b986835406d74013a062335af671', class: "alert-container" }, index.h("div", { key: 'ceac200df75f373f8b90bf1528d69910449fe831', class: "title-container" }, !this.noIcon && this.iconType && index.h("cpsl-icon", { key: 'cbf0a1568ea39b1187f7505738fa6176cdee22e7', icon: this.iconType }), index.h("slot", { key: 'b7e43b76c6d64e922dcef55b44c6007532b4c9f7' })), index.h("slot", { key: 'd2f2960d6fc715e94b45a8aaf10d69e6bdd89aa8', name: "subtitle" }))));
     }
 };
 CpslAlert.style = CpslAlertStyle0;
@@ -6478,10 +6478,10 @@ const CpslCodeInput = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'fd588544d9cdebaaeb1961f4ecb5c5630e8e4699' }, index.h("div", { key: 'b795c99f0df6fbf4ba9a7118f3f737dbf22c7ee9', class: "code-container" }, new Array(this.length).fill(0).map((_, i) => {
+        return (index.h(index.Host, { key: '9c620c8eb41b595e672e2b7d22944e37de630f73' }, index.h("div", { key: 'd8e870d0b15b90cfccd78ba5f15cf7b9c0680f0a', class: "code-container" }, new Array(this.length).fill(0).map((_, i) => {
             var _a, _b;
             return (index.h("input", { class: { 'code-input': true, 'error': Boolean(this.errorText), 'has-value': ((_a = this.code) === null || _a === void 0 ? void 0 : _a[i]) !== undefined }, id: `code-input-${i}`, onKeyDown: ev => this.handleKeyDown(i, ev), onInput: ev => this.handleInput(i, ev), onFocus: () => this.handleFocus(i), onPaste: this.handlePaste, min: 0, max: 9, value: (_b = this.code) === null || _b === void 0 ? void 0 : _b[i], inputMode: this.type === 'number' ? 'numeric' : 'text' }));
-        })), (this.errorText || this.helperText) && (index.h("div", { key: '9cff50eb172f38af5065ad79e3c767f2e8ec33c9', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("cpsl-icon", { key: 'c8d7dbbd0ec7a2015e2e8099d0448b847641b845', icon: this.errorText ? 'alertCircle' : 'infoCircle' }), index.h("span", { key: '4ae4009a2fb4d8f6dc4c985ea8d39c136cb23780' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
+        })), (this.errorText || this.helperText) && (index.h("div", { key: '532bccdc9d9135f4728c503c77b3795440a3607a', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("cpsl-icon", { key: '02db8b47b661f64f2fb3073827aef50d7b94f1f3', icon: this.errorText ? 'alertCircle' : 'infoCircle' }), index.h("span", { key: '228b294db359a308d3e76f2ce3c5d17b2d039781' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
     }
     get el() { return index.getElement(this); }
 };
@@ -6537,12 +6537,12 @@ const CpslDrawer = class {
         const setHeight = this.anchor === 'top' || this.anchor === 'bottom';
         const startingAnchor = (_a = `${this.anchorPosition}px`) !== null && _a !== void 0 ? _a : '0px';
         const size = this.size === 'auto' ? 'auto' : `${this.size}px`;
-        return (index.h(index.Host, { key: '81d454f0a4532e333880f4e37a79545ee5710536', style: Object.assign({ width: setHeight ? '100vw' : size, height: setHeight ? size : '100vh', transitionDuration: `${this.showTransition ? this.transitionDuration : 0}s`, transitionTimingFunction: `${this.transitionFunction}`, [this.anchor]: this.open || this.variant === 'permanent' ? startingAnchor : this.closedAnchorPosition, opacity: this.closedAnchorPosition === undefined ? '0' : '1' }, (this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {})), class: {
+        return (index.h(index.Host, { key: 'a658bc7f4a536ad193ffa83045fc9ee051ce00c8', style: Object.assign({ width: setHeight ? '100vw' : size, height: setHeight ? size : '100vh', transitionDuration: `${this.showTransition ? this.transitionDuration : 0}s`, transitionTimingFunction: `${this.transitionFunction}`, [this.anchor]: this.open || this.variant === 'permanent' ? startingAnchor : this.closedAnchorPosition, opacity: this.closedAnchorPosition === undefined ? '0' : '1' }, (this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {})), class: {
                 top: this.anchor === 'top',
                 bottom: this.anchor === 'bottom',
                 left: this.anchor === 'left',
                 right: this.anchor === 'right',
-            } }, this.variant === 'temporary' && !this.noOverlay && index.h("cpsl-overlay", { key: '21fdc68cd01c652b7a9f8e1d624027f4051fdb47', open: this.open, zIndexOverride: constants.DEFAULT_Z_INDICES.modal + 1 }), index.h("div", { key: '085ba3bf2b57ceeb5615c42816e7a0f8758eeeb0', id: "container", class: "container", part: "container" }, index.h("slot", { key: 'bd8517779864cf35bc30b33597b27a43c749ba1f' }))));
+            } }, this.variant === 'temporary' && !this.noOverlay && index.h("cpsl-overlay", { key: '4af453a7893322c7327e4ae2daa36c510d79f63a', open: this.open, zIndexOverride: constants.DEFAULT_Z_INDICES.modal + 1 }), index.h("div", { key: 'd223fe6203a4b927a4c7b4254fbf74bd0c5b7ba4', id: "container", class: "container", part: "container" }, index.h("slot", { key: 'c297bc0a9ce799ea62e84a7c15b3d56279424091' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -6671,13 +6671,13 @@ const Brush = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" strok
 </svg>
 `;
-const CapsuleBlackBg = `<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" fill="none">
-  <mask id="path-1-outside-1_1233_12577" maskUnits="userSpaceOnUse" x="0" y="0" width="70" height="70" fill="black">
-    <rect fill="white" width="70" height="70"/>
+const CapsuleBlackBg = `<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" fill="none" stroke="none">
+  <mask id="path-1-outside-1_1233_12577" maskUnits="userSpaceOnUse" x="0" y="0" width="70" height="70" fill="black" stroke="none">
+    <rect fill="white" stroke="none" width="70" height="70"/>
     <path fill-rule="evenodd" clip-rule="evenodd" d="M22 6C13.1634 6 6 13.1634 6 22V48C6 56.8366 13.1634 64 22 64H48C56.8366 64 64 56.8366 64 48V22C64 13.1634 56.8366 6 48 6H22ZM43.3492 31.4798C43.1164 32.304 42.2266 32.7122 41.4512 32.3839C40.7521 32.088 40.4018 31.2956 40.5734 30.5424C40.6825 30.0639 40.761 29.6082 40.8092 29.1752C40.9038 28.3504 40.9028 27.6172 40.8061 26.9757C40.7094 26.3342 40.518 25.8027 40.2318 25.3813C39.9545 24.9516 39.5923 24.6421 39.1452 24.4528C38.3507 24.1165 37.4722 24.2491 36.5095 24.8505C35.5509 25.4418 34.5636 26.4892 33.5472 27.9929C32.5352 29.4864 31.5492 31.4173 30.5893 33.7858C29.6127 36.1952 28.9636 38.2987 28.6418 40.0965C28.3289 41.886 28.3066 43.33 28.5747 44.4285C28.8518 45.5187 29.3852 46.231 30.1748 46.5653C30.6124 46.7505 31.0714 46.8007 31.5517 46.7157C32.0409 46.6225 32.5374 46.3943 33.0413 46.031C33.55 45.6698 34.0544 45.1746 34.5546 44.5455C34.8167 44.2201 35.0719 43.8595 35.3205 43.4637C35.7311 42.8097 36.5338 42.5078 37.2329 42.8133C38.0024 43.1494 38.3409 44.0803 37.9267 44.8236C37.4178 45.7366 36.8734 46.586 36.2933 47.3716C35.4331 48.5451 34.5331 49.5214 33.5931 50.3006C32.6572 51.0696 31.7182 51.585 30.7762 51.8469C29.8382 52.0985 28.934 52.04 28.0635 51.6715C26.7791 51.1278 25.8924 50.0016 25.4034 48.2931C24.9143 46.5846 24.87 44.3976 25.2703 41.7323C25.6706 39.0669 26.5564 36.0425 27.9277 32.659C29.3032 29.2653 30.7717 26.4876 32.3333 24.3259C33.8991 22.1539 35.446 20.6405 36.9738 19.7858C38.5018 18.9311 39.9031 18.7736 41.178 19.3133C41.9914 19.6577 42.648 20.2239 43.1479 21.0121C43.6477 21.8003 43.9779 22.7869 44.1385 23.972C44.3032 25.1469 44.2832 26.4957 44.0784 28.0186C43.9385 29.0998 43.6955 30.2535 43.3492 31.4798ZM38.3702 36.6062C38.7112 35.7648 39.6549 35.3653 40.4781 35.7138L40.557 35.7473C41.3803 36.0957 41.7711 37.0602 41.4302 37.9016C41.0892 38.7429 40.1455 39.1424 39.3223 38.7939L39.2433 38.7605C38.4201 38.412 38.0292 37.4474 38.3702 36.6062Z"/>
   </mask>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M22 6C13.1634 6 6 13.1634 6 22V48C6 56.8366 13.1634 64 22 64H48C56.8366 64 64 56.8366 64 48V22C64 13.1634 56.8366 6 48 6H22ZM43.3492 31.4798C43.1164 32.304 42.2266 32.7122 41.4512 32.3839C40.7521 32.088 40.4018 31.2956 40.5734 30.5424C40.6825 30.0639 40.761 29.6082 40.8092 29.1752C40.9038 28.3504 40.9028 27.6172 40.8061 26.9757C40.7094 26.3342 40.518 25.8027 40.2318 25.3813C39.9545 24.9516 39.5923 24.6421 39.1452 24.4528C38.3507 24.1165 37.4722 24.2491 36.5095 24.8505C35.5509 25.4418 34.5636 26.4892 33.5472 27.9929C32.5352 29.4864 31.5492 31.4173 30.5893 33.7858C29.6127 36.1952 28.9636 38.2987 28.6418 40.0965C28.3289 41.886 28.3066 43.33 28.5747 44.4285C28.8518 45.5187 29.3852 46.231 30.1748 46.5653C30.6124 46.7505 31.0714 46.8007 31.5517 46.7157C32.0409 46.6225 32.5374 46.3943 33.0413 46.031C33.55 45.6698 34.0544 45.1746 34.5546 44.5455C34.8167 44.2201 35.0719 43.8595 35.3205 43.4637C35.7311 42.8097 36.5338 42.5078 37.2329 42.8133C38.0024 43.1494 38.3409 44.0803 37.9267 44.8236C37.4178 45.7366 36.8734 46.586 36.2933 47.3716C35.4331 48.5451 34.5331 49.5214 33.5931 50.3006C32.6572 51.0696 31.7182 51.585 30.7762 51.8469C29.8382 52.0985 28.934 52.04 28.0635 51.6715C26.7791 51.1278 25.8924 50.0016 25.4034 48.2931C24.9143 46.5846 24.87 44.3976 25.2703 41.7323C25.6706 39.0669 26.5564 36.0425 27.9277 32.659C29.3032 29.2653 30.7717 26.4876 32.3333 24.3259C33.8991 22.1539 35.446 20.6405 36.9738 19.7858C38.5018 18.9311 39.9031 18.7736 41.178 19.3133C41.9914 19.6577 42.648 20.2239 43.1479 21.0121C43.6477 21.8003 43.9779 22.7869 44.1385 23.972C44.3032 25.1469 44.2832 26.4957 44.0784 28.0186C43.9385 29.0998 43.6955 30.2535 43.3492 31.4798ZM38.3702 36.6062C38.7112 35.7648 39.6549 35.3653 40.4781 35.7138L40.557 35.7473C41.3803 36.0957 41.7711 37.0602 41.4302 37.9016C41.0892 38.7429 40.1455 39.1424 39.3223 38.7939L39.2433 38.7605C38.4201 38.412 38.0292 37.4474 38.3702 36.6062Z" fill="black"/>
-  <path d="M41.4512 32.3839L43.7905 26.8587L43.79 26.8585L41.4512 32.3839ZM43.3492 31.4798L37.575 29.8491L37.575 29.8493L43.3492 31.4798ZM40.5734 30.5424L46.4234 31.8758L46.4234 31.8755L40.5734 30.5424ZM40.8092 29.1752L34.8483 28.4913L34.847 28.5018L34.8459 28.5124L40.8092 29.1752ZM40.8061 26.9757L34.873 27.8695L34.8731 27.8699L40.8061 26.9757ZM40.2318 25.3813L35.1903 28.6345L35.2285 28.6936L35.268 28.7519L40.2318 25.3813ZM39.1452 24.4528L41.4845 18.9276L41.4842 18.9275L39.1452 24.4528ZM36.5095 24.8505L39.6593 29.9572L39.674 29.9482L39.6886 29.9391L36.5095 24.8505ZM33.5472 27.9929L38.5142 31.3589L38.5183 31.3527L33.5472 27.9929ZM30.5893 33.7858L36.1499 36.0395L36.1499 36.0394L30.5893 33.7858ZM28.6418 40.0965L22.7357 39.0393L22.7335 39.0513L22.7314 39.0632L28.6418 40.0965ZM28.5747 44.4285L22.7459 45.8513L22.7526 45.8788L22.7596 45.9063L28.5747 44.4285ZM30.1748 46.5653L32.5138 41.04L32.5137 41.0399L30.1748 46.5653ZM31.5517 46.7157L32.5973 52.6239L32.636 52.617L32.6746 52.6097L31.5517 46.7157ZM33.0413 46.031L29.567 41.1393L29.5497 41.1516L29.5325 41.164L33.0413 46.031ZM34.5546 44.5455L29.8815 40.7823L29.8698 40.7968L29.8581 40.8115L34.5546 44.5455ZM35.3205 43.4637L40.4017 46.6545L40.4019 46.6542L35.3205 43.4637ZM37.2329 42.8133L34.8307 48.3114L34.8309 48.3115L37.2329 42.8133ZM37.9267 44.8236L43.1677 47.7445L43.1678 47.7443L37.9267 44.8236ZM36.2933 47.3716L31.4664 43.8078L31.4602 43.8161L31.4541 43.8245L36.2933 47.3716ZM33.5931 50.3006L37.4023 54.9363L37.4123 54.9281L37.4222 54.9199L33.5931 50.3006ZM30.7762 51.8469L32.3306 57.642L32.3568 57.635L32.383 57.6277L30.7762 51.8469ZM28.0635 51.6715L25.7245 57.1968L25.7246 57.1968L28.0635 51.6715ZM25.2703 41.7323L19.3369 40.8411L25.2703 41.7323ZM27.9277 32.659L22.3671 30.4053L22.3671 30.4054L27.9277 32.659ZM32.3333 24.3259L37.197 27.8394L37.2005 27.8346L32.3333 24.3259ZM36.9738 19.7858L34.0447 14.5494L34.0446 14.5495L36.9738 19.7858ZM41.178 19.3133L38.839 24.8386L38.839 24.8386L41.178 19.3133ZM43.1479 21.0121L48.215 17.7989L48.2148 17.7987L43.1479 21.0121ZM44.1385 23.972L38.1928 24.7777L38.1947 24.7914L38.1966 24.8052L44.1385 23.972ZM44.0784 28.0186L38.1319 27.2189L38.1299 27.234L38.1279 27.2492L44.0784 28.0186ZM40.4781 35.7138L38.1389 41.2391L38.1393 41.2392L40.4781 35.7138ZM38.3702 36.6062L32.8096 34.3523L32.8095 34.3524L38.3702 36.6062ZM40.557 35.7473L42.8959 30.2219L42.8959 30.2219L40.557 35.7473ZM41.4302 37.9016L35.8695 35.6479L35.8695 35.6479L41.4302 37.9016ZM39.3223 38.7939L41.6614 33.2686L41.6611 33.2685L39.3223 38.7939ZM39.2433 38.7605L36.9041 44.2857L36.9045 44.2858L39.2433 38.7605ZM12 22C12 16.4772 16.4772 12 22 12V0C9.84973 0 0 9.84974 0 22H12ZM12 48V22H0V48H12ZM22 58C16.4772 58 12 53.5228 12 48H0C0 60.1503 9.84974 70 22 70V58ZM48 58H22V70H48V58ZM58 48C58 53.5228 53.5228 58 48 58V70C60.1503 70 70 60.1503 70 48H58ZM58 22V48H70V22H58ZM48 12C53.5228 12 58 16.4772 58 22H70C70 9.84974 60.1503 0 48 0V12ZM22 12H48V0H22V12ZM39.1119 37.9091C43.1283 39.6096 47.8845 37.4976 49.1234 33.1103L37.575 29.8493C38.3484 27.1104 41.325 25.8149 43.7905 26.8587L39.1119 37.9091ZM34.7234 29.2091C33.993 32.4141 35.3893 36.3333 39.1123 37.9093L43.79 26.8585C46.1149 27.8427 46.8106 30.1771 46.4234 31.8758L34.7234 29.2091ZM34.8459 28.5124C34.8257 28.6941 34.7882 28.9249 34.7234 29.2093L46.4234 31.8755C46.5767 31.2029 46.6964 30.5224 46.7724 29.838L34.8459 28.5124ZM34.8731 27.8699C34.8726 27.867 34.8986 28.0529 34.8483 28.4913L46.77 29.8591C46.909 28.6479 46.9329 27.3675 46.7391 26.0815L34.8731 27.8699ZM35.268 28.7519C34.9316 28.2564 34.8747 27.8809 34.873 27.8695L46.7391 26.082C46.5441 24.7875 46.1044 23.349 45.1956 22.0107L35.268 28.7519ZM36.8059 29.978C36.0843 29.6724 35.529 29.1593 35.1903 28.6345L45.2733 22.1281C44.3801 20.7439 43.1004 19.6117 41.4845 18.9276L36.8059 29.978ZM39.6886 29.9391C39.66 29.9569 39.349 30.1478 38.7858 30.2328C38.1645 30.3266 37.4605 30.2551 36.8061 29.9781L41.4842 18.9275C38.3417 17.5971 35.3736 18.4855 33.3305 19.7619L39.6886 29.9391ZM38.5183 31.3527C38.8899 30.803 39.1925 30.4323 39.416 30.1952C39.644 29.9533 39.7309 29.9131 39.6593 29.9572L33.3597 19.7438C31.3676 20.9725 29.8113 22.8056 28.5762 24.6331L38.5183 31.3527ZM36.1499 36.0394C37.0113 33.9142 37.8136 32.3927 38.5142 31.3589L28.5803 24.6269C27.2567 26.5801 26.087 28.9205 25.0286 31.5321L36.1499 36.0394ZM34.5479 41.1536C34.7728 39.8974 35.2698 38.2109 36.1499 36.0395L25.0286 31.5321C23.9556 34.1794 23.1544 36.7001 22.7357 39.0393L34.5479 41.1536ZM34.4036 43.0057C34.4186 43.0671 34.3843 42.9595 34.3897 42.6145C34.3949 42.276 34.4369 41.7892 34.5522 41.1298L22.7314 39.0632C22.3524 41.2312 22.1981 43.6072 22.7459 45.8513L34.4036 43.0057ZM32.5137 41.0399C33.1342 41.3026 33.6409 41.7241 33.9853 42.184C34.2995 42.6036 34.3833 42.9246 34.3899 42.9507L22.7596 45.9063C23.3419 48.1976 24.8058 50.808 27.8359 52.0906L32.5137 41.0399ZM30.5061 40.8075C31.1358 40.6961 31.8549 40.761 32.5138 41.04L27.8358 52.0906C29.37 52.74 31.007 52.9053 32.5973 52.6239L30.5061 40.8075ZM29.5325 41.164C29.5686 41.138 29.8719 40.9278 30.4287 40.8217L32.6746 52.6097C34.2098 52.3172 35.5063 51.6506 36.5501 50.8981L29.5325 41.164ZM29.8581 40.8115C29.7408 40.959 29.6529 41.0531 29.598 41.107C29.543 41.1609 29.5313 41.1647 29.567 41.1393L36.5156 50.9228C37.5941 50.1568 38.4952 49.2303 39.251 48.2796L29.8581 40.8115ZM30.2392 40.2729C30.1009 40.4932 29.9803 40.6596 29.8815 40.7823L39.2277 48.3088C39.653 47.7806 40.0429 47.2258 40.4017 46.6545L30.2392 40.2729ZM39.6351 37.3151C35.8524 35.6624 32.0098 37.4531 30.2391 40.2732L40.4019 46.6542C39.4525 48.1663 37.2151 49.3531 34.8307 48.3114L39.6351 37.3151ZM43.1678 47.7443C45.377 43.78 43.5159 39.0105 39.6349 37.315L34.8309 48.3115C32.489 47.2883 31.3048 44.3806 32.6856 41.9029L43.1678 47.7443ZM41.1202 50.9355C41.862 49.9308 42.5432 48.865 43.1677 47.7445L32.6857 41.9026C32.2924 42.6082 31.8847 43.2411 31.4664 43.8078L41.1202 50.9355ZM37.4222 54.9199C38.8059 53.7729 40.0348 52.4163 41.1325 50.9188L31.4541 43.8245C30.8315 44.6739 30.2603 45.2699 29.764 45.6813L37.4222 54.9199ZM32.383 57.6277C34.299 57.0952 35.9701 56.1132 37.4023 54.9363L29.7838 45.665C29.3444 46.0261 29.1375 46.0749 29.1694 46.066L32.383 57.6277ZM25.7246 57.1968C27.8623 58.1018 30.1391 58.2299 32.3306 57.642L29.2217 46.0518C29.3397 46.0201 29.5351 45.9883 29.7817 46.0042C30.0303 46.0203 30.2447 46.0794 30.4024 46.1462L25.7246 57.1968ZM19.635 49.9442C20.4742 52.8761 22.3289 55.7594 25.7245 57.1968L30.4025 46.1462C30.5433 46.2058 30.6916 46.29 30.8327 46.3985C30.9732 46.5066 31.0778 46.6166 31.1492 46.7073C31.2882 46.8838 31.2516 46.9213 31.1717 46.642L19.635 49.9442ZM19.3369 40.8411C18.8687 43.9582 18.8195 47.0952 19.635 49.9442L31.1717 46.642C31.0091 46.074 30.8713 44.8371 31.2037 42.6235L19.3369 40.8411ZM22.3671 30.4054C20.8764 34.0835 19.8271 37.577 19.3369 40.8411L31.2037 42.6235C31.5141 40.5568 32.2365 38.0016 33.4884 34.9127L22.3671 30.4054ZM27.4697 20.8124C25.5433 23.4789 23.8614 26.7183 22.3671 30.4053L33.4884 34.9127C34.745 31.8123 36 29.4963 37.197 27.8394L27.4697 20.8124ZM34.0446 14.5495C31.4558 15.9977 29.2989 18.2749 27.4662 20.8172L37.2005 27.8346C38.4993 26.0329 39.4362 25.2834 39.9031 25.0222L34.0446 14.5495ZM43.517 13.788C40.0946 12.3392 36.72 13.0529 34.0447 14.5494L39.903 25.0222C40.1329 24.8937 40.1008 24.9599 39.8409 24.9891C39.7081 25.0041 39.5398 25.0061 39.3499 24.979C39.1593 24.9518 38.9856 24.9007 38.839 24.8386L43.517 13.788ZM48.2148 17.7987C47.1009 16.0423 45.5191 14.6356 43.517 13.788L38.839 24.8386C38.6823 24.7723 38.5149 24.6718 38.3621 24.54C38.2115 24.4102 38.1224 24.2909 38.0809 24.2255L48.2148 17.7987ZM50.0841 23.1663C49.839 21.3571 49.2885 19.4919 48.215 17.7989L38.0808 24.2253C38.0068 24.1087 38.1168 24.2167 38.1928 24.7777L50.0841 23.1663ZM50.0248 28.8184C50.2823 26.9039 50.3395 24.9874 50.0803 23.1389L38.1966 24.8052C38.2669 25.3064 38.2841 26.0876 38.1319 27.2189L50.0248 28.8184ZM49.1233 33.1105C49.5364 31.6478 49.8457 30.2041 50.0288 28.7881L38.1279 27.2492C38.0314 27.9955 37.8545 28.8593 37.575 29.8491L49.1233 33.1105ZM42.8172 30.1886C38.8273 28.4994 34.3752 30.4897 32.8096 34.3523L43.9307 38.86C43.0471 41.04 40.4825 42.2313 38.1389 41.2391L42.8172 30.1886ZM42.8959 30.2219L42.8169 30.1884L38.1393 41.2392L38.2182 41.2727L42.8959 30.2219ZM46.9909 40.1552C48.5308 36.3556 46.8159 31.8812 42.8959 30.2219L38.2182 41.2726C35.9446 40.3102 35.0115 37.7649 35.8695 35.6479L46.9909 40.1552ZM36.9832 44.3192C40.973 46.0082 45.4253 44.0182 46.9909 40.1552L35.8695 35.6479C36.7532 33.4675 39.318 32.2766 41.6614 33.2686L36.9832 44.3192ZM36.9045 44.2858L36.9834 44.3193L41.6611 33.2685L41.5821 33.2351L36.9045 44.2858ZM32.8095 34.3524C31.2694 38.1525 32.9849 42.6264 36.9041 44.2857L41.5825 33.2352C43.8554 34.1975 44.789 36.7424 43.9308 38.8599L32.8095 34.3524Z" fill="white" mask="url(#path-1-outside-1_1233_12577)"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M22 6C13.1634 6 6 13.1634 6 22V48C6 56.8366 13.1634 64 22 64H48C56.8366 64 64 56.8366 64 48V22C64 13.1634 56.8366 6 48 6H22ZM43.3492 31.4798C43.1164 32.304 42.2266 32.7122 41.4512 32.3839C40.7521 32.088 40.4018 31.2956 40.5734 30.5424C40.6825 30.0639 40.761 29.6082 40.8092 29.1752C40.9038 28.3504 40.9028 27.6172 40.8061 26.9757C40.7094 26.3342 40.518 25.8027 40.2318 25.3813C39.9545 24.9516 39.5923 24.6421 39.1452 24.4528C38.3507 24.1165 37.4722 24.2491 36.5095 24.8505C35.5509 25.4418 34.5636 26.4892 33.5472 27.9929C32.5352 29.4864 31.5492 31.4173 30.5893 33.7858C29.6127 36.1952 28.9636 38.2987 28.6418 40.0965C28.3289 41.886 28.3066 43.33 28.5747 44.4285C28.8518 45.5187 29.3852 46.231 30.1748 46.5653C30.6124 46.7505 31.0714 46.8007 31.5517 46.7157C32.0409 46.6225 32.5374 46.3943 33.0413 46.031C33.55 45.6698 34.0544 45.1746 34.5546 44.5455C34.8167 44.2201 35.0719 43.8595 35.3205 43.4637C35.7311 42.8097 36.5338 42.5078 37.2329 42.8133C38.0024 43.1494 38.3409 44.0803 37.9267 44.8236C37.4178 45.7366 36.8734 46.586 36.2933 47.3716C35.4331 48.5451 34.5331 49.5214 33.5931 50.3006C32.6572 51.0696 31.7182 51.585 30.7762 51.8469C29.8382 52.0985 28.934 52.04 28.0635 51.6715C26.7791 51.1278 25.8924 50.0016 25.4034 48.2931C24.9143 46.5846 24.87 44.3976 25.2703 41.7323C25.6706 39.0669 26.5564 36.0425 27.9277 32.659C29.3032 29.2653 30.7717 26.4876 32.3333 24.3259C33.8991 22.1539 35.446 20.6405 36.9738 19.7858C38.5018 18.9311 39.9031 18.7736 41.178 19.3133C41.9914 19.6577 42.648 20.2239 43.1479 21.0121C43.6477 21.8003 43.9779 22.7869 44.1385 23.972C44.3032 25.1469 44.2832 26.4957 44.0784 28.0186C43.9385 29.0998 43.6955 30.2535 43.3492 31.4798ZM38.3702 36.6062C38.7112 35.7648 39.6549 35.3653 40.4781 35.7138L40.557 35.7473C41.3803 36.0957 41.7711 37.0602 41.4302 37.9016C41.0892 38.7429 40.1455 39.1424 39.3223 38.7939L39.2433 38.7605C38.4201 38.412 38.0292 37.4474 38.3702 36.6062Z" fill="black" stroke="none"/>
+  <path d="M41.4512 32.3839L43.7905 26.8587L43.79 26.8585L41.4512 32.3839ZM43.3492 31.4798L37.575 29.8491L37.575 29.8493L43.3492 31.4798ZM40.5734 30.5424L46.4234 31.8758L46.4234 31.8755L40.5734 30.5424ZM40.8092 29.1752L34.8483 28.4913L34.847 28.5018L34.8459 28.5124L40.8092 29.1752ZM40.8061 26.9757L34.873 27.8695L34.8731 27.8699L40.8061 26.9757ZM40.2318 25.3813L35.1903 28.6345L35.2285 28.6936L35.268 28.7519L40.2318 25.3813ZM39.1452 24.4528L41.4845 18.9276L41.4842 18.9275L39.1452 24.4528ZM36.5095 24.8505L39.6593 29.9572L39.674 29.9482L39.6886 29.9391L36.5095 24.8505ZM33.5472 27.9929L38.5142 31.3589L38.5183 31.3527L33.5472 27.9929ZM30.5893 33.7858L36.1499 36.0395L36.1499 36.0394L30.5893 33.7858ZM28.6418 40.0965L22.7357 39.0393L22.7335 39.0513L22.7314 39.0632L28.6418 40.0965ZM28.5747 44.4285L22.7459 45.8513L22.7526 45.8788L22.7596 45.9063L28.5747 44.4285ZM30.1748 46.5653L32.5138 41.04L32.5137 41.0399L30.1748 46.5653ZM31.5517 46.7157L32.5973 52.6239L32.636 52.617L32.6746 52.6097L31.5517 46.7157ZM33.0413 46.031L29.567 41.1393L29.5497 41.1516L29.5325 41.164L33.0413 46.031ZM34.5546 44.5455L29.8815 40.7823L29.8698 40.7968L29.8581 40.8115L34.5546 44.5455ZM35.3205 43.4637L40.4017 46.6545L40.4019 46.6542L35.3205 43.4637ZM37.2329 42.8133L34.8307 48.3114L34.8309 48.3115L37.2329 42.8133ZM37.9267 44.8236L43.1677 47.7445L43.1678 47.7443L37.9267 44.8236ZM36.2933 47.3716L31.4664 43.8078L31.4602 43.8161L31.4541 43.8245L36.2933 47.3716ZM33.5931 50.3006L37.4023 54.9363L37.4123 54.9281L37.4222 54.9199L33.5931 50.3006ZM30.7762 51.8469L32.3306 57.642L32.3568 57.635L32.383 57.6277L30.7762 51.8469ZM28.0635 51.6715L25.7245 57.1968L25.7246 57.1968L28.0635 51.6715ZM25.2703 41.7323L19.3369 40.8411L25.2703 41.7323ZM27.9277 32.659L22.3671 30.4053L22.3671 30.4054L27.9277 32.659ZM32.3333 24.3259L37.197 27.8394L37.2005 27.8346L32.3333 24.3259ZM36.9738 19.7858L34.0447 14.5494L34.0446 14.5495L36.9738 19.7858ZM41.178 19.3133L38.839 24.8386L38.839 24.8386L41.178 19.3133ZM43.1479 21.0121L48.215 17.7989L48.2148 17.7987L43.1479 21.0121ZM44.1385 23.972L38.1928 24.7777L38.1947 24.7914L38.1966 24.8052L44.1385 23.972ZM44.0784 28.0186L38.1319 27.2189L38.1299 27.234L38.1279 27.2492L44.0784 28.0186ZM40.4781 35.7138L38.1389 41.2391L38.1393 41.2392L40.4781 35.7138ZM38.3702 36.6062L32.8096 34.3523L32.8095 34.3524L38.3702 36.6062ZM40.557 35.7473L42.8959 30.2219L42.8959 30.2219L40.557 35.7473ZM41.4302 37.9016L35.8695 35.6479L35.8695 35.6479L41.4302 37.9016ZM39.3223 38.7939L41.6614 33.2686L41.6611 33.2685L39.3223 38.7939ZM39.2433 38.7605L36.9041 44.2857L36.9045 44.2858L39.2433 38.7605ZM12 22C12 16.4772 16.4772 12 22 12V0C9.84973 0 0 9.84974 0 22H12ZM12 48V22H0V48H12ZM22 58C16.4772 58 12 53.5228 12 48H0C0 60.1503 9.84974 70 22 70V58ZM48 58H22V70H48V58ZM58 48C58 53.5228 53.5228 58 48 58V70C60.1503 70 70 60.1503 70 48H58ZM58 22V48H70V22H58ZM48 12C53.5228 12 58 16.4772 58 22H70C70 9.84974 60.1503 0 48 0V12ZM22 12H48V0H22V12ZM39.1119 37.9091C43.1283 39.6096 47.8845 37.4976 49.1234 33.1103L37.575 29.8493C38.3484 27.1104 41.325 25.8149 43.7905 26.8587L39.1119 37.9091ZM34.7234 29.2091C33.993 32.4141 35.3893 36.3333 39.1123 37.9093L43.79 26.8585C46.1149 27.8427 46.8106 30.1771 46.4234 31.8758L34.7234 29.2091ZM34.8459 28.5124C34.8257 28.6941 34.7882 28.9249 34.7234 29.2093L46.4234 31.8755C46.5767 31.2029 46.6964 30.5224 46.7724 29.838L34.8459 28.5124ZM34.8731 27.8699C34.8726 27.867 34.8986 28.0529 34.8483 28.4913L46.77 29.8591C46.909 28.6479 46.9329 27.3675 46.7391 26.0815L34.8731 27.8699ZM35.268 28.7519C34.9316 28.2564 34.8747 27.8809 34.873 27.8695L46.7391 26.082C46.5441 24.7875 46.1044 23.349 45.1956 22.0107L35.268 28.7519ZM36.8059 29.978C36.0843 29.6724 35.529 29.1593 35.1903 28.6345L45.2733 22.1281C44.3801 20.7439 43.1004 19.6117 41.4845 18.9276L36.8059 29.978ZM39.6886 29.9391C39.66 29.9569 39.349 30.1478 38.7858 30.2328C38.1645 30.3266 37.4605 30.2551 36.8061 29.9781L41.4842 18.9275C38.3417 17.5971 35.3736 18.4855 33.3305 19.7619L39.6886 29.9391ZM38.5183 31.3527C38.8899 30.803 39.1925 30.4323 39.416 30.1952C39.644 29.9533 39.7309 29.9131 39.6593 29.9572L33.3597 19.7438C31.3676 20.9725 29.8113 22.8056 28.5762 24.6331L38.5183 31.3527ZM36.1499 36.0394C37.0113 33.9142 37.8136 32.3927 38.5142 31.3589L28.5803 24.6269C27.2567 26.5801 26.087 28.9205 25.0286 31.5321L36.1499 36.0394ZM34.5479 41.1536C34.7728 39.8974 35.2698 38.2109 36.1499 36.0395L25.0286 31.5321C23.9556 34.1794 23.1544 36.7001 22.7357 39.0393L34.5479 41.1536ZM34.4036 43.0057C34.4186 43.0671 34.3843 42.9595 34.3897 42.6145C34.3949 42.276 34.4369 41.7892 34.5522 41.1298L22.7314 39.0632C22.3524 41.2312 22.1981 43.6072 22.7459 45.8513L34.4036 43.0057ZM32.5137 41.0399C33.1342 41.3026 33.6409 41.7241 33.9853 42.184C34.2995 42.6036 34.3833 42.9246 34.3899 42.9507L22.7596 45.9063C23.3419 48.1976 24.8058 50.808 27.8359 52.0906L32.5137 41.0399ZM30.5061 40.8075C31.1358 40.6961 31.8549 40.761 32.5138 41.04L27.8358 52.0906C29.37 52.74 31.007 52.9053 32.5973 52.6239L30.5061 40.8075ZM29.5325 41.164C29.5686 41.138 29.8719 40.9278 30.4287 40.8217L32.6746 52.6097C34.2098 52.3172 35.5063 51.6506 36.5501 50.8981L29.5325 41.164ZM29.8581 40.8115C29.7408 40.959 29.6529 41.0531 29.598 41.107C29.543 41.1609 29.5313 41.1647 29.567 41.1393L36.5156 50.9228C37.5941 50.1568 38.4952 49.2303 39.251 48.2796L29.8581 40.8115ZM30.2392 40.2729C30.1009 40.4932 29.9803 40.6596 29.8815 40.7823L39.2277 48.3088C39.653 47.7806 40.0429 47.2258 40.4017 46.6545L30.2392 40.2729ZM39.6351 37.3151C35.8524 35.6624 32.0098 37.4531 30.2391 40.2732L40.4019 46.6542C39.4525 48.1663 37.2151 49.3531 34.8307 48.3114L39.6351 37.3151ZM43.1678 47.7443C45.377 43.78 43.5159 39.0105 39.6349 37.315L34.8309 48.3115C32.489 47.2883 31.3048 44.3806 32.6856 41.9029L43.1678 47.7443ZM41.1202 50.9355C41.862 49.9308 42.5432 48.865 43.1677 47.7445L32.6857 41.9026C32.2924 42.6082 31.8847 43.2411 31.4664 43.8078L41.1202 50.9355ZM37.4222 54.9199C38.8059 53.7729 40.0348 52.4163 41.1325 50.9188L31.4541 43.8245C30.8315 44.6739 30.2603 45.2699 29.764 45.6813L37.4222 54.9199ZM32.383 57.6277C34.299 57.0952 35.9701 56.1132 37.4023 54.9363L29.7838 45.665C29.3444 46.0261 29.1375 46.0749 29.1694 46.066L32.383 57.6277ZM25.7246 57.1968C27.8623 58.1018 30.1391 58.2299 32.3306 57.642L29.2217 46.0518C29.3397 46.0201 29.5351 45.9883 29.7817 46.0042C30.0303 46.0203 30.2447 46.0794 30.4024 46.1462L25.7246 57.1968ZM19.635 49.9442C20.4742 52.8761 22.3289 55.7594 25.7245 57.1968L30.4025 46.1462C30.5433 46.2058 30.6916 46.29 30.8327 46.3985C30.9732 46.5066 31.0778 46.6166 31.1492 46.7073C31.2882 46.8838 31.2516 46.9213 31.1717 46.642L19.635 49.9442ZM19.3369 40.8411C18.8687 43.9582 18.8195 47.0952 19.635 49.9442L31.1717 46.642C31.0091 46.074 30.8713 44.8371 31.2037 42.6235L19.3369 40.8411ZM22.3671 30.4054C20.8764 34.0835 19.8271 37.577 19.3369 40.8411L31.2037 42.6235C31.5141 40.5568 32.2365 38.0016 33.4884 34.9127L22.3671 30.4054ZM27.4697 20.8124C25.5433 23.4789 23.8614 26.7183 22.3671 30.4053L33.4884 34.9127C34.745 31.8123 36 29.4963 37.197 27.8394L27.4697 20.8124ZM34.0446 14.5495C31.4558 15.9977 29.2989 18.2749 27.4662 20.8172L37.2005 27.8346C38.4993 26.0329 39.4362 25.2834 39.9031 25.0222L34.0446 14.5495ZM43.517 13.788C40.0946 12.3392 36.72 13.0529 34.0447 14.5494L39.903 25.0222C40.1329 24.8937 40.1008 24.9599 39.8409 24.9891C39.7081 25.0041 39.5398 25.0061 39.3499 24.979C39.1593 24.9518 38.9856 24.9007 38.839 24.8386L43.517 13.788ZM48.2148 17.7987C47.1009 16.0423 45.5191 14.6356 43.517 13.788L38.839 24.8386C38.6823 24.7723 38.5149 24.6718 38.3621 24.54C38.2115 24.4102 38.1224 24.2909 38.0809 24.2255L48.2148 17.7987ZM50.0841 23.1663C49.839 21.3571 49.2885 19.4919 48.215 17.7989L38.0808 24.2253C38.0068 24.1087 38.1168 24.2167 38.1928 24.7777L50.0841 23.1663ZM50.0248 28.8184C50.2823 26.9039 50.3395 24.9874 50.0803 23.1389L38.1966 24.8052C38.2669 25.3064 38.2841 26.0876 38.1319 27.2189L50.0248 28.8184ZM49.1233 33.1105C49.5364 31.6478 49.8457 30.2041 50.0288 28.7881L38.1279 27.2492C38.0314 27.9955 37.8545 28.8593 37.575 29.8491L49.1233 33.1105ZM42.8172 30.1886C38.8273 28.4994 34.3752 30.4897 32.8096 34.3523L43.9307 38.86C43.0471 41.04 40.4825 42.2313 38.1389 41.2391L42.8172 30.1886ZM42.8959 30.2219L42.8169 30.1884L38.1393 41.2392L38.2182 41.2727L42.8959 30.2219ZM46.9909 40.1552C48.5308 36.3556 46.8159 31.8812 42.8959 30.2219L38.2182 41.2726C35.9446 40.3102 35.0115 37.7649 35.8695 35.6479L46.9909 40.1552ZM36.9832 44.3192C40.973 46.0082 45.4253 44.0182 46.9909 40.1552L35.8695 35.6479C36.7532 33.4675 39.318 32.2766 41.6614 33.2686L36.9832 44.3192ZM36.9045 44.2858L36.9834 44.3193L41.6611 33.2685L41.5821 33.2351L36.9045 44.2858ZM32.8095 34.3524C31.2694 38.1525 32.9849 42.6264 36.9041 44.2857L41.5825 33.2352C43.8554 34.1975 44.789 36.7424 43.9308 38.8599L32.8095 34.3524Z" fill="white" stroke="none" mask="url(#path-1-outside-1_1233_12577)"/>
 </svg>`;
 const CapsuleLogo = `<svg width="66" height="18" viewBox="0 0 66 18" fill="currentColor" stroke="none" xmlns="http://www.w3.org/2000/svg">
@@ -12433,7 +12433,7 @@ const CpslDropdown = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: 'a997453b8690196f125bcf96fd94d728e645cd9e' }, index.h("button", { key: '0be8f5b0b6fcb3a27a5885205c0f585a68dc1bb9', class: "dropdown-button", onClick: this.toggleDropdown }, `${((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.selectedLabel) || ((_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.label)} ${(_c = this.selectedItem) === null || _c === void 0 ? void 0 : _c.value}`, index.h("div", { key: 'f324edfdd97304de361a0ccd2bec793af25d3aa3', class: `chevron ${this.isOpen ? '' : 'closed'}`, innerHTML: Icons['chevronUp'] })), index.h("ul", { key: 'e1a3a097abb0633bd33caefabce016e2308f1ac0', class: { 'dropdown-options': true, 'open': this.isOpen }, style: { width: this.width } }, this.hasCpslSearch && (index.h("li", { key: '517c74f9f94df623206d8969a32d894b854f95a4', class: "search-bar" }, index.h("input", { key: '28ed686f30069ecb92dd0ee1852a9b9f94a98264', type: "text", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchQueryChange }))), this.filteredItems.map(item => (index.h("li", { onClick: this.handleItemSelect(item) }, index.h("span", { innerHTML: Icons[item.icon] }), item.label, " ", index.h("span", { class: "dropdown-value" }, item.value)))))));
+        return (index.h(index.Host, { key: '95a5e98e81c71d0d22fb92dc7669a071c8982d5d' }, index.h("button", { key: '56b6bfca6283796be4a68b4bf2eb2404637c50e7', class: "dropdown-button", onClick: this.toggleDropdown }, `${((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.selectedLabel) || ((_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.label)} ${(_c = this.selectedItem) === null || _c === void 0 ? void 0 : _c.value}`, index.h("div", { key: 'd589fca8b9ac25d0884b5a059c618b14547ca9fc', class: `chevron ${this.isOpen ? '' : 'closed'}`, innerHTML: Icons['chevronUp'] })), index.h("ul", { key: 'ae1977c621830127463fcc142e26141a93780048', class: { 'dropdown-options': true, 'open': this.isOpen }, style: { width: this.width } }, this.hasCpslSearch && (index.h("li", { key: '98225551b1a3f5fcd744c873d09ea606e2b3141f', class: "search-bar" }, index.h("input", { key: '71988503de0b51e3e3cd771c11f25809da813db5', type: "text", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchQueryChange }))), this.filteredItems.map(item => (index.h("li", { onClick: this.handleItemSelect(item) }, index.h("span", { innerHTML: Icons[item.icon] }), item.label, " ", index.h("span", { class: "dropdown-value" }, item.value)))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -12586,7 +12586,7 @@ const CpslIcon = class {
         this.icon = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '83970488e84a7359667faa9948079b3fac1b8e09', part: "icon", role: "img" }, !this.icon ? index.h("img", { src: this.src }) : index.h("div", { innerHTML: Icons[this.icon] })));
+        return (index.h(index.Host, { key: '20e905e3d6222b981c9ddba4f3a49bc0702a3eed', part: "icon", role: "img" }, !this.icon ? index.h("img", { src: this.src }) : index.h("div", { innerHTML: Icons[this.icon] })));
     }
 };
 CpslIcon.style = CpslIconStyle0;
@@ -12624,7 +12624,7 @@ const CpslIconGroup = class {
     render() {
         // If disabled remove all brand icons to ensure the disabled color is shown correctly
         const icons = this.disabled ? this.icons.map(icon => icon.replace('Brand', '')) : this.icons;
-        return (index.h(index.Host, { key: '687a32dfbceec5b1544c695bc4e8ffbcf094a384' }, icons.map((icon, index$1) => {
+        return (index.h(index.Host, { key: 'f471279b940c2b3b3872c1d37477fd85073127c8' }, icons.map((icon, index$1) => {
             const isIcon = isOfTypeIconType(icon);
             return (index.h("span", { part: "icon-container", class: {
                     'icon-container': true,
@@ -16480,6 +16480,7 @@ const CpslInput = class {
         this.enterkeyhint = undefined;
         this.errorText = undefined;
         this.mask = undefined;
+        this.isPhone = undefined;
         this.helperText = undefined;
         this.inputmode = undefined;
         this.label = undefined;
@@ -16514,8 +16515,13 @@ const CpslInput = class {
         var _a;
         if (this.nativeInput) {
             if (this.mask) {
+                const [oldValue, oldCursorPosition] = [this.value, this.nativeInput.selectionEnd];
                 Inputmask({ mask: this.mask, showMaskOnHover: false }).mask(this.nativeInput);
                 this.nativeInput.inputmask.shadowRoot = this.el.shadowRoot;
+                if (oldCursorPosition === oldValue.length && this.isPhone) {
+                    const firstUnderscore = this.nativeInput.value.indexOf('_');
+                    this.nativeInput.setSelectionRange(firstUnderscore, firstUnderscore);
+                }
             }
             else {
                 if (this.nativeInput.inputmask) {
@@ -16596,7 +16602,7 @@ const CpslInput = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'c929f507e3a77bb9ea1b93d87c6e63e09c32a5d3', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText } }, this.label && (index.h("label", { key: 'c00459c97f97f89d0ce7138c01addcf49084c12e', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: 'b042e9447768246a393d6481e840c9067174915a', class: { 'input-container': true, 'error-container': Boolean(this.errorText), 'textarea': this.as === 'textarea' } }, index.h("slot", { key: 'f1442ac52b54d664c1031d95b867f0d2ddebce67', name: "start" }), index.h(this.as, { key: '47d382513922209465f686c7e14fd23f711132cd', part: "native-input", class: { 'native-input': true }, ref: input => (this.nativeInput = input), id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: (_a = this.value) !== null && _a !== void 0 ? _a : '', rows: this.rows, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), index.h("slot", { key: '5edb466ccd708ea2fc5c0a3c9633ac8f7154588e', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { key: '328654693d70173a047953dc9648c282ed70fb4e', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: 'ff9888ffce76a3396b0b2509fa7dbe5025a12e29' }, (_b = this.errorText) !== null && _b !== void 0 ? _b : this.helperText)))));
+        return (index.h(index.Host, { key: 'fba918642761d2d430ce71d0ffb18c103b7cbd46', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText } }, this.label && (index.h("label", { key: '91ce78dd87eeccbea2769d2fe43a3724fcaa6d3f', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '49abe74e0003f2ad3def70d11bc3e812edf4488b', class: { 'input-container': true, 'error-container': Boolean(this.errorText), 'textarea': this.as === 'textarea' } }, index.h("slot", { key: '5191799e84eb5a7a62cf966060dae77a9d37d270', name: "start" }), index.h(this.as, { key: '09a4a3be9bcc9608127634587b4ff86da3304a55', part: "native-input", class: { 'native-input': true }, ref: input => (this.nativeInput = input), id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: (_a = this.value) !== null && _a !== void 0 ? _a : '', rows: this.rows, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), index.h("slot", { key: 'b53e9fc972d166a5a3c7795f10cb5ebc9104a3be', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { key: 'f04d756ef4bd27c4ca9154df5b02806e42b33046', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: 'f68e00473cd424ea0654fea61262295b55761d31' }, (_b = this.errorText) !== null && _b !== void 0 ? _b : this.helperText)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -17014,7 +17020,7 @@ const CpslPopover = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '18d133c7b3b9130f4119aa1502fc22a0edba0adf', class: {
+        return (index.h(index.Host, { key: 'e23b4ce566ff50d3b50a77683f7fe5391c358700', class: {
                 'open': this.open,
                 'transform-h-left': this.transformOriginHorizontal === 'left',
                 'transform-h-center': this.transformOriginHorizontal === 'center',
@@ -17022,7 +17028,7 @@ const CpslPopover = class {
                 'transform-v-top': this.transformOriginVertical === 'top',
                 'transform-v-center': this.transformOriginVertical === 'center',
                 'transform-v-bottom': this.transformOriginVertical === 'bottom',
-            }, style: { top: `${this.positionY}px`, left: `${this.positionX}px`, width: !this.open ? '0px' : this.autoWidth ? 'auto' : `${(_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.clientWidth}px` } }, index.h("div", { key: '0c86d612a066ac39a37c0291ab96e518f6e2cd32', id: "container", class: { container: true, open: this.open } }, index.h("slot", { key: '616112bb261563452b94256d3f7a8ed563e1cf65' }))));
+            }, style: { top: `${this.positionY}px`, left: `${this.positionX}px`, width: !this.open ? '0px' : this.autoWidth ? 'auto' : `${(_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.clientWidth}px` } }, index.h("div", { key: '74a4d30daf94279f88dbe39c5423bbaf389de40c', id: "container", class: { container: true, open: this.open } }, index.h("slot", { key: '205c3ca66f93eecd7edf9a0e9a244f972910d79f' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -21171,7 +21177,7 @@ const CpslQrCode = class {
         return this.el.shadowRoot.getElementById('qr-code');
     }
     render() {
-        return (index.h(index.Host, { key: '19a1d4a4f92cd68b0a8ce59d4230c274fd49b6a1' }, index.h("div", { key: 'cbe3e72f87c56e844d81e13e14fcad4f72a46ce6', id: "qr-container", class: "qr-container", style: { width: `${this.size}px`, height: `${this.size}px` } }, index.h("img", { key: 'f8ae0cd978f6ee4293ff922893210f46a2fb2db3', id: "qr-code", class: "qr-code" }))));
+        return (index.h(index.Host, { key: '5d33fffc63f8435f8811909016ff6dd844f34ef1' }, index.h("div", { key: '8b0c863ee11da247165c8ca73aa53fb3b597c421', id: "qr-container", class: "qr-container", style: { width: `${this.size}px`, height: `${this.size}px` } }, index.h("img", { key: '700d4fd92201aee190a069cfbe89c124eb54e5c6', id: "qr-code", class: "qr-code" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -21295,10 +21301,10 @@ const CpslSelect = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h(index.Host, { key: 'fe4b4214c2e609f3a1f3195d4a28c94fe04f701f', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.selectedValue) } }, this.label && (index.h("label", { key: 'daf3c76effc973b06f1cb7cb3d76f7b429563106', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '79e50eb982e420e7323b2d7a5c9055426ba630d9', part: "select-container", id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onMouseDown: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && index.h("slot", { key: '1be525e72afa517122497928114994bada0d3222', name: "selected-item" }), index.h("div", { key: '9cb6915772ac766db42bd4e574e651d0496ad729', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (index.h("cpsl-text", { key: '012cb75ba3e6b5195b01ca813d88372ebabca96d', class: { 'selected-text': true, 'placeholder': !this.selectedValue }, part: "selected-text", color: this.selectedItemColor, variant: this.selectedItemVariant, weight: this.selectedItemWeight }, !this.selectedValue ? ((_a = this.placeholder) !== null && _a !== void 0 ? _a : 'Select') : ((_c = (_b = this.formatValue) === null || _b === void 0 ? void 0 : _b.call(this, this.selectedValue)) !== null && _c !== void 0 ? _c : this.selectedValue)))), index.h("cpsl-icon", { key: 'e7604d1ebc92380bc0f7657d703c9fd591063d10', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': Boolean(this.selectedValue) }, icon: this.icon }), index.h("input", { key: '004c282781668e14e1c92131b7f7fb408cc09b60', id: this.inputId, disabled: this.disabled, class: { disabled: this.disabled }, value: this.selectedValue, onFocus: this.onFocus, onBlur: this.onBlur, onKeyPress: this.handleEnterPress, inputmode: "none" }), index.h("cpsl-popover", { key: '2893667f478ec0ff149968ca6c96d1a9d88b8b03', part: "popover", autoWidth: this.autoWidth, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, index.h("div", { key: '4c2d1d5c0736a485ad9c2e6712b1774e1603ffa3', part: "dropdown", class: "dropdown" }, this.showSearch && (index.h("div", { key: 'fcdee1d69d693296b7f2b26fdb92437798b91e77', class: "search-container" }, index.h("cpsl-input", { key: 'bd4daffa66a6cd441e84174404fbc0190464b7d5', onClick: e => e.stopPropagation(), placeholder: (_d = this.searchPlaceholder) !== null && _d !== void 0 ? _d : 'Search', value: "", onCpslInput: e => {
+        return (index.h(index.Host, { key: '18ee14a17e722001b000f06cffbca3c2ce0b3b81', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.selectedValue) } }, this.label && (index.h("label", { key: '90644361c9fff365c5b2f0ed770882f88948a293', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '46081db36d288ac0cf8d6e3cdbed4ec9ff006871', part: "select-container", id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onMouseDown: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && index.h("slot", { key: 'aeb445c25e691629397f19dec7185dc8096f6841', name: "selected-item" }), index.h("div", { key: 'a324bdf6900b1624757a70ca0c90a662aa67bc58', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (index.h("cpsl-text", { key: '00311fbec14a1f3972c57e5c76f12814aa5d7cb9', class: { 'selected-text': true, 'placeholder': !this.selectedValue }, part: "selected-text", color: this.selectedItemColor, variant: this.selectedItemVariant, weight: this.selectedItemWeight }, !this.selectedValue ? ((_a = this.placeholder) !== null && _a !== void 0 ? _a : 'Select') : ((_c = (_b = this.formatValue) === null || _b === void 0 ? void 0 : _b.call(this, this.selectedValue)) !== null && _c !== void 0 ? _c : this.selectedValue)))), index.h("cpsl-icon", { key: 'eec3452d62100813ace27d0d978ca43aff6f4151', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': Boolean(this.selectedValue) }, icon: this.icon }), index.h("input", { key: '0c6917cd81b8d85c893220e01c6af9837ce492b4', id: this.inputId, disabled: this.disabled, class: { disabled: this.disabled }, value: this.selectedValue, onFocus: this.onFocus, onBlur: this.onBlur, onKeyPress: this.handleEnterPress, inputmode: "none" }), index.h("cpsl-popover", { key: 'dbbe7a412bd42b70c24de595cdc0ab99512370fc', part: "popover", autoWidth: this.autoWidth, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, index.h("div", { key: 'a5b300a1f2686749bec6a78c519c85398deb413b', part: "dropdown", class: "dropdown" }, this.showSearch && (index.h("div", { key: '987faeb7f94efd452418032073717c1760f9a259', class: "search-container" }, index.h("cpsl-input", { key: '8d8bb9dd29d14a3d33d0b55685fcb2e16a67c675', onClick: e => e.stopPropagation(), placeholder: (_d = this.searchPlaceholder) !== null && _d !== void 0 ? _d : 'Search', value: "", onCpslInput: e => {
                 e.stopPropagation();
                 this.cpslSearchChange.emit(e.detail.value);
-            } }))), index.h("div", { key: 'd0b509f4bd521b70566d08048b21449d045b01ce', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, index.h("slot", { key: 'b77a447bdcc9bfb2206d2ea7f1b1854536294f3a', name: "items" }))))), (this.errorText || this.helperText) && (index.h("div", { key: '5125e02005dced6cf5ea9ce6a37c4d519cab9a9a', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: 'fa4067cc98422b24bec6a1295f39e9b53ec843f7' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
+            } }))), index.h("div", { key: '223f8c6ce81b5280a66fd7bac61150384cab5c90', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, index.h("slot", { key: 'a9d0dc8cdafced60c3a06032090cd9e849ea3a04', name: "items" }))))), (this.errorText || this.helperText) && (index.h("div", { key: 'e9b5816493ec3075917e15cb80eac2c6de8d85d0', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '2484d21d5494ac58ac604c39dbdeddab12438aef' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -21458,7 +21464,7 @@ const CpslSlideButton = class {
         return this.el.shadowRoot.getElementById('end-icon');
     }
     render() {
-        return (index.h(index.Host, { key: 'c396198f7247a40fb9ca03009fdde7478e25ec57' }, index.h("div", { key: 'ffc4f665dfcf595a6e332fe5864e0194543da59d', id: "slider-container", class: "slider-container" }, index.h("div", { key: 'f2834903ec83abffd252bdbb8918f53304840f55', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: 'cb315a8ce6b822661b01ecf40d852c77fee33fa3', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: '3179fcebe1513a2fa76ef53907a5876ee93756dd', id: "slider", class: { slider: true, disabled: this.disabled } }, index.h("cpsl-icon", { key: 'fe5246cc71fd8c45578fe6e72b4da9280fda04b3', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), index.h("cpsl-icon", { key: '186789c69f11dc5f47de5daa12de414dc339d86f', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), index.h("span", { key: 'e385a9bddb2874863305a7a32e5dc89770a44bac', id: "start-text", class: { 'start-text': true, 'disabled': this.disabled } }, this.startText), index.h("span", { key: 'f2dc440ff6f3e72bba50c949cc8abcdcc4f94566', id: "end-text", class: "end-text" }, this.endText))));
+        return (index.h(index.Host, { key: '4cd2c0e88b4836325857aecea70bd262018baefd' }, index.h("div", { key: 'eee70d9571d47c07478be116c7d738f6402393d0', id: "slider-container", class: "slider-container" }, index.h("div", { key: 'aff7fd5e09a95f45b4fde7628f4c400dc7753835', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: 'fd64d833e993529e49dc9abdae1ec260c8798f0b', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: '28d0e79995492aaf436d6457e9f35a2c0881fc11', id: "slider", class: { slider: true, disabled: this.disabled } }, index.h("cpsl-icon", { key: '4f12bd968a45fea838a70b9af5523ebf02706c55', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), index.h("cpsl-icon", { key: 'a5ee6ff782cd7bf740643282aab6fdc9ed96c801', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), index.h("span", { key: '031528feaecf081c11d593ad325f677c15f11e4a', id: "start-text", class: { 'start-text': true, 'disabled': this.disabled } }, this.startText), index.h("span", { key: '9029dac9f64836ff7649b26f3ff11cba5bfa1446', id: "end-text", class: "end-text" }, this.endText))));
     }
     get el() { return index.getElement(this); }
 };
@@ -21536,7 +21542,7 @@ const CpslTab = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '028bc025620e157f36758d6af5893b5067d42e22', class: { selected: this.selected }, onClick: this.onTabClicked }, index.h("div", { key: '6158adb9c6f477fba3b00fcfcc0b1c3717b8158e', class: { 'tab-container': true } }, index.h("slot", { key: 'e95d380390aacbe7e4630c32170a0bc7c113d871', name: "start" }), index.h("div", { key: '11905c7fa6cec1dec116738aa3fa35afc960ec87', class: "content" }, index.h("slot", { key: 'b9b157aa480845a5040fdd8d84499d9e00ed9a43' })), index.h("slot", { key: '0b5cff6fa6e070254205d7367a92dbae3cec1d3a', name: "end" }))));
+        return (index.h(index.Host, { key: 'dffbcb7a246b03dd586d05152b3c53d3d5af3f87', class: { selected: this.selected }, onClick: this.onTabClicked }, index.h("div", { key: 'a9606f29660d01f66f3474d2aa2efb99f83ee569', class: { 'tab-container': true } }, index.h("slot", { key: '0974381842769333c6a5cfa94e842feec5feaf56', name: "start" }), index.h("div", { key: 'b0d17ead876fab16b55b8a3176828ca76f553ead', class: "content" }, index.h("slot", { key: '6bdb9f6706881fee90d9a0cc759e29b65eeb3113' })), index.h("slot", { key: '7c9b87600f7e4fec0509bda1a080f3116c0fbbfe', name: "end" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -21662,7 +21668,7 @@ const CpslTabs = class {
         // Get border width as a number
         const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--tabs-border-width').slice(0, -2);
         const selectedTabRect = this.selectedTabRect;
-        return (index.h(index.Host, { key: '88426913982f1fe2abeefcd1671139b2804222bd', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, index.h("div", { key: '6dea5803e0c9de3ecd8207ec636f5a25741e277e', class: "tabs-container" }, index.h("slot", { key: '4cbd63beee77016213cda4f151934a4b4cbffeb3' }), index.h("div", { key: '636d1a79183a24526b013983fa5bb0a45d55d246', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width - 8}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth}px` } }))));
+        return (index.h(index.Host, { key: '4a52ac10f673a907bde10ff86fabc15c0e8a2bf8', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, index.h("div", { key: '1473724b5b53e942082a1ba40148ba2f3595bdbd', class: "tabs-container" }, index.h("slot", { key: 'ac682db2fc58ceea90d55208b1617a90452c4f55' }), index.h("div", { key: '219d7e45a8403795f2a7fd1ba0b30833e4488691', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width - 8}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth}px` } }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -21754,7 +21760,7 @@ const CpslTileButton = class {
         this.icon = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'dabee9c05e67f923fd4d8c88eac28a8b9efed9d4' }, index.h("button", { key: '2db84264a91bf9a58dea0fc414ef27f36f3464dd', class: "button-native" }, index.h("cpsl-icon", { key: 'bf29fece3a23fefc5856deab7fc8e3b7a57ce162', exportparts: "icon", src: this.src, icon: this.icon }), index.h("slot", { key: '5ef7bcf22ddbeb498576d03813b6594554f1a10f' }))));
+        return (index.h(index.Host, { key: '5e9927f98dce681df1237a942d9e1d7fa121b607' }, index.h("button", { key: 'f555f7a1b3eafe29d67a65e014cdfd6305ffc2a4', class: "button-native" }, index.h("cpsl-icon", { key: '333bae4faf843a52c58e8b79234cb1e72a572a03', exportparts: "icon", src: this.src, icon: this.icon }), index.h("slot", { key: 'f56278acf1cc8298c7a06ecbdd8934498ed60e71' }))));
     }
 };
 CpslTileButton.style = CpslTileButtonStyle0;