@dialpad/dialtone-vue 3.199.0 → 3.200.0

package/README.md

@@ -9,10 +9,13 @@ Dialtone Vue is a library of Vue components for [Dialtone][dt]. The goal is to s
 
 ## Installation
 
-You can install the Dialtone Vue library into your project via the following commands:
+You can install the Dialtone Vue library into your project via the following command:
 
-- Vue 2: `npm install @dialpad/dialtone-css @dialpad/dialtone-vue`
-- Vue 3: `npm install @dialpad/dialtone-css @dialpad/dialtone-vue@vue3`
+```bash
+npm install @dialpad/dialtone-css @dialpad/dialtone-vue
+```
+
+> **Note:** Dialtone Vue 2 has been deprecated. Please use Dialtone Vue 3.
 
 ## Usage
 
@@ -66,22 +69,20 @@ const emojiData = getEmojiData();
 
 ## Localization (i18n)
 
-Dialtone Vue has localization capabilities built-in. 
+Dialtone Vue has localization capabilities built-in.
 It is implemented using [goblin-client-tools/i18n](https://github.com/dialpad/goblin-client-tools/tree/main/packages/i18n)
 We use [SmartLing](https://dashboard.smartling.com/) for our translation process.
 
 All the localization related files are located at [localization](./localization) folder.
 
-The original translation strings are located on `packages/dialtone-vue2/localization/*.ftl`, and symlinked to
-`packages/dialtone-vue3/localization/*.ftl` to avoid having to translate all the strings twice.
-
 Important folder contents:
-- `index.js`: Contains the main logic of the Localization. 
-- `sync-icons.js`: Syncs the icons list to the `en-US.ftl` localization strings (currently unused due to large 
+
+- `index.js`: Contains the main logic of the Localization.
+- `sync-icons.js`: Syncs the icons list to the `en-US.ftl` localization strings (currently unused due to large
   number of icons).
 - `en-US.ftl`: List of strings to translate, written with [FTL syntax](https://projectfluent.org/fluent/guide/).
-- `*.ftl`: The rest of the FTL files are the translations for the strings in `en-US.ftl`, they got updated once the 
-  translation is ready in Smartling. 
+- `*.ftl`: The rest of the FTL files are the translations for the strings in `en-US.ftl`, they got updated once the
+  translation is ready in Smartling.
 
 ### Translation process
 
@@ -93,7 +94,7 @@ The translation process is as follows:
 2. If the component doesn't already use i18n, create an instance with `i18n = new DialtoneLocalization()`
 3. Use the string to get the translation like so `i18n.$t('STRING_NAME')`
 4. Create a PR with your changes.
-5. Once merged to staging, the new strings are sent to Smartling for translation using 
+5. Once merged to staging, the new strings are sent to Smartling for translation using
 [push translations workflow](/.github/workflows/push-translations.yml)
 6. A [translation request job](https://dashboard.smartling.com/app/accounts/3a311a57/account-jobs-automation/edit-rule/2701e7c80:eaf59e9b-aaf1-45c3-834d-c9a6d4a2eee4) is run daily on Smartling.
 7. [pull translations workflow](/.github/workflows/pull-translations.yml) runs on a daily basis.
@@ -105,8 +106,8 @@ If you would like to contribute to Dialtone Vue the first step is to get the pro
 
 1. Clone the monorepo `git clone git@github.com:dialpad/dialtone.git`
 2. Install dependencies `pnpm install`
-3. Run local dev server `pnpm start:dialtone-vue2` or `pnpm start:dialtone-vue3`
-4. Visit local dev server at vue2: <http://localhost:9010/> vue3: <http://localhost:9011/>
+3. Run local dev server `nx run dialtone-vue:start`
+4. Visit local dev server at <http://localhost:9011/>
 
 Next read the more detailed contributor documentation in [CONTRIBUTING.md](.github/CONTRIBUTING.md).
 

package/dist/common/utils/index.js

@@ -1,6 +1,6 @@
 import { DEFAULT_PREFIX as R, DEFAULT_VALIDATION_MESSAGE_TYPE as S, VALIDATION_MESSAGE_TYPES as r } from "../constants/index.js";
 import { configVue2StyleClassAttrs as c } from "../config/index.js";
-import { Comment as x, Text as y, h as C } from "vue";
+import { h as x, Comment as y, Text as C } from "vue";
 let O = 0, s;
 const A = "input:not([type=hidden]):not(:disabled)", T = "select:not(:disabled),textarea:not(:disabled),button:not(:disabled)", L = `${A},${T}`, _ = `a,frame,iframe,${L},*[tabindex]`, w = typeof setImmediate == "function" ? setImmediate : setTimeout;
 function N(e = R) {
@@ -41,11 +41,11 @@ function o(e, t) {
 function ie(e) {
   return e == null ? void 0 : e.querySelector(_);
 }
-const D = (e) => C("div", { innerHTML: e.html }), F = () => new Promise((e) => {
+const D = (e) => x("div", { innerHTML: e.html }), F = () => new Promise((e) => {
   w(e);
 });
 function se(e, t = {}) {
-  return e ? e(t).some((n) => n.type === x || Array.isArray(n.children) && !n.children.length ? !1 : n.type !== y || typeof n.children == "string" && n.children.trim() !== "") : !1;
+  return e ? e(t).some((n) => n.type === y || Array.isArray(n.children) && !n.children.length ? !1 : n.type !== C || typeof n.children == "string" && n.children.trim() !== "") : !1;
 }
 const W = (e) => e == null ? void 0 : e.toLowerCase().split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(""), ce = (e) => e.replace(/\.?([A-Z0-9]+)/g, (t, n) => "-" + n.toLowerCase()).replace(/^-/, ""), P = (e) => {
   const t = Object.entries(e).filter(([n]) => n.match(/on[A-Z]/));