@smart-webcomponents-angular/phoneinput 10.3.4

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@smart-webcomponents-angular/phoneinput",
+  "version": "10.3.4",
+   "preferGlobal": true,
+  "keywords": [
+      "angular",
+      "angular phoneinput",
+      "angular 11 phoneinput",
+      "angular 12 phoneinput",
+      "angular 13 phoneinput",
+      "angular 14 phoneinput",
+      "angular 15 phoneinput",
+      "phoneinput",
+      "angular phoneinput component",
+      "phoneinput for angular",
+      "phoneinput ui component for angular",	
+      "phoneinput material component for angular",
+      "angular material phoneinput",
+      "angular material phoneinput component",	
+      "angular material ui phoneinput component"	
+  ],
+  "dependencies": {
+    "@angular/cdk": "^11.0.0 || ^12.0.0-0",
+    "@angular/elements": "^11.0.0 || ^12.0.0-0"
+ },
+  "devDependencies": {
+    "@angular/animations": "^11.0.0",
+    "@angular/common": "^11.0.0 || ^12.0.0-0",
+    "@angular/compiler": "^11.0.0 || ^12.0.0-0",
+    "@angular/cdk": "^11.0.0 || ^12.0.0-0",
+    "@angular/core": "^11.0.0 || ^12.0.0-0",
+    "@angular/forms": "^11.0.0 || ^12.0.0-0",
+    "@angular/platform-browser": "^11.0.0 || ^12.0.0-0",
+    "core-js": "^2.6.9",
+    "rxjs": "^6.5.3",
+    "systemjs": "0.19.43",
+    "tslib": "^1.10.0",
+    "zone.js": "~0.10.2",
+    "@angular-devkit/core": "^11.0.0 || ^12.0.0-0",
+    "@angular-devkit/schematics": "^11.0.0 || ^12.0.0-0",
+    "@angular/bazel": "^11.0.0 || ^12.0.0-0",
+    "@angular/compiler-cli": "^11.0.0 || ^12.0.0-0",
+    "@angular/platform-browser-dynamic": "^11.0.0 || ^12.0.0-0",
+    "@angular/platform-server": "^11.0.0 || ^12.0.0-0",
+    "@angular/router": "^11.0.0 || ^12.0.0-0",
+    "typescript": "~4.1.0"
+  },  
+  "author": "jQWidgets <support@jqwidgets.com> (https://www.htmlelements.com/)",
+  "license": "SEE LICENSE IN https://www.htmlelements.com/license/",
+  "homepage": "https://www.htmlelements.com/",
+  "description": "[![Price](https://img.shields.io/badge/price-COMMERCIAL-0098f7.svg)](https://jqwidgets.com/license/)",
+  "main": "./bundles/smart-webcomponents-angular-phoneinput.umd.js",
+  "module": "./fesm2015/smart-webcomponents-angular-phoneinput.js",
+  "es2015": "./fesm2015/smart-webcomponents-angular-phoneinput.js",
+  "esm2015": "./esm2015/phoneinput/smart-webcomponents-angular-phoneinput.js",
+  "fesm2015": "./fesm2015/smart-webcomponents-angular-phoneinput.js",
+  "typings": "./phoneinput/smart-webcomponents-angular-phoneinput.d.ts",
+  "metadata": "./phoneinput/smart-webcomponents-angular-phoneinput.metadata.json",
+  "sideEffects": false,
+  "scripts": {
+    "start": "node start.js",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}

package/phoneinput/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './smart.phoneinput';
+export * from './smart.phoneinput.module';

package/phoneinput/smart-webcomponents-angular-phoneinput.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+export { BaseElement as ɵa } from './smart.element';

package/phoneinput/smart-webcomponents-angular-phoneinput.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"exports":[{"export":[{"name":"DropDownButtonPosition","as":"DropDownButtonPosition"},{"name":"ElementRenderMode","as":"ElementRenderMode"},{"name":"PhoneInput","as":"PhoneInput"}],"from":"../index"}],"metadata":{"ɵa":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":12,"character":21}]}],"onCreate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":5}}]}],"onReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":5}}]}],"onAttach":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"onDetach":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"addEventListener":[{"__symbolic":"method"}],"removeEventListener":[{"__symbolic":"method"}],"dispatchEvent":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"locale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":2}}]}],"localizeFormatFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":2}}]}],"messages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":2}}]}],"rightToLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":2}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":2}}]}]}},"PhoneInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":17,"character":1},"arguments":[{"selector":"smart-phone-input, [smart-phone-input]","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":12,"character":13},"useExisting":{"__symbolic":"reference","name":"PhoneInputComponent"},"multi":true}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"PhoneInput"}]}]}],"createComponent":[{"__symbolic":"method"}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":2}}]}],"dropDownClassList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":2}}]}],"dropDownButtonPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":2}}]}],"dropDownHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":2}}]}],"dropDownWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":2}}]}],"messages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":2}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":2}}]}],"nationalMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":2}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":2}}]}],"onlyCountries":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":2}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":2}}]}],"selectedCountry":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":2}}]}],"rightToLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":2}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":2}}]}],"unfocusable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":2}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":2}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":205,"character":2}}]}],"onChanging":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":212,"character":2}}]}],"onItemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":220,"character":2}}]}],"close":[{"__symbolic":"method"}],"ensureVisible":[{"__symbolic":"method"}],"getNumber":[{"__symbolic":"method"}],"getItemByDialCode":[{"__symbolic":"method"}],"getSelectedItem":[{"__symbolic":"method"}],"isValidNumber":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"listen":[{"__symbolic":"method"}],"unlisten":[{"__symbolic":"method"}]}},"Smart":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"window"},"member":"Smart"},"PhoneInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PhoneInputComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":7,"character":11}],"exports":[{"__symbolic":"reference","name":"PhoneInputComponent"}]}]}],"members":{}}},"origins":{"ɵa":"./smart.element","PhoneInputComponent":"./smart.phoneinput","Smart":"./smart.element","PhoneInputModule":"./smart.phoneinput.module"},"importAs":"smart-webcomponents-angular/phoneinput"}

package/phoneinput/smart.element.d.ts

@@ -0,0 +1,36 @@
+declare global {
+    interface Window {
+        Smart: any;
+    }
+}
+import { ElementRef, EventEmitter } from '@angular/core';
+export declare class BaseElement {
+    constructor(ref: ElementRef);
+    onCreate: EventEmitter<any>;
+    onReady: EventEmitter<any>;
+    onAttach: EventEmitter<any>;
+    onDetach: EventEmitter<any>;
+    nativeElement: any;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    dispatchEvent(event: Event): boolean;
+    blur(): void;
+    click(): void;
+    focus(options?: FocusOptions): void;
+    /** @description Sets or gets the language. Used in conjunction with the property messages.  */
+    get locale(): string;
+    set locale(value: string);
+    /** @description Callback used to customize the format of the messages that are returned from the Localization Module. */
+    get localizeFormatFunction(): any;
+    set localizeFormatFunction(value: any);
+    /** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */
+    get messages(): any;
+    set messages(value: any);
+    /** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */
+    get rightToLeft(): boolean;
+    set rightToLeft(value: boolean);
+    /** @description Determines the theme. Theme defines the look of the element */
+    get theme(): string;
+    set theme(value: string);
+}
+export declare const Smart: any;

package/phoneinput/smart.phoneinput.d.ts

@@ -0,0 +1,144 @@
+import { PhoneInput } from './../index';
+import { DropDownButtonPosition } from './../index';
+import { AfterViewInit, ElementRef, OnInit, OnChanges, OnDestroy, SimpleChanges, EventEmitter } from '@angular/core';
+import { BaseElement } from './smart.element';
+export { DropDownButtonPosition, ElementRenderMode } from './../index';
+export { Smart } from './smart.element';
+export { PhoneInput } from './../index';
+import { ControlValueAccessor } from '@angular/forms';
+export declare class PhoneInputComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges, ControlValueAccessor {
+    constructor(ref: ElementRef<PhoneInput>);
+    private eventHandlers;
+    nativeElement: PhoneInput;
+    /** @description Creates the component on demand.
+     * @param properties An optional object of properties, which will be added to the template binded ones.
+     */
+    createComponent(properties?: {}): any;
+    /**
+    * @description
+    * The registered callback function called when a change event occurs on the form elements.
+    */
+    _onChange: (value: any) => void;
+    /**
+    * @description
+    * The registered callback function called when a blur event occurs on the form elements.
+    */
+    _onTouched: () => any;
+    /** @description Enables or disables the element. */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /** @description Sets additional class names to the Input drop down. */
+    get dropDownClassList(): any;
+    set dropDownClassList(value: any);
+    /** @description Determines the position of the drop down button. */
+    get dropDownButtonPosition(): DropDownButtonPosition;
+    set dropDownButtonPosition(value: DropDownButtonPosition);
+    /** @description Sets the height of the drop down. By default it's set to an empty string. In this case the height of the drop down is controlled by a CSS variable. */
+    get dropDownHeight(): string | number;
+    set dropDownHeight(value: string | number);
+    /** @description Sets the width of the drop down. By default it's set to an empty string. In this case the width of the drop down is controlled by a CSS variable. */
+    get dropDownWidth(): string | number;
+    set dropDownWidth(value: string | number);
+    /** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */
+    get messages(): any;
+    set messages(value: any);
+    /** @description Sets or gets the name attribute for the element. Name is used when submiting data inside an HTML form. */
+    get name(): string;
+    set name(value: string);
+    /** @description Determines whether the input will be in international or national mode i.e whether the input will start with '+'. */
+    get nationalMode(): boolean;
+    set nationalMode(value: boolean);
+    /** @description Determines whether the drop down is opened or not. */
+    get opened(): boolean;
+    set opened(value: boolean);
+    /** @description Sets or gets an array of country codes which will be used instead of the default one with all countries. The country code should be ISO 3166-1 alpha-2 codes(https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2). */
+    get onlyCountries(): any;
+    set onlyCountries(value: any);
+    /** @description Determines the placeholder of the input. */
+    get placeholder(): string;
+    set placeholder(value: string);
+    /** @description Sets or gets the selected country of the element. The country code should be ISO 3166-1 alpha-2 codes(https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2). */
+    get selectedCountry(): string;
+    set selectedCountry(value: string);
+    /** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */
+    get rightToLeft(): boolean;
+    set rightToLeft(value: boolean);
+    /** @description Determines the theme for the element. Themes define the look of the elements. */
+    get theme(): string;
+    set theme(value: string);
+    /** @description If is set to true, the element cannot be focused. */
+    get unfocusable(): boolean;
+    set unfocusable(value: boolean);
+    /** @description Sets or gets the value of the element. */
+    get value(): string;
+    set value(value: string);
+    /** @description This event is triggered when the selection is changed.
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	label, 	oldLabel, 	oldValue, 	value)
+    *   label - The label of the new selected item.
+    *   oldLabel - The label of the item that was previously selected before the event was triggered.
+    *   oldValue - The value of the item that was previously selected before the event was triggered.
+    *   value - The value of the new selected item.
+    */
+    onChange: EventEmitter<CustomEvent>;
+    /** @description This event is triggered on each key up event of the Input, if the value is changed.
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	oldValue, 	value)
+    *   oldValue - The previous value before it was changed.
+    *   value - The new value.
+    */
+    onChanging: EventEmitter<CustomEvent>;
+    /** @description This event is triggered when the user clicks on an item from the popup list.
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	item, 	label, 	value)
+    *   item - The item that was clicked.
+    *   label - The label of the item that was clicked.
+    *   value - The value of the item that was clicked.
+    */
+    onItemClick: EventEmitter<CustomEvent>;
+    /** @description Closes the drop down.
+    */
+    close(): void;
+    /** @description Ensures that the active ( selected ) item is always visible.
+    */
+    ensureVisible(): void;
+    /** @description Returns the entered phone number with formatting.
+    * @param {boolean} isInternational?. When you use 'false', the national phone number will be returned and the international phone number, when you use 'true' as parameter.
+    * @returns {string}
+  */
+    getNumber(isInternational?: any): Promise<any>;
+    /** @description Returns an item by its country dial code. The item is an object with 'label', 'value', 'iso2' and 'dialCode' properties.
+    * @param {string} dialCode?. Returns the national or international phone number
+    * @returns {any}
+  */
+    getItemByDialCode(dialCode?: any): Promise<any>;
+    /** @description Returns the selected item. The item is an object with 'label', 'value', 'iso2' and 'dialCode' properties.
+    * @returns {any}
+  */
+    getSelectedItem(): Promise<any>;
+    /** @description Returns true or false depending on whether the entered phone number is valid.
+    * @returns {boolean}
+  */
+    isValidNumber(): Promise<any>;
+    /** @description Validates the entered phone number.
+    */
+    validate(): void;
+    /** @description Opens the drop down.
+    */
+    open(): void;
+    /** @description Selects the text inside the input or if it is readonly then the element is focused.
+    */
+    select(): void;
+    get isRendered(): boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _initialChange: boolean;
+    get ngValue(): any;
+    set ngValue(value: any);
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** @description Add event listeners. */
+    private listen;
+    /** @description Remove event listeners. */
+    private unlisten;
+}

package/phoneinput/smart.phoneinput.module.d.ts

@@ -0,0 +1,2 @@
+export declare class PhoneInputModule {
+}

package/source/modules/smart.input.js

@@ -0,0 +1,15 @@
+
+/* Smart UI v10.2.37 (2021-11-21) 
+Copyright (c) 2011-2021 jQWidgets. 
+License: https://htmlelements.com/license/ */ //
+
+import "../smart.element.js";
+import "../smart.button.js";
+import "../smart.scrollbar.js";
+import "../smart.input.js";
+
+export class smartInput extends Smart.Component {
+	get name() {
+		return 'smartInput';
+	}		
+}

package/source/modules/smart.phoneinput.js

@@ -0,0 +1,18 @@
+
+/* Smart UI v10.2.37 (2021-11-21) 
+Copyright (c) 2011-2021 jQWidgets. 
+License: https://htmlelements.com/license/ */ //
+
+import "../../scripts/i18n.phonenumbers.min.js"; //Addition library for repeating dates
+import "../smart.element.js";
+import "../smart.button.js";
+import "../smart.scrollbar.js";
+import "../smart.input.js";
+import "../smart.countryinput.js";
+import "../smart.phoneinput.js";
+
+export class smartPhoneInput extends Smart.Component {
+	get name() {
+		return 'smartPhoneInput';
+	}		
+}

package/source/smart.button.js

@@ -0,0 +1,6 @@
+
+/* Smart UI v10.2.37 (2021-11-21) 
+Copyright (c) 2011-2021 jQWidgets. 
+License: https://htmlelements.com/license/ */ //
+
+Smart("smart-button",class extends Smart.ContentElement{static get properties(){return{value:{type:"string"},name:{type:"string"},type:{value:"button",type:"string"},clickMode:{allowedValues:["hover","press","release","pressAndRelease"],type:"string",value:"release"}}}static get styleUrls(){return["smart.button.css"]}template(){return"<button class=\"smart-button smart-unselectable\" inner-h-t-m-l='[[innerHTML]]' id='button' type='[[type]]' name='[[name]]' value='[[value]]' disabled='[[disabled]]' role=\"presentation\"></button>"}refresh(){}static get listeners(){return{"button.down":"_downHandler","button.mouseenter":"_mouseEnterHandler","button.mouseleave":"_mouseLeaveHandler","button.touchend":"_touchEndHandler","button.click":"_clickHandler","button.up":"_upHandler",up:"_upHandler","button.focus":"_focusHandler","button.blur":"_blurHandler"}}focus(){const e=this;e.$.button?e.$.button.focus():HTMLElement.prototype.focus.call(e)}blur(){const e=this;e.$.button?e.$.button.blur():HTMLElement.prototype.blur.call(e)}_upHandler(e){const t=this;if(e.stopPropagation(),t.$.setAttributeValue("active",!1),t.dataset.target){const n=document.querySelector(t.dataset.target);let a=t.dataset.toggle;if(n&&"Smart-WINDOW"===n.nodeName&&"modal"===a&&(a="openModal"),"tab"===a||"pill"===a||"list"===a){const e=this.closest(".nav, .list-group"),a='[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',r=!e||"UL"!==e.nodeName&&"OL"!==e.nodeName?e.children(".active"):e.querySelectorAll("li > .active");if(e){const n=e.querySelectorAll(a);for(let e=0;e<n.length;e++)n[e].classList.remove("primary");for(let e=0;e<r.length;e++)r[e].classList.remove("active");let i=t.parentNode;for(;i;){if("LI"===i.nodeName){i.classList.add("active");break}i=i.parentNode}t.classList.add("primary")}return n.parentNode.querySelectorAll(".active").forEach((e=>{e.classList.remove("active"),e.classList.add("smart-hidden")})),n.classList.add("active"),void n.classList.remove("smart-hidden")}a&&n&&n[a]&&(setTimeout((()=>{n[a]()}),50),e.originalEvent.preventDefault())}}_focusHandler(){this.$.setAttributeValue("focus",!0),this.$.fireEvent("focus")}_blurHandler(){this.$.setAttributeValue("focus",!1),this.$.fireEvent("blur")}_clickHandler(e){const t=this;("release"!==t.clickMode&&"pressAndRelease"!==t.clickMode||t.readonly)&&(e.preventDefault(),e.stopPropagation())}_downHandler(e){const t=this;if(!(t.disabled||(t.hasRippleAnimation&&Smart.Utilities.Animation.Ripple.animate(t,e.pageX,e.pageY),t.$.setAttributeValue("active",!0),"press"!==t.clickMode&&"pressAndRelease"!==t.clickMode||t.readonly))){if(t.hasAttribute("smart-blazor"))return void t.$.dispatchEvent(new Event("click"));const n="buttons"in e?e.buttons:e.which;t.$.fireEvent("click",{buttons:n,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY})}}_mouseEnterHandler(e){const t=this;if(!t.readonly&&(t.$button.setAttributeValue("hover",!0),t.$.setAttributeValue("hover",!0),"hover"===t.clickMode)){const n="buttons"in e?e.buttons:e.which;if(t.hasAttribute("smart-blazor"))return void t.$.dispatchEvent(new Event("click"));t.$.fireEvent("click",{buttons:n,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY})}}_touchEndHandler(){const e=this;setTimeout((function(){e.$button.setAttributeValue("hover",!1),e.$.setAttributeValue("hover",!1)}),300)}_mouseLeaveHandler(){this.$button.setAttributeValue("hover",!1),this.$.setAttributeValue("hover",!1)}propertyChangedHandler(e,t,n){super.propertyChangedHandler(e,t,n);const a=this;"disabled"===e?(a._setFocusable(),a.$button&&a.$button.setAttributeValue("hover",!1),a.$.setAttributeValue("hover",!1),a instanceof Smart.RepeatButton&&a._stopRepeat()):"unfocusable"===e&&a._setFocusable()}_setFocusable(){const e=this,t=e.$.button?e.$.button:e;if(e.disabled||e.unfocusable)return t.removeAttribute("tabindex"),void(t.tabIndex=-1);t.tabIndex=e.tabIndex>0?e.tabIndex:0}ready(){const e=this;super.ready(),e.setAttribute("role","button"),e._setFocusable(),e.enableShadowDOM&&e.$.hiddenInput&&e.appendChild(e.$.hiddenInput)}}),Smart("smart-repeat-button",class extends Smart.Button{static get properties(){return{delay:{value:50,type:"number"},initialDelay:{value:150,type:"number"}}}static get listeners(){return{"button.down":"_startRepeat","button.mouseenter":"_overriddenHandler","button.mouseleave":"_overriddenHandler","button.pointerenter":"_updateInBoundsFlag","button.pointerleave":"_updateInBoundsFlag","button.touchmove":"_touchmoveHandler","document.up":"_stopRepeat"}}_clickHandler(e){const t=this;("release"!==t.clickMode||t.preventDefaultClick||t.readonly||t.disabled)&&(e.preventDefault(),e.stopPropagation(),t.preventDefaultClick=!1)}_updateInBoundsFlag(e){const t=this;-1!==e.type.indexOf("leave")?(t._isPointerInBounds=!1,t.$button.setAttributeValue("hover",!1),t.$.setAttributeValue("hover",!1)):(t._isPointerInBounds=!0,t.$button.setAttributeValue("hover",!0),t.$.setAttributeValue("hover",!0)),1!==("buttons"in e?e.buttons:e.which)&&t._stopRepeat(e)}_startRepeat(e){const t=this;t.setAttribute("active",""),t._initialTimer||t.readonly||(t._initialTimer=setTimeout((function(){t._repeatTimer=setInterval((()=>{if(t._isPointerInBounds){if(t.hasAttribute("smart-blazor"))return t.$.dispatchEvent(new Event("click")),void(t.preventDefaultClick=!0);const n="buttons"in e?e.buttons:e.which;t.$.fireEvent("click",{buttons:n,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY}),t.preventDefaultClick=!0}}),t.delay)}),t.initialDelay))}_stopRepeat(e){const t=this;t.readonly||e&&("pointercancel"===e.type||e.originalEvent&&"pointercancel"===e.originalEvent.type)||(t.$.setAttributeValue("active",!1),t._repeatTimer&&(clearInterval(t._repeatTimer),t._repeatTimer=null),t._initialTimer&&(clearTimeout(t._initialTimer),t._initialTimer=null))}_touchmoveHandler(e){this.preventDefaultClick&&e.cancelable&&(e.preventDefault(),e.stopPropagation())}_overriddenHandler(){}}),Smart("smart-toggle-button",class extends Smart.Button{static get properties(){return{checked:{value:!1,type:"boolean?"},falseContent:{value:"",reflectToAttribute:!1,type:"string"},indeterminateContent:{value:"",reflectToAttribute:!1,type:"string"},indeterminate:{value:!1,type:"boolean"},trueContent:{value:"",reflectToAttribute:!1,type:"string"},indeterminateTemplate:{value:null,type:"any"},trueTemplate:{value:null,type:"any"},falseTemplate:{value:null,type:"any"},type:{value:"toggle",type:"string",defaultReflectToAttribute:!0,readonly:!0}}}static get listeners(){return{keydown:"_keyHandler",keyup:"_keyHandler",dragstart:"_dragStartHandler","button.click":"_buttonClickHandler","button.mouseenter":"_buttonMouseEnterHandler","button.mouseleave":"_buttonMouseLeaveHandler","document.up":"_documentUpHandler"}}ready(){super.ready(),this._setAriaState()}_setAriaState(){const e=this,t=e.checked;null!==t?e.setAttribute("aria-pressed",t):e.setAttribute("aria-pressed","mixed")}_buttonClickHandler(){}_buttonMouseLeaveHandler(){this.removeAttribute("hover")}_buttonMouseEnterHandler(){const e=this;e.setAttribute("hover",""),e.disabled||e.readonly||"hover"!==e.clickMode||(e._changeCheckState("pointer"),e.focus(),e._updateHidenInputNameAndValue())}_documentUpHandler(e){const t=this;t._pressed&&(t._pressed=!1,t.disabled||t.readonly||"press"===t.clickMode||"pointercancel"===e.originalEvent.type||(t._changeCheckState("pointer"),t.focus(),t._updateHidenInputNameAndValue()))}_downHandler(e){const t=this;t.disabled||t.readonly||(t.hasRippleAnimation&&Smart.Utilities.Animation.Ripple.animate(t,e.pageX,e.pageY),t._pressed=!0,"press"!==t.clickMode&&"pressAndRelease"!==t.clickMode||(t._changeCheckState("pointer"),t.hasAttribute("smart-blazor")?t.$.dispatchEvent(new Event("click")):t.$.fireEvent("click"),t._updateHidenInputNameAndValue()),"press"===t.clickMode&&(e.preventDefault(),e.stopPropagation()))}_dragStartHandler(e){e.preventDefault()}_keyHandler(e){const t=this;if(!0!==t.disabled&&!t.readonly&&32===e.keyCode){if("keydown"===e.type)return void e.preventDefault();if("none"===t.switchMode)return;t._changeCheckState("keyboard"),t._updateHidenInputNameAndValue()}}_changeCheckState(e){const t=this;let n=null;null===t.checked?t.checked=!0:(n=t.checked,t.checked=!t.checked),t._handleTextSelection(),t.$.fireEvent("change",{value:t.checked,oldValue:n,changeType:e}),t.checked?t.$.fireEvent("checkValue",{changeType:e}):t.$.fireEvent("uncheckValue",{changeType:e}),t._setAriaState()}_handleTextSelection(){const e=this;e.$.addClass("smart-unselectable"),e.timer&&clearTimeout(e.timer),e.timer=setTimeout((()=>e.$.removeClass("smart-unselectable")),500)}propertyChangedHandler(e,t,n){super.propertyChangedHandler(e,t,n);const a=this;if("checked"===e)return a.$.fireEvent("change",{value:n,oldValue:t,changeType:"api"}),void a._setAriaState();switch(e){case"trueTemplate":a._handleTemplate(!0);break;case"falseTemplate":a._handleTemplate(!1);break;case"indeterminateTemplate":a._handleTemplate()}}_htmlBindOnInitialization(){const e=this;e._bindContentProperty("trueContent","smart-true-content"),e._bindContentProperty("falseContent","smart-false-content"),e._bindContentProperty("indeterminateContent","smart-indeterminate-content")}_bindContentProperty(e,t){const n=this;if(!n.$[e+"Container"])return;let a=document.createElement("div");a.innerHTML=n.innerHTML;let r,i=a.getElementsByClassName(t);if(i.length>0)for(let e=0;e<i.length;e++)r=i[e];""===n[e]&&(n[e]=void 0===r?"":r.outerHTML),n.$[e+"Container"].innerHTML=n[e]}_updateContentProperties(){const e=this;function t(t){e.$[t+"Container"]&&(e[t]=e.$[t+"Container"].innerHTML)}t("trueContent"),t("falseContent"),t("indeterminateContent")}_updateHidenInputValue(){const e=this;if(!e.$.hiddenInput)return;let t;t=null===e.checked?"null":!1===e.checked?"off":e.value||"on",e.$.hiddenInput.setAttribute("value",t)}_updateHidenInputName(){const e=this;if(!e.$.hiddenInput)return;let t=!1===e.checked?"":e.name||"";e.$.hiddenInput.setAttribute("name",t)}_updateHidenInputNameAndValue(){this._updateHidenInputName(),this._updateHidenInputValue()}_handleTemplate(e,t){const n=this;let a,r,i;if(!0===e?(a=n.trueTemplate,r=n.$.trueContentContainer,i=n.trueContent):!1===e?(a=n.falseTemplate,r=n.$.falseContentContainer,i=n.falseContent):(a=n.indeterminateTemplate,r=n.$.indeterminateContentContainer,i=n.indeterminateContent),t&&(r.innerHTML=i||""),null===a||!a)return;if("function"==typeof a)return void a(r,{value:i});if(!("content"in document.createElement("template")))return void n.error(n.localize("htmlTemplateNotSuported",{elementType:n.nodeName.toLowerCase()}));if(a=document.getElementById(a),null===a||!("content"in a))return void n.error(n.localize("invalidTemplate",{elementType:n.nodeName.toLowerCase(),property:"template"}));const l=a.content,o=l.childNodes.length,s=/{{\w+}}/g;let u,d=[];for(let e=0;e<o;e++)for(u=s.exec(l.childNodes[e].innerHTML);u;)d.push({childNodeIndex:e,bindingString:u[0]}),u=s.exec(l.childNodes[e].innerHTML);const c=d.length;let p,h,m=document.importNode(a.content,!0);for(let e=0;e<c;e++){p=m.childNodes[d[e].childNodeIndex],h=d.length;for(let t=0;t<h;t++)p.innerHTML=p.innerHTML.replace(d[e].bindingString,i)}r.innerHTML="";for(let e=0;e<m.childNodes.length;e++)m.childNodes[e].outerHTML&&(r.innerHTML+=m.childNodes[e].outerHTML)}});

package/source/smart.countryinput.js

@@ -0,0 +1,6 @@
+
+/* Smart UI v10.2.37 (2021-11-21) 
+Copyright (c) 2011-2021 jQWidgets. 
+License: https://htmlelements.com/license/ */ //
+
+Smart("smart-country-input",class extends Smart.Input{static get properties(){return{onlyCountries:{value:[],type:"array"},selectedCountry:{value:"",type:"string"}}}getCountries(){const a=[["Afghanistan (‫افغانستان‬‎)","af","93"],["Albania (Shqipëri)","al","355"],["Algeria (‫الجزائر‬‎)","dz","213"],["American Samoa","as","1",5,["684"]],["Andorra","ad","376"],["Angola","ao","244"],["Anguilla","ai","1",6,["264"]],["Antigua and Barbuda","ag","1",7,["268"]],["Argentina","ar","54"],["Armenia (Հայաստան)","am","374"],["Aruba","aw","297"],["Ascension Island","ac","247"],["Australia","au","61",0],["Austria (Österreich)","at","43"],["Azerbaijan (Azərbaycan)","az","994"],["Bahamas","bs","1",8,["242"]],["Bahrain (‫البحرين‬‎)","bh","973"],["Bangladesh (বাংলাদেশ)","bd","880"],["Barbados","bb","1",9,["246"]],["Belarus (Беларусь)","by","375"],["Belgium (België)","be","32"],["Belize","bz","501"],["Benin (Bénin)","bj","229"],["Bermuda","bm","1",10,["441"]],["Bhutan (འབྲུག)","bt","975"],["Bolivia","bo","591"],["Bosnia and Herzegovina (Босна и Херцеговина)","ba","387"],["Botswana","bw","267"],["Brazil (Brasil)","br","55"],["British Indian Ocean Territory","io","246"],["British Virgin Islands","vg","1",11,["284"]],["Brunei","bn","673"],["Bulgaria (България)","bg","359"],["Burkina Faso","bf","226"],["Burundi (Uburundi)","bi","257"],["Cambodia (កម្ពុជា)","kh","855"],["Cameroon (Cameroun)","cm","237"],["Canada","ca","1",1,["204","226","236","249","250","289","306","343","365","387","403","416","418","431","437","438","450","506","514","519","548","579","581","587","604","613","639","647","672","705","709","742","778","780","782","807","819","825","867","873","902","905"]],["Cape Verde (Kabu Verdi)","cv","238"],["Caribbean Netherlands","bq","599",1,["3","4","7"]],["Cayman Islands","ky","1",12,["345"]],["Central African Republic (République centrafricaine)","cf","236"],["Chad (Tchad)","td","235"],["Chile","cl","56"],["China (中国)","cn","86"],["Christmas Island","cx","61",2,["89164"]],["Cocos (Keeling) Islands","cc","61",1,["89162"]],["Colombia","co","57"],["Comoros (‫جزر القمر‬‎)","km","269"],["Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)","cd","243"],["Congo (Republic) (Congo-Brazzaville)","cg","242"],["Cook Islands","ck","682"],["Costa Rica","cr","506"],["Côte d’Ivoire","ci","225"],["Croatia (Hrvatska)","hr","385"],["Cuba","cu","53"],["Curaçao","cw","599",0],["Cyprus (Κύπρος)","cy","357"],["Czech Republic (Česká republika)","cz","420"],["Denmark (Danmark)","dk","45"],["Djibouti","dj","253"],["Dominica","dm","1",13,["767"]],["Dominican Republic (República Dominicana)","do","1",2,["809","829","849"]],["Ecuador","ec","593"],["Egypt (‫مصر‬‎)","eg","20"],["El Salvador","sv","503"],["Equatorial Guinea (Guinea Ecuatorial)","gq","240"],["Eritrea","er","291"],["Estonia (Eesti)","ee","372"],["Eswatini","sz","268"],["Ethiopia","et","251"],["Falkland Islands (Islas Malvinas)","fk","500"],["Faroe Islands (Føroyar)","fo","298"],["Fiji","fj","679"],["Finland (Suomi)","fi","358",0],["France","fr","33"],["French Guiana (Guyane française)","gf","594"],["French Polynesia (Polynésie française)","pf","689"],["Gabon","ga","241"],["Gambia","gm","220"],["Georgia (საქართველო)","ge","995"],["Germany (Deutschland)","de","49"],["Ghana (Gaana)","gh","233"],["Gibraltar","gi","350"],["Greece (Ελλάδα)","gr","30"],["Greenland (Kalaallit Nunaat)","gl","299"],["Grenada","gd","1",14,["473"]],["Guadeloupe","gp","590",0],["Guam","gu","1",15,["671"]],["Guatemala","gt","502"],["Guernsey","gg","44",1,["1481","7781","7839","7911"]],["Guinea (Guinée)","gn","224"],["Guinea-Bissau (Guiné Bissau)","gw","245"],["Guyana","gy","592"],["Haiti","ht","509"],["Honduras","hn","504"],["Hong Kong (香港)","hk","852"],["Hungary (Magyarország)","hu","36"],["Iceland (Ísland)","is","354"],["India (भारत)","in","91"],["Indonesia","id","62"],["Iran (‫ایران‬‎)","ir","98"],["Iraq (‫العراق‬‎)","iq","964"],["Ireland","ie","353"],["Isle of Man","im","44",2,["1624","74576","7524","7924","7624"]],["Israel (‫ישראל‬‎)","il","972"],["Italy (Italia)","it","39",0],["Jamaica","jm","1",4,["876","658"]],["Japan (日本)","jp","81"],["Jersey","je","44",3,["1534","7509","7700","7797","7829","7937"]],["Jordan (‫الأردن‬‎)","jo","962"],["Kazakhstan (Казахстан)","kz","7",1,["33","7"]],["Kenya","ke","254"],["Kiribati","ki","686"],["Kosovo","xk","383"],["Kuwait (‫الكويت‬‎)","kw","965"],["Kyrgyzstan (Кыргызстан)","kg","996"],["Laos (ລາວ)","la","856"],["Latvia (Latvija)","lv","371"],["Lebanon (‫لبنان‬‎)","lb","961"],["Lesotho","ls","266"],["Liberia","lr","231"],["Libya (‫ليبيا‬‎)","ly","218"],["Liechtenstein","li","423"],["Lithuania (Lietuva)","lt","370"],["Luxembourg","lu","352"],["Macau (澳門)","mo","853"],["Macedonia (FYROM) (Македонија)","mk","389"],["Madagascar (Madagasikara)","mg","261"],["Malawi","mw","265"],["Malaysia","my","60"],["Maldives","mv","960"],["Mali","ml","223"],["Malta","mt","356"],["Marshall Islands","mh","692"],["Martinique","mq","596"],["Mauritania (‫موريتانيا‬‎)","mr","222"],["Mauritius (Moris)","mu","230"],["Mayotte","yt","262",1,["269","639"]],["Mexico (México)","mx","52"],["Micronesia","fm","691"],["Moldova (Republica Moldova)","md","373"],["Monaco","mc","377"],["Mongolia (Монгол)","mn","976"],["Montenegro (Crna Gora)","me","382"],["Montserrat","ms","1",16,["664"]],["Morocco (‫المغرب‬‎)","ma","212",0],["Mozambique (Moçambique)","mz","258"],["Myanmar (Burma) (မြန်မာ)","mm","95"],["Namibia (Namibië)","na","264"],["Nauru","nr","674"],["Nepal (नेपाल)","np","977"],["Netherlands (Nederland)","nl","31"],["New Caledonia (Nouvelle-Calédonie)","nc","687"],["New Zealand","nz","64"],["Nicaragua","ni","505"],["Niger (Nijar)","ne","227"],["Nigeria","ng","234"],["Niue","nu","683"],["Norfolk Island","nf","672"],["North Korea (조선 민주주의 인민 공화국)","kp","850"],["Northern Mariana Islands","mp","1",17,["670"]],["Norway (Norge)","no","47",0],["Oman (‫عُمان‬‎)","om","968"],["Pakistan (‫پاکستان‬‎)","pk","92"],["Palau","pw","680"],["Palestine (‫فلسطين‬‎)","ps","970"],["Panama (Panamá)","pa","507"],["Papua New Guinea","pg","675"],["Paraguay","py","595"],["Peru (Perú)","pe","51"],["Philippines","ph","63"],["Poland (Polska)","pl","48"],["Portugal","pt","351"],["Puerto Rico","pr","1",3,["787","939"]],["Qatar (‫قطر‬‎)","qa","974"],["Réunion (La Réunion)","re","262",0],["Romania (România)","ro","40"],["Russia (Россия)","ru","7",0],["Rwanda","rw","250"],["Saint Barthélemy","bl","590",1],["Saint Helena","sh","290"],["Saint Kitts and Nevis","kn","1",18,["869"]],["Saint Lucia","lc","1",19,["758"]],["Saint Martin (Saint-Martin (partie française))","mf","590",2],["Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)","pm","508"],["Saint Vincent and the Grenadines","vc","1",20,["784"]],["Samoa","ws","685"],["San Marino","sm","378"],["São Tomé and Príncipe (São Tomé e Príncipe)","st","239"],["Saudi Arabia (‫المملكة العربية السعودية‬‎)","sa","966"],["Senegal (Sénégal)","sn","221"],["Serbia (Србија)","rs","381"],["Seychelles","sc","248"],["Sierra Leone","sl","232"],["Singapore","sg","65"],["Sint Maarten","sx","1",21,["721"]],["Slovakia (Slovensko)","sk","421"],["Slovenia (Slovenija)","si","386"],["Solomon Islands","sb","677"],["Somalia (Soomaaliya)","so","252"],["South Africa","za","27"],["South Korea (대한민국)","kr","82"],["South Sudan (‫جنوب السودان‬‎)","ss","211"],["Spain (España)","es","34"],["Sri Lanka (ශ්‍රී ලංකාව)","lk","94"],["Sudan (‫السودان‬‎)","sd","249"],["Suriname","sr","597"],["Svalbard and Jan Mayen","sj","47",1,["79"]],["Sweden (Sverige)","se","46"],["Switzerland (Schweiz)","ch","41"],["Syria (‫سوريا‬‎)","sy","963"],["Taiwan (台灣)","tw","886"],["Tajikistan","tj","992"],["Tanzania","tz","255"],["Thailand (ไทย)","th","66"],["Timor-Leste","tl","670"],["Togo","tg","228"],["Tokelau","tk","690"],["Tonga","to","676"],["Trinidad and Tobago","tt","1",22,["868"]],["Tunisia (‫تونس‬‎)","tn","216"],["Turkey (Türkiye)","tr","90"],["Turkmenistan","tm","993"],["Turks and Caicos Islands","tc","1",23,["649"]],["Tuvalu","tv","688"],["U.S. Virgin Islands","vi","1",24,["340"]],["Uganda","ug","256"],["Ukraine (Україна)","ua","380"],["United Arab Emirates (‫الإمارات العربية المتحدة‬‎)","ae","971"],["United Kingdom","gb","44",0],["United States","us","1",0],["Uruguay","uy","598"],["Uzbekistan (Oʻzbekiston)","uz","998"],["Vanuatu","vu","678"],["Vatican City (Città del Vaticano)","va","39",1,["06698"]],["Venezuela","ve","58"],["Vietnam (Việt Nam)","vn","84"],["Wallis and Futuna (Wallis-et-Futuna)","wf","681"],["Western Sahara (‫الصحراء الغربية‬‎)","eh","212",1,["5288","5289"]],["Yemen (‫اليمن‬‎)","ye","967"],["Zambia","zm","260"],["Zimbabwe","zw","263"],["Åland Islands","ax","358",1,["18"]]];for(var e=0;e<a.length;e++){var n=a[e];a[e]={label:n[0],value:n[1],iso2:n[1],countryCode:n[1],dialCode:n[2],priority:n[3]||0,areaCodes:n[4]||null}}return a}render(){const a=this;super.render(),a.classList.add("smart-input");let e=a.getCountries();if(a.onlyCountries.length&&(e=e.filter((e=>a.onlyCountries.indexOf(e.iso2)>=0))),a.dataSource=e,a.readonly=!0,a.dropDownButtonPosition="right",!a.selectedCountry){let e=navigator.languages?navigator.languages[0]:navigator.language||navigator.userLanguage;e.indexOf("-")>=0&&(e=e.split("-")[1].toLowerCase()),a.selectedCountry=e||"us"}}propertyChangedHandler(a,e,n){super.propertyChangedHandler(a,e,n);const i=this;switch(a){case"selectedCountry":i.selectItem(i.selectedCountry)}}_render(a){const e=this;let n=0;const i=a.map((function(a){let i=a,t=a;"object"==typeof a&&(i=a.label,t=void 0!==a.value?a.value:i),i=""+i;const r=document.createElement("li"),s=document.createElement("a");return s.href="#",r.id=e.id+"Item"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),r.setAttribute("data-label",i),r.index=n++,r.dataValue=t,"string"==typeof t?r.setAttribute("value",t):r.setAttribute("value",JSON.stringify(t)),r.setAttribute("role","option"),r.setAttribute("aria-label",i),i='<div class="smart-flag-box"><div class="flag '+a.iso2+'"></div></div><span class="country-name">'+a.label+'</span><span class="smart-hidden dial-code">'+a.dialCode+"</span>",s.innerHTML=i,s.setAttribute("aria-hidden",!0),r.classList.add("country"),r.setAttribute("data-dial-code",a.dialCode),r.setAttribute("data-country-code",a.iso2),r.appendChild(s),r}));function t(){const a=e.$.menu.getElementsByClassName("active");a[0]&&a[0].classList.remove("active"),this.classList.add("active"),e._setActiveDescendant(this)}i.length>0&&(i[0].classList.add("active"),e._setActiveDescendant(i[0])),e.$.menu.innerHTML="";for(let a=0;a<i.length;a++){const n=i[a];e.$.menu.appendChild(n),n.onmouseenter=t,n.onmouseleave=function(){this.classList.remove("active"),e._setActiveDescendant(null)},n.onclick=t}}});