@ncino/web-components 10.5.4 → 12.0.0

package/dist/components/toaster/gator/toaster.gator.js

@@ -1,4 +1,4 @@
-import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as h}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import{LitElement as d}from"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{property as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{state as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{customElement as _}from"../../../utils/decorators/custom-element-decorator.js";import f from"../../../packages/web-components/src/components/toaster/gator/toaster.gator.scss.js";import g from"../../../packages/styles/dist/gator/tokens/primitive.tokens.css.js";import T from"../../../packages/styles/dist/gator/tokens/semantic.tokens.css.js";import"../../toast-container/gator/toast-container.gator.js";import{createRef as D,ref as O}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/ref.js";import{TOAST_CLOSE_DIALOG_DELAY_MS as p}from"../../toast/gator/toast-constants.js";import{unsafeCSS as u}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,l=(o,t,e,a)=>{for(var s=a>1?void 0:a?y(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(a?n(t,e,s):n(s))||s);return a&&s&&v(t,e,s),s};let i=class extends d{constructor(){super(...arguments),this.position="top-right",this.defaultToastOptions={},this._toasts=[],this._dialogOpen=!1,this._dialogRef=D(),this._closeDialogTimeout=null}addToast(o){const t=crypto.randomUUID(),e=o.duration??this.defaultToastOptions?.duration??i.defaultDuration,a=!e||e===0,s={...this.defaultToastOptions,...o,id:t,sticky:a};return this._toasts=[...this._toasts,s],this._closeDialogTimeout!==null&&(clearTimeout(this._closeDialogTimeout),this._closeDialogTimeout=null),this._dialogOpen=!0,a||setTimeout(()=>{this.removeToast(t)},e),t}removeToast(o){this._toasts=this._toasts.filter(t=>t.id!==o),this._toasts.length===0&&(this._closeDialogTimeout!==null&&clearTimeout(this._closeDialogTimeout),this._closeDialogTimeout=window.setTimeout(()=>{this._dialogOpen=!1,this._closeDialogTimeout=null},p))}clearAll(){this._toasts=[],this._closeDialogTimeout!==null&&clearTimeout(this._closeDialogTimeout),this._closeDialogTimeout=window.setTimeout(()=>{this._dialogOpen=!1,this._closeDialogTimeout=null},p)}handleToastDismiss(o){const t=o.detail.id;t&&this.removeToast(t)}updated(o){if(super.updated(o),o.has("_dialogOpen")){const t=this._dialogRef.value;if(!t)return;this._dialogOpen&&!t.open?t.show():!this._dialogOpen&&t.open&&t.close()}}disconnectedCallback(){super.disconnectedCallback(),this._closeDialogTimeout!==null&&(clearTimeout(this._closeDialogTimeout),this._closeDialogTimeout=null)}render(){return h`
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as h}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import{LitElement as d}from"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{property as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{state as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{customElement as _}from"../../../utils/decorators/custom-element-decorator.js";import f from"../../../packages/web-components/src/components/toaster/gator/toaster.gator.scss.js";import g from"../../../packages/styles/dist/tokens/primitive.tokens.css.js";import T from"../../../packages/styles/dist/tokens/semantic.tokens.css.js";import"../../toast-container/gator/toast-container.gator.js";import{createRef as D,ref as O}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/ref.js";import{TOAST_CLOSE_DIALOG_DELAY_MS as p}from"../../toast/gator/toast-constants.js";import{unsafeCSS as u}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,l=(o,t,e,a)=>{for(var s=a>1?void 0:a?y(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(a?n(t,e,s):n(s))||s);return a&&s&&v(t,e,s),s};let i=class extends d{constructor(){super(...arguments),this.position="top-right",this.defaultToastOptions={},this._toasts=[],this._dialogOpen=!1,this._dialogRef=D(),this._closeDialogTimeout=null}addToast(o){const t=crypto.randomUUID(),e=o.duration??this.defaultToastOptions?.duration??i.defaultDuration,a=!e||e===0,s={...this.defaultToastOptions,...o,id:t,sticky:a};return this._toasts=[...this._toasts,s],this._closeDialogTimeout!==null&&(clearTimeout(this._closeDialogTimeout),this._closeDialogTimeout=null),this._dialogOpen=!0,a||setTimeout(()=>{this.removeToast(t)},e),t}removeToast(o){this._toasts=this._toasts.filter(t=>t.id!==o),this._toasts.length===0&&(this._closeDialogTimeout!==null&&clearTimeout(this._closeDialogTimeout),this._closeDialogTimeout=window.setTimeout(()=>{this._dialogOpen=!1,this._closeDialogTimeout=null},p))}clearAll(){this._toasts=[],this._closeDialogTimeout!==null&&clearTimeout(this._closeDialogTimeout),this._closeDialogTimeout=window.setTimeout(()=>{this._dialogOpen=!1,this._closeDialogTimeout=null},p)}handleToastDismiss(o){const t=o.detail.id;t&&this.removeToast(t)}updated(o){if(super.updated(o),o.has("_dialogOpen")){const t=this._dialogRef.value;if(!t)return;this._dialogOpen&&!t.open?t.show():!this._dialogOpen&&t.open&&t.close()}}disconnectedCallback(){super.disconnectedCallback(),this._closeDialogTimeout!==null&&(clearTimeout(this._closeDialogTimeout),this._closeDialogTimeout=null)}render(){return h`
             <dialog
                 ${O(this._dialogRef)}
                 class="gator-toaster-dialog"

package/dist/components/tooltip/gator/tooltip.gator.js

@@ -1,4 +1,4 @@
-import{NjcTooltip as f}from"../tooltip.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as a}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import{LitElement as m}from"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{ref as u}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/ref.js";import{customElement as c}from"../../../utils/decorators/custom-element-decorator.js";import h from"../../../packages/web-components/src/components/tooltip/gator/tooltip.gator.scss.js";import g from"../../../packages/web-components/src/components/tooltip/tooltip.scss.js";import b from"../../../packages/styles/dist/gator/tokens/primitive.tokens.css.js";import d from"../../../packages/styles/dist/gator/tokens/semantic.tokens.css.js";import{autoUpdate as _,computePosition as v}from"../../../node_modules/.pnpm/@floating-ui_dom@1.7.5/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";import{unsafeCSS as i}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var O=Object.getOwnPropertyDescriptor,y=(t,o,r,l)=>{for(var e=l>1?void 0:l?O(o,r):o,n=t.length-1,p;n>=0;n--)(p=t[n])&&(e=p(e)||e);return e};let s=class extends f{render(){return a`
+import{NjcTooltip as f}from"../tooltip.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as a}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import{LitElement as m}from"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{ref as u}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/ref.js";import{customElement as c}from"../../../utils/decorators/custom-element-decorator.js";import h from"../../../packages/web-components/src/components/tooltip/gator/tooltip.gator.scss.js";import g from"../../../packages/web-components/src/components/tooltip/tooltip.scss.js";import b from"../../../packages/styles/dist/tokens/primitive.tokens.css.js";import d from"../../../packages/styles/dist/tokens/semantic.tokens.css.js";import{autoUpdate as _,computePosition as v}from"../../../node_modules/.pnpm/@floating-ui_dom@1.7.5/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";import{unsafeCSS as i}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var O=Object.getOwnPropertyDescriptor,y=(t,o,r,l)=>{for(var e=l>1?void 0:l?O(o,r):o,n=t.length-1,p;n>=0;n--)(p=t[n])&&(e=p(e)||e);return e};let s=class extends f{render(){return a`
             <div ${u(this._tooltipRef)} class="gator-tooltip ${this.nubbinPositionClass}" role="tooltip" id="${this.tooltipId}">
                 <div class="gator-tooltip-body">
                     <slot></slot>

package/dist/index.data.js

@@ -1 +1 @@
-import{formattedNaicsCodes as e}from"./utils/industry-utils.js";import{flagIconName as a,flagIconNameByDialCode as d,formattedPhoneCountryCodes as f}from"./utils/phone-utils.js";import{formattedCountriesForDropdown as n,formattedStatesForDropdown as p}from"./utils/places-utils.js";export{a as flagIconName,d as flagIconNameByDialCode,n as formattedCountriesForDropdown,e as formattedNaicsCodes,f as formattedPhoneCountryCodes,p as formattedStatesForDropdown};
+import{formattedNaicsCodes as r}from"./utils/industry-utils.js";import{dialCodeForPhoneCountryCode as n,flagIconName as a,flagIconNameByDialCode as d,flagIconNameByPhoneCountryCode as C,formattedPhoneCountryCodes as f,phoneCountryDropdownOptionMatchesQuery as m}from"./utils/phone-utils.js";import{formattedCountriesForDropdown as y,formattedStatesForDropdown as s}from"./utils/places-utils.js";export{n as dialCodeForPhoneCountryCode,a as flagIconName,d as flagIconNameByDialCode,C as flagIconNameByPhoneCountryCode,y as formattedCountriesForDropdown,r as formattedNaicsCodes,f as formattedPhoneCountryCodes,s as formattedStatesForDropdown,m as phoneCountryDropdownOptionMatchesQuery};

package/dist/types/components/input/gator/dropdown/input-dropdown.gator.d.ts

@@ -91,6 +91,10 @@ export declare class NgcInputDropdown extends NgcInputBase {
     };
     private _topLevelFocusOut;
     private get tabIndexForControl();
+    /** Flag icon for `phoneCodes`; derived from `value` each render (host-bound value is reliable here). */
+    private phoneCodesFlagIconName;
+    get shouldHaveStartMarkup(): string | undefined;
+    get startIconMarkup(): import('lit').TemplateResult<1> | null;
     firstUpdated(): void;
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
     get comboboxElement(): HTMLElement | undefined;
@@ -111,7 +115,9 @@ export declare class NgcInputDropdown extends NgcInputBase {
     private setupResizeObserver;
     removeSelection(value: string | number): void;
     get fauxInputMarkup(): import('lit').TemplateResult<1>;
-    get displayedValue(): string | number | number[] | string[];
+    get displayedValue(): string;
+    /** Combobox text: while expanded (single-select) or always for multiselect search, edit buffer is `_searchValue`. */
+    private get autocompleteEditorValue();
     get showPlaceholder(): boolean | "";
     get listboxMarkup(): import('lit').TemplateResult<1>;
     get selectAllIcon(): "checkbox-selected" | "checkbox" | "checkbox-indeterminate";

package/dist/types/components/input/gator/input-phone/input-phone.gator.d.ts

@@ -1,12 +1,25 @@
 import { Ref } from 'lit/directives/ref.js';
+import { CountryCode } from 'libphonenumber-js';
 import { NgcInputBase } from '../../base/input-base.gator.ts';
 import { NgcInputDropdown } from '../dropdown/input-dropdown.gator.ts';
 export declare class NgcInputPhone extends NgcInputBase {
     static styles: import('lit').CSSResult[];
-    countryCodeValue: string | undefined;
+    /**
+     * ISO region from the dropdown: `undefined` = never touched (use `default-country`),
+     * `null` = user cleared the field, non-empty string = explicit choice.
+     */
+    countryCodeValue: string | undefined | null;
     phoneNumberValue: string | undefined;
+    /** ISO 3166-1 alpha-2 default for the calling-code dropdown (e.g. `US`). */
+    defaultCountry?: string;
     inputContainer: Ref<HTMLDivElement>;
     dropdownContainer: Ref<NgcInputDropdown>;
+    /**
+     * ISO region for the calling-code control and libphonenumber default: explicit dropdown
+     * selection, otherwise `default-country` (normalized). Not the same as `countryCodeValue`
+     * when only a default is in effect.
+     */
+    get phoneRegionIso(): CountryCode | undefined;
     render(): import('lit').TemplateResult<1>;
     updated(): void;
     handleSelected(e: CustomEvent): void;

package/dist/types/utils/data/data-models.d.ts

@@ -48,5 +48,5 @@ export interface IPhoneCountryCode {
     name: string;
     dial_code: string;
     code: string;
-    iconOverride: string;
+    iconOverride?: string;
 }

package/dist/types/utils/phone-utils.d.ts

@@ -1,3 +1,4 @@
+/** Option values are ISO 3166-1 alpha-2 codes so shared dial codes (e.g. +1) stay distinct. */
 export declare function formattedPhoneCountryCodes(): {
     value: string;
     label: string;
@@ -9,6 +10,19 @@ export declare function formattedPhoneCountryCodes(): {
 export declare function flagIconName(code: string, name: string, iconOverride?: string): string;
 /**
  * Given a dial code (e.g., "+1"), returns its corresponding flag icon name.
- * If not found, returns an empty string so consumers can safely bind it.
+ * If several countries share the dial code, the first match in the dataset is used.
  */
 export declare function flagIconNameByDialCode(dialCode: string | undefined | null): string;
+/**
+ * Flag icon for an ISO country code (matches `formattedPhoneCountryCodes` option values).
+ */
+export declare function flagIconNameByPhoneCountryCode(isoCode: string | undefined | null): string;
+export declare function dialCodeForPhoneCountryCode(isoCode: string | undefined | null): string;
+/**
+ * Whether a phone country dropdown option matches a free-typed combobox query
+ * (label, ISO code, dial code with or without "+").
+ */
+export declare function phoneCountryDropdownOptionMatchesQuery(option: {
+    value: string | number;
+    label: string;
+}, rawQuery: string): boolean;

package/dist/utils/components/ngc-component.js

@@ -1 +1 @@
-import n from"../../packages/styles/dist/gator/tokens/primitive.tokens.css.js";import u from"../../packages/styles/dist/gator/tokens/semantic.tokens.css.js";import y from"../../packages/web-components/src/styles/_gator-utils.scss.js";import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{TestableLitElement as d}from"./testable-lit-element/testable-lit-element.js";import{AttributeDeletionMixin as v}from"../mixins/attribute-deletion.js";import{property as a}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{unsafeCSS as o}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var A=Object.defineProperty,f=(s,p,l,h)=>{for(var t=void 0,e=s.length-1,m;e>=0;e--)(m=s[e])&&(t=m(p,l,t)||t);return t&&A(p,l,t),t};const i=class i extends v(d){constructor(){super(...arguments),this.delegatesARIA=!0,this.skeleton=!1}};i.styles=[o(n),o(u),o(y)];let r=i;f([a({type:Boolean})],r.prototype,"delegatesARIA");f([a({type:Boolean})],r.prototype,"skeleton");export{r as NgcComponent};
+import n from"../../packages/styles/dist/tokens/primitive.tokens.css.js";import u from"../../packages/styles/dist/tokens/semantic.tokens.css.js";import y from"../../packages/web-components/src/styles/_gator-utils.scss.js";import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{TestableLitElement as d}from"./testable-lit-element/testable-lit-element.js";import{AttributeDeletionMixin as v}from"../mixins/attribute-deletion.js";import{property as a}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{unsafeCSS as o}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var A=Object.defineProperty,f=(s,p,l,h)=>{for(var t=void 0,e=s.length-1,m;e>=0;e--)(m=s[e])&&(t=m(p,l,t)||t);return t&&A(p,l,t),t};const i=class i extends v(d){constructor(){super(...arguments),this.delegatesARIA=!0,this.skeleton=!1}};i.styles=[o(n),o(u),o(y)];let r=i;f([a({type:Boolean})],r.prototype,"delegatesARIA");f([a({type:Boolean})],r.prototype,"skeleton");export{r as NgcComponent};

package/dist/utils/phone-utils.js

@@ -1 +1 @@
-import n from"../packages/web-components/src/utils/data/phone-country-codes.json.js";function l(){return n.map(e=>({value:e.dial_code,label:e.dial_code+" "+e.name}))}function c(o,e,r){const a=t=>t.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"");return`flag-${o.toLowerCase()}-${r??a(e)}`}function u(o){if(!o)return"";const e=n.find(r=>r.dial_code===o);return e?c(e.code,e.name,e.iconOverride):""}export{c as flagIconName,u as flagIconNameByDialCode,l as formattedPhoneCountryCodes};
+import o from"../packages/web-components/src/utils/data/phone-country-codes.json.js";function C(){return o.map(e=>({value:e.code,label:e.dial_code+" "+e.name}))}function u(r,e,t){const a=n=>n.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"");return`flag-${r.toLowerCase()}-${t??a(e)}`}function p(r){if(!r)return"";const e=o.find(t=>t.dial_code===r);return e?u(e.code,e.name,e.iconOverride):""}function m(r){if(!r)return"";const e=o.find(t=>t.code.toUpperCase()===r.toUpperCase());return e?u(e.code,e.name,e.iconOverride):""}function s(r){return r?o.find(t=>t.code.toUpperCase()===r.toUpperCase())?.dial_code??"":""}function i(r){return r.replace(/\D/g,"")}function g(r,e){const t=e.trim().toLowerCase();if(!t||r.label.toLowerCase().includes(t)||String(r.value).toLowerCase().includes(t))return!0;const n=s(String(r.value));if(!n)return!1;if(n.toLowerCase().includes(t))return!0;const c=i(t);return!!(c.length>0&&i(n).includes(c))}export{s as dialCodeForPhoneCountryCode,u as flagIconName,p as flagIconNameByDialCode,m as flagIconNameByPhoneCountryCode,C as formattedPhoneCountryCodes,g as phoneCountryDropdownOptionMatchesQuery};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ncino/web-components",
   "author": "nCino",
-  "version": "10.5.4",
+  "version": "12.0.0",
   "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -100,10 +100,10 @@
     "vite-plugin-static-copy": "^3.3.0",
     "vitest": "^4.1.0",
     "yaml-eslint-parser": "^2.0.0",
-    "@ncino/styles": "10.5.4"
+    "@ncino/styles": "12.0.0"
   },
   "peerDependencies": {
-    "@ncino/styles": "10.5.4"
+    "@ncino/styles": "12.0.0"
   },
   "bugs": {
     "url": "https://github.com/ncino/force-sdk-web-components/issues"

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ncino/web-components",
-  "version": "10.5.3",
+  "version": "11.0.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -5033,6 +5033,8 @@
               { "name": "inputRef", "type": "Ref<HTMLInputElement>" },
               { "name": "listboxMessageRef", "type": "Ref<HTMLElement>" },
               { "name": "controlClasses" },
+              { "name": "shouldHaveStartMarkup" },
+              { "name": "startIconMarkup" },
               { "name": "comboboxElement", "type": "HTMLElement | undefined" },
               { "name": "inputMarkup" },
               { "name": "multiselectLabel" },
@@ -5057,9 +5059,7 @@
               { "name": "renderedEndIcon" },
               { "name": "clearIconButtonMarkup" },
               { "name": "controlRef", "type": "Ref<HTMLDivElement>" },
-              { "name": "shouldHaveStartMarkup" },
               { "name": "shouldHaveEndMarkup" },
-              { "name": "startIconMarkup" },
               { "name": "startIconId" },
               { "name": "labelMarkup" },
               { "name": "labelId" },
@@ -5111,6 +5111,11 @@
           "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "default-country",
+              "description": "ISO 3166-1 alpha-2 default for the calling-code dropdown (e.g. `US`).",
+              "value": { "type": "string | undefined" }
+            },
             { "name": "id", "value": { "type": "string", "default": "''" } },
             {
               "name": "required",
@@ -5199,10 +5204,24 @@
           ],
           "js": {
             "properties": [
-              { "name": "countryCodeValue", "type": "string | undefined" },
+              {
+                "name": "countryCodeValue",
+                "description": "ISO region from the dropdown: `undefined` = never touched (use `default-country`),\n`null` = user cleared the field, non-empty string = explicit choice.",
+                "type": "string | undefined | null"
+              },
               { "name": "phoneNumberValue", "type": "string | undefined" },
+              {
+                "name": "defaultCountry",
+                "description": "ISO 3166-1 alpha-2 default for the calling-code dropdown (e.g. `US`).",
+                "type": "string | undefined"
+              },
               { "name": "inputContainer", "type": "Ref<HTMLDivElement>" },
               { "name": "dropdownContainer", "type": "Ref<NgcInputDropdown>" },
+              {
+                "name": "phoneRegionIso",
+                "description": "ISO region for the calling-code control and libphonenumber default: explicit dropdown\nselection, otherwise `default-country` (normalized). Not the same as `countryCodeValue`\nwhen only a default is in effect.",
+                "type": "CountryCode | undefined"
+              },
               { "name": "slotLabelMarkup" },
               { "name": "controlRef", "type": "Ref<HTMLDivElement>" },
               { "name": "shouldHaveStartMarkup" },