@vonage/vivid 5.8.0 → 5.10.0

package/country/index.js

@@ -0,0 +1,317 @@
+import { V as u, a as t, h as d, c as m, d as C } from "../bundled/vivid-element.js";
+import { I as y, i as N } from "../bundled/definition2.js";
+import { w as g } from "../bundled/when.js";
+const F = ":host{display:inline-flex}.base{display:inline-flex;align-items:center;column-gap:8px}.icon{display:inline-flex;align-items:center}.icon vwc-icon{flex-shrink:0;block-size:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)));inline-size:auto}.icon ::slotted(*){display:block;border-radius:2px;block-size:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)));inline-size:auto;object-fit:contain}.text{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}", f = [
+  { code: "AF", countryCode: "+93", iconFlagName: "flag-afghanistan" },
+  { code: "AL", countryCode: "+355", iconFlagName: "flag-albania" },
+  { code: "DZ", countryCode: "+213", iconFlagName: "flag-algeria" },
+  { code: "AS", countryCode: "+1", iconFlagName: "" },
+  { code: "AD", countryCode: "+376", iconFlagName: "" },
+  { code: "AO", countryCode: "+244", iconFlagName: "" },
+  { code: "AI", countryCode: "+43", iconFlagName: "" },
+  { code: "AG", countryCode: "+1", iconFlagName: "" },
+  { code: "AR", countryCode: "+54", iconFlagName: "flag-argentina" },
+  { code: "AM", countryCode: "+374", iconFlagName: "flag-armenia" },
+  { code: "AW", countryCode: "+297", iconFlagName: "flag-aruba" },
+  { code: "AU", countryCode: "+61", iconFlagName: "flag-australia" },
+  { code: "AT", countryCode: "+43", iconFlagName: "flag-austria" },
+  { code: "AZ", countryCode: "+994", iconFlagName: "" },
+  { code: "BS", countryCode: "+1", iconFlagName: "flag-bahamas" },
+  { code: "BH", countryCode: "+973", iconFlagName: "flag-bahrain" },
+  { code: "BD", countryCode: "+880", iconFlagName: "flag-bangladesh" },
+  { code: "BB", countryCode: "+1", iconFlagName: "" },
+  { code: "BY", countryCode: "+375", iconFlagName: "flag-belarus" },
+  { code: "BE", countryCode: "+32", iconFlagName: "flag-belgium" },
+  { code: "BZ", countryCode: "+501", iconFlagName: "" },
+  { code: "BJ", countryCode: "+229", iconFlagName: "flag-benin" },
+  { code: "BM", countryCode: "+1", iconFlagName: "" },
+  { code: "BT", countryCode: "+975", iconFlagName: "" },
+  { code: "BO", countryCode: "+591", iconFlagName: "flag-bolivia" },
+  { code: "BA", countryCode: "+387", iconFlagName: "" },
+  { code: "BW", countryCode: "+267", iconFlagName: "flag-botswana" },
+  { code: "BR", countryCode: "+55", iconFlagName: "flag-brazil" },
+  { code: "IO", countryCode: "+246", iconFlagName: "" },
+  { code: "VG", countryCode: "+1", iconFlagName: "" },
+  { code: "VI", countryCode: "+1", iconFlagName: "" },
+  { code: "BN", countryCode: "+673", iconFlagName: "" },
+  { code: "BG", countryCode: "+359", iconFlagName: "flag-bulgaria" },
+  { code: "BF", countryCode: "+226", iconFlagName: "flag-burkina-faso" },
+  { code: "BI", countryCode: "+257", iconFlagName: "" },
+  { code: "KH", countryCode: "+855", iconFlagName: "flag-cambodia" },
+  { code: "CM", countryCode: "+237", iconFlagName: "" },
+  { code: "CA", countryCode: "+1", iconFlagName: "flag-canada" },
+  { code: "CV", countryCode: "+238", iconFlagName: "" },
+  { code: "KY", countryCode: "+1", iconFlagName: "flag-cayman-islands" },
+  {
+    code: "CF",
+    countryCode: "+236",
+    iconFlagName: "flag-central-african-republic"
+  },
+  {
+    code: "CF",
+    countryCode: "+236",
+    iconFlagName: "flag-central-african-republic"
+  },
+  { code: "CL", countryCode: "+56", iconFlagName: "flag-chile" },
+  { code: "CN", countryCode: "+86", iconFlagName: "flag-china" },
+  { code: "CO", countryCode: "+57", iconFlagName: "flag-colombia" },
+  { code: "KM", countryCode: "+269", iconFlagName: "" },
+  { code: "CG", countryCode: "+242", iconFlagName: "" },
+  { code: "CD", countryCode: "+243", iconFlagName: "" },
+  { code: "CK", countryCode: "+682", iconFlagName: "" },
+  { code: "CR", countryCode: "+506", iconFlagName: "flag-costa-rica" },
+  { code: "HR", countryCode: "+385", iconFlagName: "flag-croatia" },
+  { code: "CU", countryCode: "+53", iconFlagName: "" },
+  { code: "CU", countryCode: "+53", iconFlagName: "" },
+  { code: "CY", countryCode: "+357", iconFlagName: "flag-cyprus" },
+  { code: "CZ", countryCode: "+420", iconFlagName: "flag-czech-republic" },
+  { code: "DK", countryCode: "+45", iconFlagName: "flag-denmark" },
+  { code: "DJ", countryCode: "+253", iconFlagName: "" },
+  { code: "DM", countryCode: "+1", iconFlagName: "" },
+  { code: "DO", countryCode: "+1", iconFlagName: "flag-dominican-republic" },
+  { code: "EC", countryCode: "+593", iconFlagName: "" },
+  { code: "EG", countryCode: "+20", iconFlagName: "flag-egypt" },
+  { code: "SV", countryCode: "+503", iconFlagName: "flag-el-salvador" },
+  { code: "GQ", countryCode: "+240", iconFlagName: "" },
+  { code: "ER", countryCode: "+291", iconFlagName: "" },
+  { code: "EE", countryCode: "+372", iconFlagName: "flag-estonia" },
+  { code: "ET", countryCode: "+251", iconFlagName: "" },
+  { code: "FK", countryCode: "+500", iconFlagName: "" },
+  { code: "FO", countryCode: "+298", iconFlagName: "" },
+  { code: "FJ", countryCode: "+679", iconFlagName: "" },
+  { code: "FI", countryCode: "+358", iconFlagName: "flag-finland" },
+  { code: "FR", countryCode: "+33", iconFlagName: "flag-france" },
+  { code: "GF", countryCode: "+594", iconFlagName: "" },
+  { code: "PF", countryCode: "+689", iconFlagName: "" },
+  { code: "GA", countryCode: "+241", iconFlagName: "" },
+  { code: "GM", countryCode: "+220", iconFlagName: "" },
+  { code: "GE", countryCode: "+995", iconFlagName: "flag-georgia" },
+  { code: "DE", countryCode: "+49", iconFlagName: "flag-germany" },
+  { code: "GH", countryCode: "+233", iconFlagName: "flag-ghana" },
+  { code: "GI", countryCode: "+350", iconFlagName: "" },
+  { code: "GR", countryCode: "+30", iconFlagName: "flag-greece" },
+  { code: "GL", countryCode: "+299", iconFlagName: "" },
+  { code: "GD", countryCode: "+1", iconFlagName: "flag-grenada" },
+  { code: "GP", countryCode: "+590", iconFlagName: "" },
+  { code: "GU", countryCode: "+1", iconFlagName: "" },
+  { code: "GT", countryCode: "+502", iconFlagName: "flag-guatemala" },
+  { code: "GN", countryCode: "+224", iconFlagName: "" },
+  { code: "GW", countryCode: "+245", iconFlagName: "" },
+  { code: "GY", countryCode: "+592", iconFlagName: "" },
+  { code: "HT", countryCode: "+509", iconFlagName: "" },
+  { code: "VA", countryCode: "+39", iconFlagName: "" },
+  { code: "HN", countryCode: "+504", iconFlagName: "flag-honduras" },
+  { code: "HK", countryCode: "+852", iconFlagName: "flag-hong-kong" },
+  { code: "HU", countryCode: "+36", iconFlagName: "flag-hungary" },
+  { code: "IS", countryCode: "+354", iconFlagName: "flag-iceland" },
+  { code: "IN", countryCode: "+91", iconFlagName: "flag-india" },
+  { code: "ID", countryCode: "+62", iconFlagName: "flag-indonesia" },
+  { code: "CI", countryCode: "+225", iconFlagName: "" },
+  { code: "IR", countryCode: "+98", iconFlagName: "" },
+  { code: "IQ", countryCode: "+964", iconFlagName: "" },
+  { code: "IE", countryCode: "+353", iconFlagName: "flag-ireland" },
+  { code: "IL", countryCode: "+972", iconFlagName: "flag-israel" },
+  { code: "IT", countryCode: "+39", iconFlagName: "flag-italy" },
+  { code: "JM", countryCode: "+1", iconFlagName: "flag-jamaica" },
+  { code: "JP", countryCode: "+81", iconFlagName: "flag-japan" },
+  { code: "JO", countryCode: "+962", iconFlagName: "" },
+  { code: "KZ", countryCode: "+7", iconFlagName: "" },
+  { code: "KE", countryCode: "+254", iconFlagName: "" },
+  { code: "KI", countryCode: "+686", iconFlagName: "" },
+  { code: "KW", countryCode: "+965", iconFlagName: "" },
+  { code: "KG", countryCode: "+996", iconFlagName: "" },
+  { code: "LA", countryCode: "+856", iconFlagName: "" },
+  { code: "LV", countryCode: "+371", iconFlagName: "flag-latvia" },
+  { code: "LB", countryCode: "+961", iconFlagName: "" },
+  { code: "LS", countryCode: "+266", iconFlagName: "" },
+  { code: "LR", countryCode: "+231", iconFlagName: "" },
+  { code: "LY", countryCode: "+218", iconFlagName: "" },
+  { code: "LI", countryCode: "+423", iconFlagName: "flag-liechtenstein" },
+  { code: "LT", countryCode: "+370", iconFlagName: "flag-lithuania" },
+  { code: "LU", countryCode: "+352", iconFlagName: "flag-luxembourg" },
+  { code: "MO", countryCode: "+853", iconFlagName: "flag-macao" },
+  { code: "MK", countryCode: "+389", iconFlagName: "" },
+  { code: "MG", countryCode: "+261", iconFlagName: "" },
+  { code: "MW", countryCode: "+265", iconFlagName: "" },
+  { code: "MY", countryCode: "+60", iconFlagName: "flag-malaysia" },
+  { code: "MV", countryCode: "+960", iconFlagName: "" },
+  { code: "ML", countryCode: "+223", iconFlagName: "" },
+  { code: "MT", countryCode: "+356", iconFlagName: "flag-malta" },
+  { code: "MH", countryCode: "+692", iconFlagName: "" },
+  { code: "MQ", countryCode: "+596", iconFlagName: "" },
+  { code: "MR", countryCode: "+222", iconFlagName: "" },
+  { code: "MU", countryCode: "+230", iconFlagName: "flag-mauritius" },
+  { code: "YT", countryCode: "+262", iconFlagName: "" },
+  { code: "MX", countryCode: "+52", iconFlagName: "flag-mexico" },
+  { code: "FM", countryCode: "+691", iconFlagName: "" },
+  { code: "MD", countryCode: "+373", iconFlagName: "flag-moldova" },
+  { code: "MC", countryCode: "+377", iconFlagName: "" },
+  { code: "MN", countryCode: "+976", iconFlagName: "" },
+  { code: "ME", countryCode: "+382", iconFlagName: "" },
+  { code: "MS", countryCode: "+1", iconFlagName: "" },
+  { code: "MA", countryCode: "+212", iconFlagName: "" },
+  { code: "MZ", countryCode: "+258", iconFlagName: "" },
+  { code: "MM", countryCode: "+95", iconFlagName: "" },
+  { code: "NA", countryCode: "+264", iconFlagName: "" },
+  { code: "NR", countryCode: "+674", iconFlagName: "" },
+  { code: "NP", countryCode: "+977", iconFlagName: "" },
+  { code: "NL", countryCode: "+31", iconFlagName: "flag-netherlands" },
+  { code: "NC", countryCode: "+687", iconFlagName: "" },
+  { code: "NZ", countryCode: "+64", iconFlagName: "flag-new-zealand" },
+  { code: "NI", countryCode: "+505", iconFlagName: "" },
+  { code: "NE", countryCode: "+227", iconFlagName: "" },
+  { code: "NG", countryCode: "+234", iconFlagName: "flag-nigeria" },
+  { code: "NU", countryCode: "+683", iconFlagName: "" },
+  { code: "NF", countryCode: "+672", iconFlagName: "" },
+  { code: "KP", countryCode: "+850", iconFlagName: "" },
+  { code: "MP", countryCode: "+1", iconFlagName: "" },
+  { code: "NO", countryCode: "+47", iconFlagName: "flag-norway" },
+  { code: "OM", countryCode: "+968", iconFlagName: "" },
+  { code: "PK", countryCode: "+92", iconFlagName: "flag-pakistan" },
+  { code: "PW", countryCode: "+680", iconFlagName: "" },
+  { code: "PS", countryCode: "+970", iconFlagName: "" },
+  { code: "PA", countryCode: "+507", iconFlagName: "flag-panama" },
+  { code: "PG", countryCode: "+675", iconFlagName: "" },
+  { code: "PY", countryCode: "+595", iconFlagName: "" },
+  { code: "PE", countryCode: "+51", iconFlagName: "flag-peru" },
+  { code: "PH", countryCode: "+63", iconFlagName: "flag-philippines" },
+  { code: "PL", countryCode: "+48", iconFlagName: "flag-poland" },
+  { code: "PT", countryCode: "+351", iconFlagName: "flag-portugal" },
+  { code: "PR", countryCode: "+1", iconFlagName: "flag-puertorico" },
+  { code: "QA", countryCode: "+974", iconFlagName: "" },
+  { code: "XK", countryCode: "+381", iconFlagName: "" },
+  { code: "RE", countryCode: "+262", iconFlagName: "" },
+  { code: "RO", countryCode: "+40", iconFlagName: "flag-romania" },
+  { code: "RU", countryCode: "+7", iconFlagName: "flag-russia" },
+  { code: "RW", countryCode: "+250", iconFlagName: "flag-rwanda" },
+  { code: "BL", countryCode: "+590", iconFlagName: "" },
+  { code: "SH", countryCode: "+290", iconFlagName: "" },
+  { code: "KN", countryCode: "+1", iconFlagName: "" },
+  { code: "LC", countryCode: "+1", iconFlagName: "" },
+  { code: "MF", countryCode: "+590", iconFlagName: "" },
+  { code: "PM", countryCode: "+508", iconFlagName: "" },
+  { code: "VC", countryCode: "+1", iconFlagName: "" },
+  { code: "WS", countryCode: "+685", iconFlagName: "" },
+  { code: "SM", countryCode: "+378", iconFlagName: "" },
+  { code: "ST", countryCode: "+239", iconFlagName: "" },
+  { code: "SA", countryCode: "+966", iconFlagName: "flag-saudi-arabia" },
+  { code: "SN", countryCode: "+221", iconFlagName: "" },
+  { code: "RS", countryCode: "+381", iconFlagName: "flag-serbia" },
+  { code: "SC", countryCode: "+248", iconFlagName: "" },
+  { code: "SL", countryCode: "+232", iconFlagName: "" },
+  { code: "SG", countryCode: "+65", iconFlagName: "flag-singapore" },
+  { code: "SG", countryCode: "+65", iconFlagName: "flag-singapore" },
+  { code: "SK", countryCode: "+421", iconFlagName: "flag-slovakia" },
+  { code: "SI", countryCode: "+386", iconFlagName: "flag-slovenia" },
+  { code: "SB", countryCode: "+677", iconFlagName: "" },
+  { code: "SO", countryCode: "+252", iconFlagName: "" },
+  { code: "ZA", countryCode: "+27", iconFlagName: "flag-south-africa" },
+  { code: "KR", countryCode: "+82", iconFlagName: "flag-south-korea" },
+  { code: "ES", countryCode: "+34", iconFlagName: "flag-spain" },
+  { code: "LK", countryCode: "+94", iconFlagName: "flag-sri-lanka" },
+  { code: "SD", countryCode: "+249", iconFlagName: "" },
+  { code: "SR", countryCode: "+597", iconFlagName: "" },
+  { code: "SZ", countryCode: "+268", iconFlagName: "" },
+  { code: "SE", countryCode: "+46", iconFlagName: "flag-sweden" },
+  { code: "CH", countryCode: "+41", iconFlagName: "flag-switzerland" },
+  { code: "SY", countryCode: "+963", iconFlagName: "" },
+  { code: "TW", countryCode: "+886", iconFlagName: "flag-taiwan" },
+  { code: "TJ", countryCode: "+992", iconFlagName: "flag-tajikistan" },
+  { code: "TZ", countryCode: "+255", iconFlagName: "flag-tanzania" },
+  { code: "TH", countryCode: "+66", iconFlagName: "flag-thailand" },
+  { code: "TL", countryCode: "+670", iconFlagName: "" },
+  { code: "TG", countryCode: "+228", iconFlagName: "" },
+  { code: "TK", countryCode: "+690", iconFlagName: "" },
+  { code: "TO", countryCode: "+676", iconFlagName: "" },
+  { code: "TT", countryCode: "+1", iconFlagName: "flag-trinidad-and-tobago" },
+  { code: "TN", countryCode: "+216", iconFlagName: "" },
+  { code: "TR", countryCode: "+90", iconFlagName: "flag-turkey" },
+  { code: "TM", countryCode: "+993", iconFlagName: "" },
+  { code: "TC", countryCode: "+1", iconFlagName: "" },
+  { code: "TV", countryCode: "+688", iconFlagName: "" },
+  { code: "UG", countryCode: "+256", iconFlagName: "" },
+  { code: "UA", countryCode: "+380", iconFlagName: "flag-ukraine" },
+  {
+    code: "AE",
+    countryCode: "+971",
+    iconFlagName: "flag-united-arab-emirates"
+  },
+  { code: "GB", countryCode: "+44", iconFlagName: "flag-united-kingdom" },
+  { code: "UK", countryCode: "+44", iconFlagName: "flag-united-kingdom" },
+  { code: "US", countryCode: "+1", iconFlagName: "flag-united-states" },
+  { code: "UY", countryCode: "+598", iconFlagName: "flag-uruguay" },
+  { code: "UZ", countryCode: "+998", iconFlagName: "flag-uzbekistan" },
+  { code: "VU", countryCode: "+678", iconFlagName: "" },
+  { code: "VE", countryCode: "+58", iconFlagName: "flag-venezuela" },
+  { code: "VN", countryCode: "+84", iconFlagName: "flag-vietnam" },
+  { code: "WF", countryCode: "+681", iconFlagName: "" },
+  { code: "WF", countryCode: "+681", iconFlagName: "" },
+  { code: "YE", countryCode: "+967", iconFlagName: "" },
+  { code: "ZM", countryCode: "+260", iconFlagName: "flag-zambia" },
+  { code: "ZW", countryCode: "+263", iconFlagName: "" }
+], s = new Map(
+  f.map((e) => [e.code, e])
+);
+function p(e) {
+  if (!e || typeof e != "string")
+    return;
+  const a = s.get(
+    e.trim().toUpperCase()
+  )?.iconFlagName;
+  return a && a.length > 0 ? a : void 0;
+}
+var b = Object.defineProperty, r = (e, a, o, h) => {
+  for (var c = void 0, n = e.length - 1, i; n >= 0; n--)
+    (i = e[n]) && (c = i(a, o, c) || c);
+  return c && b(a, o, c), c;
+};
+class l extends u {
+  /** @internal */
+  get flagIconName() {
+    return p(this.code);
+  }
+  /** @internal */
+  get displayText() {
+    const a = this.label?.trim();
+    if (a)
+      return a;
+    const o = this.code?.trim();
+    return o ? o.toUpperCase() : void 0;
+  }
+}
+r([
+  t
+], l.prototype, "code");
+r([
+  t
+], l.prototype, "label");
+const M = (e) => {
+  const a = e.tagFor(y);
+  return d`
+		<div class="base">
+			<slot name="icon" class="icon">
+				${g(
+    (o) => o.flagIconName,
+    d`<${a}
+						size="-4"
+						name="${(o) => o.flagIconName}"
+						aria-hidden="true"
+					></${a}>`
+  )}
+			</slot>
+			${g(
+    (o) => o.displayText,
+    d`<span class="text">${(o) => o.displayText}</span>`
+  )}
+		</div>
+	`;
+}, v = C(
+  "country",
+  l,
+  M,
+  [N],
+  {
+    styles: F
+  }
+), T = m(v);
+T();