@smart-webcomponents-angular/phoneinput 10.3.4 → 11.0.0

package/index.d.ts

@@ -8761,6 +8761,11 @@ export interface EditorProperties {
    * Default value: ""
    */
   placeholder?: string;
+  /**
+   * Determines whether the clearFormat toolbar action should also remove inline styles from the currently selected node.
+   * Default value: false
+   */
+  removeStylesOnClearFormat?: boolean;
   /**
    * Determines whether Editor's content is required ot not. If set and the Editor's content is empty, a notification will appear to notify that the Editor cannot be empty.
    * Default value: false
@@ -12056,7 +12061,7 @@ export interface GanttChartProperties {
    */
   popupWindowCustomizationFunction?: any;
   /**
-   * Determines which Tab items are visible inside the popup window. Three possible values are allowed: general - the general tab with task properties determines by the taskColumns property.dependency - the dependency tab which shows the connections to the task and allows to create/delete connections.segments - the segments tab which shows the segments of the task and allows to created/delete segments./ul>.
+   * Determines which Tab items are visible inside the popup window. Three possible values are allowed: general - the general tab with task properties determines by the taskColumns property.dependency - the dependency tab which shows the connections to the task and allows to create/delete connections.segments - the segments tab which shows the segments of the task and allows to created/delete segments..
    * Default value: ['general', 'dependency', 'segments']
    */
   popupWindowTabs?: string[];
@@ -13763,6 +13768,16 @@ export interface GridProperties {
    * Default value: null
    */
   onCommand?: {(name: string, command: any, details: GridCell, event: Event | KeyboardEvent | PointerEvent, handled: boolean): void};
+  /**
+   * Sets or gets the id of the current user. Has to correspond to the id of an item from the users property/array. Depending on the current user, different privileges are enabled. If no current user is set, privileges depend on the element's properties.
+   * Default value: 
+   */
+  currentUser?: string | number;
+  /**
+   * Sets the grid users. Expects an array with 'id', 'name' and optionally 'color' and 'image' properties.
+   * Default value: []
+   */
+  users?: any[];
   /**
    * Describes the paging settings.
    * Default value: [object Object]
@@ -23294,7 +23309,7 @@ export interface QueryBuilderCustomOperation {
   handleValue?: any;
   /**
    * A boolean condition that specifies whether the operation requires a value or not.
-   * Default value: null
+   * Default value: false
    */
   hideValue?: boolean;
   /**
@@ -24079,6 +24094,21 @@ export interface SchedulerProperties {
    * Default value: false
    */
   showLegend?: boolean;
+  /**
+   * Determines the name of the resource data item property that will be used for sorting the resource data defined as the resource.dataSource.
+   * Default value: "null"
+   */
+  sortBy?: string;
+  /**
+   * Allows to define a custom sorting function that will be used to sort the resource data. The sortFunction is used when sortOrder is set to custom.
+   * Default value: null
+   */
+  sortFunction?: any;
+  /**
+   * Determines the sorting order of the resource data items. When set to custom, a custom sorting function has to be defined for the sortFunction property. The asc stands for 'ascending' while desc means 'descending' sorting order.
+   * Default value: asc
+   */
+  sortOrder?: SchedulerSortOrder;
   /**
    * Determines the repeating delay of the repeat buttons inside the header of the element. Such buttons are the Date navigation buttons and the view scroll buttons.
    * Default value: 80
@@ -24855,6 +24885,21 @@ export interface SchedulerResource {
    * Default value: 
    */
   dataSource?: any;
+  /**
+   * Determines the property name to sort the dataSource by.
+   * Default value: "null"
+   */
+  sortBy?: string;
+  /**
+   * Determines the custom sorting function that will be used to sort the resource dataSource. The sortFunction is used when sortOrder is set to custom.
+   * Default value: null
+   */
+  sortFunction?: any;
+  /**
+   * Determines the sorting order. When set to custom, a custom sorting function has to be defined for the sortFunction property. The asc stands for 'ascending' while desc means 'descending' sorting order.
+   * Default value: asc
+   */
+  sortOrder?: SchedulerResourceSortOrder;
 }
 
 export interface SchedulerStatuse {
@@ -24908,8 +24953,12 @@ export declare type SchedulerLegendPosition = 'near' | 'far';
 export declare type MinuteFormat = '2-digit' | 'numeric';
 /**Determines the visibility of the resize handles. */
 export declare type ResizeHandlesVisibility = 'auto' | 'hidden' | 'visible';
+/**Determines the sorting order. When set to <b>custom</b>, a custom sorting function has to be defined for the <b>sortFunction</b> property. The <b>asc</b> stands for 'ascending' while <b>desc</b> means 'descending' sorting order. */
+export declare type SchedulerResourceSortOrder = 'asc' | 'desc' | 'custom';
 /** Determines the position of the date navigation navigation buttons inside the header of the element. */
 export declare type SchedulerScrollButtonsPosition = 'both' | 'far' | 'near';
+/**Determines the sorting order of the resource data items. When set to <b>custom</b>, a custom sorting function has to be defined for the <b>sortFunction</b> property. The <b>asc</b> stands for 'ascending' while <b>desc</b> means 'descending' sorting order. */
+export declare type SchedulerSortOrder = 'asc' | 'desc' | 'custom';
 /**Determines the date scale for the timeline cells. */
 export declare type SchedulerTimelineDayScale = 'hour' | 'halfHour' | 'quarterHour' | 'tenMinutes' | 'fiveMinutes';
 /**Determines the timeZone for the element. By default if the local time zone is used if the property is not set. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smart-webcomponents-angular/phoneinput",
-  "version": "10.3.4",
+  "version": "11.0.0",
    "preferGlobal": true,
   "keywords": [
       "angular",

package/source/modules/smart.input.js

@@ -1,5 +1,5 @@
 
-/* Smart UI v10.2.37 (2021-11-21) 
+/* Smart UI v11.0.1 (2021-11-30) 
 Copyright (c) 2011-2021 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 

package/source/modules/smart.phoneinput.js

@@ -1,5 +1,5 @@
 
-/* Smart UI v10.2.37 (2021-11-21) 
+/* Smart UI v11.0.1 (2021-11-30) 
 Copyright (c) 2011-2021 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 

package/source/smart.button.js

@@ -1,6 +1,6 @@
 
-/* Smart UI v10.2.37 (2021-11-21) 
+/* Smart UI v11.0.1 (2021-11-30) 
 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)}});
+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;const r="smart-window".toLowerCase();if(n&&n.nodeName.toLowerCase()===r&&"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]&&"collapse"===a&&(setTimeout((()=>{n.classList.contains("smart-hidden")?n.classList.remove("smart-hidden"):n.classList.add("smart-hidden")})),e.originalEvent.preventDefault()),a&&n&&!n[a]&&"dropdown"===a?(setTimeout((()=>{n.opened=!n.opened})),e.originalEvent.preventDefault()):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

@@ -1,5 +1,5 @@
 
-/* Smart UI v10.2.37 (2021-11-21) 
+/* Smart UI v11.0.1 (2021-11-30) 
 Copyright (c) 2011-2021 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 

package/source/smart.element.js

@@ -1,5 +1,5 @@
 
-/* Smart UI v10.2.37 (2021-11-21) 
+/* Smart UI v11.0.1 (2021-11-30) 
 Copyright (c) 2011-2021 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 

package/source/smart.input.js

@@ -1,6 +1,6 @@
 
-/* Smart UI v10.2.37 (2021-11-21) 
+/* Smart UI v11.0.1 (2021-11-30) 
 Copyright (c) 2011-2021 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 
-Smart("smart-input",class extends Smart.BaseElement{static get properties(){return{autoCompleteDelay:{value:100,type:"number"},dataSource:{type:"any",value:[],reflectToAttribute:!1},dropDownClassList:{value:[],type:"array",reflectToAttribute:!1},dropDownDataSource:{type:"any",value:[]},dropDownHeight:{type:"any",value:200},dropDownOpenMode:{allowedValues:["default","manual"],value:"default",type:"string"},dropDownWidth:{type:"any",value:null},dropDownButtonPosition:{allowedValues:["none","left","right"],value:"none",type:"string"},hint:{type:"string",value:""},inputPurpose:{type:"string",value:"off"},items:{type:"number",value:8},minLength:{type:"number",value:1},name:{value:"",type:"string"},opened:{value:!1,type:"boolean"},query:{type:"string",value:""},queryMode:{allowedValues:["contains","containsIgnoreCase","doesNotContain","doesNotContainIgnoreCase","equals","equalsIgnoreCase","startsWith","startsWithIgnoreCase","endsWith","endsWithIgnoreCase"],type:"string",value:"containsIgnoreCase"},placeholder:{value:"",type:"string"},readonly:{type:"boolean",value:!1},sorted:{value:!1,type:"boolean"},sortDirection:{value:"asc",type:"string"},selectedIndex:{type:"number",value:-1},selectedValues:{value:[],type:"array"},type:{type:"string"},value:{type:"string",value:""}}}static get styleUrls(){return["smart.textbox.css"]}template(){return'<div id="inputContainer" role="presentation"><input class="smart-input" id=\'input\' readonly=\'[[readonly]]\' placeholder=\'[[placeholder]]\' type=\'[[type]]\' name=\'[[name]]\' value=\'{{value::keyup}}\' disabled=\'[[disabled]]\' aria-label="[[placeholder]]" /><span class="smart-hidden smart-hint" id="span">[[hint]]</span><div id="dropDownButton" tabindex=-1 class="smart-drop-down-button" role="button" aria-label="Toggle popup"><div id="arrow" class="arrow" aria-hidden="true"></div></div></div>'}static get listeners(){return{"input.focus":"_focusHandler","input.blur":"_blurHandler","input.keydown":"_keyDownHandler","input.keyup":"_keyUpHandler","input.keypress":"_keyPressHandler","input.paste":"_pasteHandler","dropDownButton.down":"_dropDownButtonDownHandler","inputContainer.down":"_downHandler","document.up":"_documentUpHandler"}}get selectedIndexes(){return this.isCompleted?[this.selectedIndex]:[]}set selectedIndexes(e){this.isCompleted&&(e&&e[0]?this.selectedIndex=e[0]:this.selectedIndex=-1)}focus(){this.$.input.focus()}select(){const e=this;e.readonly?e.$.input.focus():e.$.input.select()}_documentUpHandler(e){const t=this,r=t.shadowRoot||t.isInShadowDOM?e.originalEvent.composedPath()[0]:e.originalEvent.target;r!==t&&r!==t.$.dropDownButton&&r!==t.$.input&&r!==t.$.arrow?t.$.scrollView.contains(r.shadowParent||r)?t._isPointerDown&&(t._isPointerDown=!1,t.opened&&(t._preventLookup=!0),t.$.input.focus()):(t.opened&&(t._preventLookup=!0),"manual"===t.dropDownOpenMode||t._isPointerDown||t.close(),t._isPointerDown=!1):t._isPointerDown=!1}_focusHandler(){const e=this;e.setAttribute("focus",""),e.readonly||0!==e.minLength||0!==e.$.input.value.length||e._preventLookup?(e.$.fireEvent("focus"),delete e._preventLookup):e._lookup()}_blurHandler(){const e=this;e.opened||e.removeAttribute("focus"),e.opened||e.$.fireEvent("blur"),e._refreshSelectedIndex(),delete e._preventLookup}_pasteHandler(e){const t=this,r=t.$.input,o=r.value,n=r.selectionStart,a=r.selectionEnd;if(!e.clipboardData&&!window.clipboardData)return;const s=(e.clipboardData||window.clipboardData).getData("text");let i=o.slice(0,n)+s,l=i.length;i+=o.slice(a),e.preventDefault(),t.set("value",i),t.setAttribute("data-value",i),r.setSelectionRange(l,l),t._refreshSelectedIndex()}_refreshSelectedIndex(){const e=this;let t=e.dataSource;if(t){let r=-1;if(e.dataSource instanceof Promise)return;if("function"==typeof e.dataSource)return;"string"==typeof t&&(t=e.$.deserialize(t,"array"));for(let o=0;o<t.length;o++){let n=t[o];if("number"!=typeof n&&"boolean"!=typeof n||(n=""+n),"string"==typeof n){if(n===e.value){r=o;break}}else if(n&&n.label===e.value){r=o;break}}e.set("selectedIndex",r,!1),-1===e.selectedIndex&&(e.$.input.dataValue=null)}}selectItem(e){const t=this;let r=t.dataSource;if("string"==typeof r&&(r=t.$.deserialize(r,"array")),r)for(let o=0;o<r.length;o++){const n=r[o];if(t.set("selectedIndex",-1),t.set("value",""),t.$.input.dataValue=null,"string"==typeof n){if(n===e)return t.set("selectedIndex",o,!1),t.set("value",t.$.input.dataValue=e),void t.setAttribute("data-value",t.$.input.dataValue)}else if(n.value===e)return t.set("selectedIndex",o,!1),t.set("value",n.label),t.$.input.dataValue=e,void t.setAttribute("data-value",t.$.input.dataValue)}else t.set("value",t.$.input.dataValue=e),t.setAttribute("data-value",t.$.input.dataValue),t.set("selectedIndex",-1,!1)}getItem(e){const t=this;if(t.dataSource)for(let r=0;r<t.dataSource.length;r++){const o=t.dataSource[r];if(o.value===e)return o}return null}getSelectedItem(){const e=this;return{label:e.value,value:e.$.input.dataValue||e.value}}_refreshMenu(){const e=this;e.$.menu.classList.remove("scroll"),e.$.scrollView.computedVerticalScrollBarVisibility&&e.$.menu.classList.add("scroll")}_performSelect(){const e=this,t=e.$.menu.querySelector(".active"),r=t.getAttribute("data-label"),o=t.dataValue,n=e.value,a=e.$.input.dataValue;e.set("value",r),e.$.input.dataValue=o,e.setAttribute("data-value",o),e.set("selectedIndex",t.index),e.set("selectedValues",[e.$.input.dataValue]),e.close(),r===n&&o===a||e.$.fireEvent("change",{value:o,label:r,oldValue:a,oldLabel:n})}_open(){const e=this;if(e.opened)return;const t=window.scrollX,r=window.scrollY;let o=e.getBoundingClientRect(),n=0,a=0;if(e.timer&&clearTimeout(e.timer),e.getRootNode()&&e.getRootNode().host?e.getRootNode().host.shadowRoot.appendChild(e.$.scrollView):document.body.appendChild(e.$.scrollView),e.setAttribute("aria-owns",e.$.scrollView.id),e.readonly||e.$.input.setAttribute("aria-controls",e.$.scrollView.id),e.$.scrollView.enableShadowDOM&&!e._importedStyle&&(e.$.scrollView.importStyle(e._getStyleUrl("smart.textbox.css")),e._importedStyle=!0),"static"!==getComputedStyle(document.body).position){const e=document.body.getBoundingClientRect();n=e.left,a=e.top}e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",""),e.$.scrollView.style.left=-3+o.left+t-n+"px",e.$.scrollView.style.top=o.bottom+r-a+1+"px",e.$.scrollView.classList.remove("open"),e.opening=!0,e._positionTimer=setInterval((()=>{const t=e.getBoundingClientRect();if(e.opening)e.opening=!1,o=t;else if(t.top!==o.top||t.left!==o.left)return void e.close()}),50),e.$.scrollView.onpointerdown=function(){e._isPointerDown=!0},requestAnimationFrame((function(){const t=e.dropDownWidth;if(e.$.scrollView.refresh&&e.$.scrollView.refresh(),e._refreshMenu(),e.$.scrollView.setAttribute("open",""),e.setAttribute("open",""),e.$.dropDownButton.setAttribute("open",""),e.$.input.setAttribute("open",""),t&&"string"==typeof t&&-1!==t.indexOf("%")){const r=parseFloat(t)/100;e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",e.offsetWidth*r+"px")}else if("auto"!==t&&t)e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",parseFloat(t)+"px");else if("auto"===t){if(e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",""),e.$.scrollView.$.scrollViewerContainer.classList.contains("vscroll")){const t=e.$.scrollView.offsetWidth+parseFloat(getComputedStyle(e.$.scrollView).getPropertyValue("--smart-scroll-bar-size"));e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",t+"px")}}else{e.$.menu.style.width="auto";let t=e.$.menu.offsetWidth;const r=e.$.menu.querySelectorAll("li");for(let t=0;t<r.length;t++)e._maxDropDownWidth=Math.max((r[t].firstElementChild||r[t]).offsetWidth,e._maxDropDownWidth);e.$.scrollView.computedVerticalScrollBarVisibility&&(t+=e.$.scrollView.$&&e.$.scrollView.$.verticalScrollBar?e.$.scrollView.$.verticalScrollBar.offsetWidth:30),e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",Math.max(t,e.offsetWidth-8)+"px"),e.$.menu.style.width=""}(e.shadowRoot||e.isInShadowDOM)&&e.$.scrollView._scrollView&&Smart.ScrollBar&&requestAnimationFrame((()=>{e.$.scrollView._scrollView&&e.$.scrollView._scrollView.vScrollBar.refresh()}))})),e.$.scrollView.refresh&&e.$.scrollView.refresh(),e._refreshMenu(),e.set("opened",!0),e.setAttribute("aria-expanded",!0),e.$.fireEvent("open")}close(){const e=this;return!!e.opened&&(e.timer&&clearTimeout(e.timer),e.timer=setTimeout((function(){e.$.scrollView.parentNode&&!e.opened&&(e.$.scrollView.remove(),e.removeAttribute("aria-owns"),e.readonly||e.$.input.removeAttribute("aria-controls"))}),1e3),e._positionTimer&&clearInterval(e._positionTimer),e.$.scrollView.removeAttribute("open"),e.$.dropDownButton.removeAttribute("open"),e.$.input.removeAttribute("open"),e.removeAttribute("open"),e.set("opened",!1),e.setAttribute("aria-expanded",!1),e.$.input.focus(),e.$.fireEvent("close"),!0)}refresh(){const e=this;e.$.scrollView.refresh&&e.$.scrollView.refresh(),e.close()}_lookup(e){const t=this;if(t.query=t.$.input.value,t.$.input.readonly&&(t._incrementalSearchQuery||(t._incrementalSearchQuery=""),t._incrementalSearchQuery+=e.key,t._incrementalSearchTimer&&clearTimeout(t._incrementalSearchTimer),t.query=t._incrementalSearchQuery,t._incrementalSearchTimer=setTimeout((function(){t._incrementalSearchQuery=""}),700)),t.query.length<t.minLength)return void t.close();const r=function(e){clearTimeout(t._autoCompleteTimeout),t._autoCompleteTimeout=setTimeout((()=>{const r=t.context;t.context=t,t._process(e),t.context=r}),t.autoCompleteDelay)};"function"==typeof t.dataSource?t.dataSource(t.query,r):r(t.dataSource)}_downHandler(e){const t=this;t.readonly&&t._dropDownButtonDownHandler(e)}_dropDownButtonDownHandler(e){const t=this;return"manual"!==t.dropDownOpenMode&&t._toggle(),e.preventDefault(),e.stopPropagation(),e.originalEvent.preventDefault(),e.originalEvent.stopPropagation(),t._isPointerDown=!0,!1}_toggle(){const e=this;e.opened?e.close():e.open()}open(){const e=this;function t(t){e._process(t);const r=e.$.menu.querySelector(".active");if(r){const t=e.$.input.dataValue;for(let o=0;o<e.$.menu.children.length;o++){const n=e.$.menu.children[o],a=n.getAttribute("data-label"),s=n.dataValue;if(void 0!==t&&s===t||void 0===t&&a===e.$.input.value){r.classList.remove("active"),n.classList.add("active"),e._setActiveDescendant(n),e.$.input.dataValue=s,e.setAttribute("data-value",s);break}}}e.ensureVisible(),e.$.input.focus(),setTimeout((function(){e.$.input.focus()}),25)}e.dropDownDataSource&&(Array.isArray(e.dropDownDataSource)&&e.dropDownDataSource.length>0||"function"==typeof e.dropDownDataSource)?(e.query="","function"==typeof e.dropDownDataSource?e.dropDownDataSource(e.query,t):t(e.dropDownDataSource)):(e.query="","function"==typeof e.dataSource?e.dataSource(e.query,t):t(e.dataSource))}_process(e){const t=this;"string"==typeof e&&(e=t.$.deserialize(e,"array")),e=e.filter((function(e){return""===e||(t.matcher?t.matcher(e):t._matcher(e))})),e=t._sorter(e),t.sorted&&(e.sort(((e,t)=>void 0!==e.label?e.label.localeCompare(t.label):e.localeCompare(t))),"desc"===t.sortDirection&&e.reverse()),!e.length&&t.opened&&t.close(),0!==e.length&&(t.query.length>0?t._render(e.slice(0,t.items)):t._render(e),t._open(),t.$.scrollView.refresh&&t.$.scrollView.refresh(),t._refreshMenu(),t.ensureVisible())}_matcher(e){const t=this.query;switch(null===e&&(e="null"),e=""+(e=e.label||e),this.queryMode){case"startsWith":return e.startsWith(t);case"startsWithIgnoreCase":return e.toLowerCase().startsWith(t.toLowerCase());case"doesNotContain":return e.indexOf(t)<0;case"doesNotContainIgnoreCase":return e.toLowerCase().indexOf(t.toLowerCase())<0;case"contains":return e.indexOf(t)>-1;default:case"containsIgnoreCase":return~e.toLowerCase().indexOf(t.toLowerCase());case"equals":return 0===e.localeCompare(t);case"equalsIgnoreCase":return 0===e.toLowerCase().localeCompare(t.toLowerCase());case"endsWith":return e.endsWith(t);case"endsWithIgnoreCase":return e.toLowerCase().endsWith(t.toLowerCase())}}_sorter(e){const t=this;let r,o=[],n=[],a=[];if(e&&""===e[0])return e;for(;r=e.shift();){let e=r.label||r;e=""+e,e.toLowerCase().indexOf(t.query.toLowerCase())?~e.indexOf(t.query)?n.push(r):a.push(r):o.push(r)}return o.concat(n,a)}_highlighter(e){const t=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return e.replace(new RegExp("("+t+")","ig"),(function(e,t){return"<strong>"+t+"</strong>"}))}_render(e){const t=this;let r=0;const o=e.map((function(e){let o=e,n=e;"object"==typeof e&&(o=e.label,n=void 0!==e.value?e.value:o),o=""+o;const a=document.createElement("li"),s=document.createElement("a");if(s.href="#",a.id=t.id+"Item"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),a.setAttribute("data-label",o),a.index=r++,a.dataValue=n,"string"==typeof n?a.setAttribute("value",n):a.setAttribute("value",JSON.stringify(n)),a.setAttribute("role","option"),a.setAttribute("aria-label",o),s.innerHTML=t.highlighter?t.highlighter(o):t._highlighter(o),s.setAttribute("aria-hidden",!0),e.icon&&(s.classList.add("icon"),s.classList.add(e.icon)),e.prefix){const t=document.createElement("span");t.innerHTML=e.prefix,s.classList.add("has-prefix"),s.innerHTML=t.innerHTML+s.innerHTML}if(e.suffix){const t=document.createElement("span");t.innerHTML=e.suffix,s.classList.add("has-suffix"),s.innerHTML=s.innerHTML+t.innerHTML}return a.appendChild(s),a}));function n(){const e=t.$.menu.getElementsByClassName("active");e[0]&&e[0].classList.remove("active"),this.classList.add("active"),t._setActiveDescendant(this)}o.length>0&&(o[0].classList.add("active"),t._setActiveDescendant(o[0])),t.$.menu.innerHTML="";for(let e=0;e<o.length;e++){const r=o[e];t.$.menu.appendChild(r),r.onmouseenter=n,r.onmouseleave=function(){this.classList.remove("active"),t._setActiveDescendant(null)},r.onclick=n}}ensureVisible(){const e=this,t=e.$.menu.querySelector(".active");t&&(t.offsetTop+t.offsetHeight>=e.$.scrollView.scrollTop+e.$.scrollView.offsetHeight&&(e.$.scrollView.scrollTop=t.offsetTop+t.offsetHeight),(t.offsetTop<=e.$.scrollView.scrollTop||t.offsetTop>=e.$.scrollView.scrollTop+e.$.scrollView.offsetHeight)&&(e.$.scrollView.scrollTop=t.offsetTop),0===[...e.$.menu.children].indexOf(t)?e.$.scrollView.scrollTop=0:[...e.$.menu.children].indexOf(t)===e.$.menu.children.length-1&&(e.$.scrollView.scrollTop=e.$.scrollView.scrollHeight))}_next(){const e=this,t=e.$.menu.querySelector(".active");if(!t){const t=e.$.menu.firstElementChild;return t.classList.add("active"),void e._setActiveDescendant(t)}t.classList.remove("active");let r=t.nextElementSibling;r||(r=e.$.menu.firstElementChild),r.classList.add("active"),e._setActiveDescendant(r),e.ensureVisible()}_prev(){const e=this,t=e.$.menu.querySelector(".active");if(!t){const t=e.$.menu.firstElementChild;return t.classList.add("active"),void e._setActiveDescendant(t)}t.classList.remove("active");let r=t.previousElementSibling;r||(r=e.$.menu.lastElementChild),r.classList.add("active"),e._setActiveDescendant(r),e.ensureVisible()}_move(e){const t=this;if(t.opened){switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),t._prev();break;case 40:e.preventDefault(),t._next()}e.stopPropagation()}}_keyDownHandler(e){const t=this;t._suppressKeyPressRepeat=![40,38,9,13,27,16,17,18].includes(e.keyCode),t._oldValue=t.$.input.value,e.shiftKey||e.altKey||e.ctrlKey||t._move(e)}_keyPressHandler(e){this._suppressKeyPressRepeat||e.shiftKey||e.altKey||e.ctrlKey||this._move(e)}_keyUpHandler(e){const t=this;if(!e.shiftKey)switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:40===e.keyCode&&e.altKey&&t.open(),38===e.keyCode&&e.altKey&&t.close();break;case 9:case 13:if(!t.opened)return;t._performSelect(),e.stopPropagation(),e.preventDefault();break;case 27:if(!t.opened)return;t.close(),e.stopPropagation(),e.preventDefault();break;default:t._lookup(e),!t.opened||e.ctrlKey||e.shiftKey||(e.stopPropagation(),e.preventDefault()),t.$.fireEvent("changing",{value:t.$.input.value,oldValue:t._oldValue}),t.$.input.dataValue=t.$.input.value,t.setAttribute("data-value",t.$.input.dataValue)}}propertyChangedHandler(e,t,r){super.propertyChangedHandler(e,t,r);const o=this;if("selectedIndex"===e)o._setSelection();else if("dropDownClassList"===e){const e=o.$.scrollView;for(let r=0,o=t.length;r<o;r+=1)e.classList.remove(t[r]);for(let t=0,o=r.length;t<o;t+=1)e.classList.add(r[t])}else if("dropDownHeight"===e)"auto"!==o.dropDownHeight?o.$.scrollView.style.setProperty("--smart-input-drop-down-menu-height",o.dropDownHeight+"px"):o.$.scrollView.style.setProperty("--smart-input-drop-down-menu-height","auto");else if("opened"===e)o.opened=t,r?o.open():o.close();else if("placeholder"===e){if(o.readonly){const e=o.getAttribute("aria-label");if(e&&e!==t)return;r?o.setAttribute("aria-label",r):o.removeAttribute("aria-label")}}else if("selectedValues"===e)if(null===r)o.$.input.value="",o.$.input.dataValue=r,o.setAttribute("data-value",r),o._refreshSelectedIndex();else{const e=r.join(","),t=o.value;o.value=e,o.propertyChangedHandler("value",t,o.value)}else"value"===e?(o.displayMember!==o.valueMember&&"string"!=typeof r?(o.set("value",r[o.displayMember]),o.$.input.dataValue=r[o.valueMember],o.setAttribute("data-value",o.$.input.dataValue)):(o.$.input.value=o.$.input.dataValue=r,o.setAttribute("data-value",r)),o._refreshSelectedIndex()):"readonly"===e?(o._setAriaRelations(),o._setInputPurpose()):"theme"===e||"rightToLeft"===e?o.$.scrollView[e]=r:"inputPurpose"===e?o._setInputPurpose():"inverted"===e?r?o.$.scrollView.setAttribute("inverted",""):o.$.scrollView.removeAttribute("inverted"):"disabled"!==e&&"unfocusable"!==e||o._setFocusable()}detached(){super.detached(),this.close(),this.removeAttribute("focus")}render(){const e=this,t=e.dropDownClassList;e._createElement&&e._createElement();const r=e.$.scrollView;for(let e=0,o=t.length;e<o;e+=1)r.classList.add(t[e]);e.opened&&(e.opened=!1,e.open());const o=e.$.menu;o&&(o.setAttribute("role","presentation"),r.appendChild(o)),"auto"!==e.dropDownHeight?r.style.setProperty("--smart-input-drop-down-menu-height",e.dropDownHeight+"px"):r.style.setProperty("--smart-input-drop-down-menu-height","auto"),r.classList.add("smart-input-drop-down-menu");for(let t=0;t<e.classList.length;t++){const o=e.classList[t];"smart-element"!==o&&"smart-input"!==o&&r.classList.add(o+"-drop-down-menu")}r.id=e.id+"_"+e.tagName.toLowerCase()+"_menu_"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),r.ownerElement=e,e._setAriaRelations(),e._setInputPurpose(),e._setSelection(),e.isInitialized=!0,super.render()}_setSelection(){const e=this;let t=e.dataSource;if("string"==typeof t&&(t=e.$.deserialize(t,"array")),e.selectedIndex>=0&&t&&t.length>0){let r=t[e.selectedIndex];if("number"!=typeof r&&"boolean"!=typeof r||(r=""+r),"string"==typeof r){let t=e.$.input.dataValue,o=e.value;e.set("value",r),e.$.input.dataValue=r,e.$.input.setAttribute("data-value",r),e.selectedValues=[e.$.input.dataValue],e.isInitialized&&e.$.fireEvent("change",{value:e.value,label:e.label,oldValue:t,oldLabel:o})}else{let t=e.$.input.dataValue,o=e.value;r.value?(e.set("value",void 0!==r.value?r.value+"":""),e.$.input.dataValue=r.value,e.$.input.setAttribute("data-value",r.value),e.selectedValues=[e.$.input.dataValue]):r.label&&(e.selectedValues=[r.value]),r.label&&e.set("value",r.label),e.isInitialized&&e.$.fireEvent("change",{value:e.$.input.dataValue,label:r.value,oldValue:t,oldLabel:o})}}}_createElement(){const e=this,t=document.createElement("ul"),r=document.createElement("smart-scroll-viewer");r.rightToLeft=e.rightToLeft,r.theme=e.theme,r.horizontalScrollBarVisibility="hidden",e.inverted?r.setAttribute("inverted",""):r.removeAttribute("inverted"),e.$.scrollView=r,e.$.menu=t,e._setFocusable(),e.$.menu.onclick=function(t){const r=t.target.closest("li");t.stopPropagation(),t.preventDefault(),e._performSelect(),r&&e.$.fireEvent("itemClick",{item:r,label:r.getAttribute("aria-label"),value:r.dataValue}),e.$.input.focus()}}_setAriaRelations(){const e=this,t=e.getAttribute("aria-label");e.readonly?(e.setAttribute("role","button"),!t&&e.placeholder&&e.setAttribute("aria-label",e.placeholder),e.removeAttribute("aria-readonly"),e.$.input.setAttribute("aria-hidden",!0),e.$.input.removeAttribute("aria-activedescendant"),e.$.input.removeAttribute("aria-controls"),e.$.dropDownButton.setAttribute("aria-hidden",!0)):(e.setAttribute("role","combobox"),t&&t===e.placeholder&&e.removeAttribute("aria-label"),e.$.input.setAttribute("role","searchbox"),e.$.input.removeAttribute("aria-hidden",!0),e.$.dropDownButton.removeAttribute("aria-hidden")),e.setAttribute("aria-expanded",e.opened),e.setAttribute("aria-haspopup","listbox"),e.setAttribute("aria-owns",e.$.scrollView.id),e.$.scrollView.setAttribute("role","listbox")}_setActiveDescendant(e){const t=this;t.readonly||(e?t.setAttribute("aria-activedescendant",e.id):t.removeAttribute("aria-activedescendant"))}_setInputPurpose(){const e=this;e.readonly?e.$.input.removeAttribute("autocomplete"):e.$.input.setAttribute("autocomplete",e.inputPurpose)}_setFocusable(){const e=this;e.disabled||e.unfocusable?e.$.input.setAttribute("tabindex",-1):e.$.input.removeAttribute("tabindex")}});
+Smart("smart-input",class extends Smart.BaseElement{static get properties(){return{autoCompleteDelay:{value:100,type:"number"},dataSource:{type:"any",value:[],reflectToAttribute:!1},dropDownClassList:{value:[],type:"array",reflectToAttribute:!1},dropDownDataSource:{type:"any",value:[]},dropDownHeight:{type:"any",value:200},dropDownOpenMode:{allowedValues:["default","manual"],value:"default",type:"string"},dropDownWidth:{type:"any",value:null},dropDownButtonPosition:{allowedValues:["none","left","right"],value:"none",type:"string"},hint:{type:"string",value:""},inputPurpose:{type:"string",value:"off"},items:{type:"number",value:8},minLength:{type:"number",value:1},name:{value:"",type:"string"},opened:{value:!1,type:"boolean"},query:{type:"string",value:""},queryMode:{allowedValues:["contains","containsIgnoreCase","doesNotContain","doesNotContainIgnoreCase","equals","equalsIgnoreCase","startsWith","startsWithIgnoreCase","endsWith","endsWithIgnoreCase"],type:"string",value:"containsIgnoreCase"},placeholder:{value:"",type:"string"},readonly:{type:"boolean",value:!1},sorted:{value:!1,type:"boolean"},sortDirection:{value:"asc",type:"string"},selectedIndex:{type:"number",value:-1},selectedValues:{value:[],type:"array"},type:{type:"string"},value:{type:"string",value:""}}}static get styleUrls(){return["smart.textbox.css"]}template(){return'<div id="inputContainer" role="presentation"><input class="smart-input" id=\'input\' readonly=\'[[readonly]]\' placeholder=\'[[placeholder]]\' type=\'[[type]]\' name=\'[[name]]\' value=\'{{value::keyup}}\' disabled=\'[[disabled]]\' aria-label="[[placeholder]]" /><span class="smart-hidden smart-hint" id="span">[[hint]]</span><div id="dropDownButton" tabindex=-1 class="smart-drop-down-button" role="button" aria-label="Toggle popup"><div id="arrow" class="arrow" aria-hidden="true"></div></div></div>'}static get listeners(){return{"input.focus":"_focusHandler","input.blur":"_blurHandler","input.keydown":"_keyDownHandler","input.keyup":"_keyUpHandler","input.keypress":"_keyPressHandler","input.paste":"_pasteHandler","dropDownButton.down":"_dropDownButtonDownHandler","inputContainer.down":"_downHandler","document.up":"_documentUpHandler"}}get selectedIndexes(){return this.isCompleted?[this.selectedIndex]:[]}set selectedIndexes(e){this.isCompleted&&(e&&e[0]?this.selectedIndex=e[0]:this.selectedIndex=-1)}focus(){this.$.input.focus()}select(){const e=this;e.readonly?e.$.input.focus():e.$.input.select()}_documentUpHandler(e){const t=this,r=t.shadowRoot||t.isInShadowDOM?e.originalEvent.composedPath()[0]:e.originalEvent.target;r!==t&&r!==t.$.dropDownButton&&r!==t.$.input&&r!==t.$.arrow?t.$.scrollView.contains(r.shadowParent||r)?t._isPointerDown&&(t._isPointerDown=!1,t.opened&&(t._preventLookup=!0),t.$.input.focus()):(t.opened&&(t._preventLookup=!0),"manual"===t.dropDownOpenMode||t._isPointerDown||t.close(),t._isPointerDown=!1):t._isPointerDown=!1}_focusHandler(){const e=this;e.setAttribute("focus",""),e.readonly||0!==e.minLength||0!==e.$.input.value.length||e._preventLookup?(e.$.fireEvent("focus"),delete e._preventLookup):e._lookup()}_blurHandler(){const e=this;e.opened||e.removeAttribute("focus"),e.opened||e.$.fireEvent("blur"),e._refreshSelectedIndex(),delete e._preventLookup}_pasteHandler(e){const t=this,r=t.$.input,o=r.value,n=r.selectionStart,a=r.selectionEnd;if(!e.clipboardData&&!window.clipboardData)return;const s=(e.clipboardData||window.clipboardData).getData("text");let i=o.slice(0,n)+s,l=i.length;i+=o.slice(a),e.preventDefault(),t.set("value",i),t.setAttribute("data-value",i),r.setSelectionRange(l,l),t._refreshSelectedIndex()}_refreshSelectedIndex(){const e=this;let t=e.dataSource;if(t){let r=-1;if(e.dataSource instanceof Promise)return;if("function"==typeof e.dataSource)return;"string"==typeof t&&(t=e.$.deserialize(t,"array"));for(let o=0;o<t.length;o++){let n=t[o];if("number"!=typeof n&&"boolean"!=typeof n||(n=""+n),"string"==typeof n){if(n===e.value){r=o;break}}else if(n&&n.label===e.value){r=o;break}}e.set("selectedIndex",r,!1),-1===e.selectedIndex&&(e.$.input.dataValue=null)}}selectItem(e){const t=this;let r=t.dataSource;if("string"==typeof r&&(r=t.$.deserialize(r,"array")),r)for(let o=0;o<r.length;o++){const n=r[o];if(t.set("selectedIndex",-1),t.set("value",""),t.$.input.dataValue=null,"string"==typeof n){if(n===e)return t.set("selectedIndex",o,!1),t.set("value",t.$.input.dataValue=e),void t.setAttribute("data-value",t.$.input.dataValue)}else if(n.value===e)return t.set("selectedIndex",o,!1),t.set("value",n.label),t.$.input.dataValue=e,void t.setAttribute("data-value",t.$.input.dataValue)}else t.set("value",t.$.input.dataValue=e),t.setAttribute("data-value",t.$.input.dataValue),t.set("selectedIndex",-1,!1)}getItem(e){const t=this;if(t.dataSource)for(let r=0;r<t.dataSource.length;r++){const o=t.dataSource[r];if(o.value===e)return o}return null}getSelectedItem(){const e=this;return{label:e.value,value:e.$.input.dataValue||e.value}}_refreshMenu(){const e=this;e.$.menu.classList.remove("scroll"),e.$.scrollView.computedVerticalScrollBarVisibility&&e.$.menu.classList.add("scroll")}_performSelect(){const e=this,t=e.$.menu.querySelector(".active"),r=t.getAttribute("data-label"),o=t.dataValue,n=e.value,a=e.$.input.dataValue;e.set("value",r),e.$.input.dataValue=o,e.setAttribute("data-value",o),e.set("selectedIndex",t.index),e.set("selectedValues",[e.$.input.dataValue]),e.close(),r===n&&o===a||e.$.fireEvent("change",{value:o,label:r,oldValue:a,oldLabel:n})}_open(){const e=this;if(e.opened)return;const t=window.scrollX,r=window.scrollY;let o=e.getBoundingClientRect(),n=0,a=0;if(e.timer&&clearTimeout(e.timer),e.getRootNode()&&e.getRootNode().host?e.getRootNode().host.shadowRoot.appendChild(e.$.scrollView):document.body.appendChild(e.$.scrollView),e.setAttribute("aria-owns",e.$.scrollView.id),e.readonly||e.$.input.setAttribute("aria-controls",e.$.scrollView.id),e.$.scrollView.enableShadowDOM&&!e._importedStyle&&(e.$.scrollView.importStyle(e._getStyleUrl("smart.textbox.css")),e._importedStyle=!0),"static"!==getComputedStyle(document.body).position){const e=document.body.getBoundingClientRect();n=e.left,a=e.top}e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",""),e.$.scrollView.style.left=-3+o.left+t-n+"px",e.$.scrollView.style.top=o.bottom+r-a+1+"px",e.$.scrollView.classList.remove("open"),e.opening=!0,e._positionTimer&&clearInterval(e._positionTimer),e._positionTimer=setInterval((()=>{const t=e.getBoundingClientRect();if(e.opening)e.opening=!1,o=t;else if(t.top!==o.top||t.left!==o.left)return void e.close()}),50),e.$.scrollView.onpointerdown=function(){e._isPointerDown=!0},requestAnimationFrame((function(){const t=e.dropDownWidth;if(e.$.scrollView.refresh&&e.$.scrollView.refresh(),e._refreshMenu(),e.$.scrollView.setAttribute("open",""),e.setAttribute("open",""),e.$.dropDownButton.setAttribute("open",""),e.$.input.setAttribute("open",""),t&&"string"==typeof t&&-1!==t.indexOf("%")){const r=parseFloat(t)/100;e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",e.offsetWidth*r+"px")}else if("auto"!==t&&t)e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",parseFloat(t)+"px");else if("auto"===t){if(e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",""),e.$.scrollView.$.scrollViewerContainer.classList.contains("vscroll")){const t=e.$.scrollView.offsetWidth+parseFloat(getComputedStyle(e.$.scrollView).getPropertyValue("--smart-scroll-bar-size"));e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",t+"px")}}else{e.$.menu.style.width="auto";let t=e.$.menu.offsetWidth;const r=e.$.menu.querySelectorAll("li");for(let t=0;t<r.length;t++)e._maxDropDownWidth=Math.max((r[t].firstElementChild||r[t]).offsetWidth,e._maxDropDownWidth);e.$.scrollView.computedVerticalScrollBarVisibility&&(t+=e.$.scrollView.$&&e.$.scrollView.$.verticalScrollBar?e.$.scrollView.$.verticalScrollBar.offsetWidth:30),e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",Math.max(t,e.offsetWidth-8)+"px"),e.$.menu.style.width=""}(e.shadowRoot||e.isInShadowDOM)&&e.$.scrollView._scrollView&&Smart.ScrollBar&&requestAnimationFrame((()=>{e.$.scrollView._scrollView&&e.$.scrollView._scrollView.vScrollBar.refresh()}))})),e.$.scrollView.refresh&&e.$.scrollView.refresh(),e._refreshMenu(),e.set("opened",!0),e.setAttribute("aria-expanded",!0),e.$.fireEvent("open")}close(){const e=this;return!!e.opened&&(e.timer&&clearTimeout(e.timer),e.timer=setTimeout((function(){e.$.scrollView.parentNode&&!e.opened&&(e.$.scrollView.remove(),e.removeAttribute("aria-owns"),e.readonly||e.$.input.removeAttribute("aria-controls"))}),1e3),e._positionTimer&&clearInterval(e._positionTimer),e.$.scrollView.removeAttribute("open"),e.$.dropDownButton.removeAttribute("open"),e.$.input.removeAttribute("open"),e.removeAttribute("open"),e.set("opened",!1),e.setAttribute("aria-expanded",!1),e.$.input.focus(),e.$.fireEvent("close"),!0)}refresh(){const e=this;e.$.scrollView.refresh&&e.$.scrollView.refresh(),e.close()}_lookup(e){const t=this;if(t.query=t.$.input.value,t.$.input.readonly&&(t._incrementalSearchQuery||(t._incrementalSearchQuery=""),t._incrementalSearchQuery+=e.key,t._incrementalSearchTimer&&clearTimeout(t._incrementalSearchTimer),t.query=t._incrementalSearchQuery,t._incrementalSearchTimer=setTimeout((function(){t._incrementalSearchQuery=""}),700)),t.query.length<t.minLength)return void t.close();const r=function(e){clearTimeout(t._autoCompleteTimeout),t._autoCompleteTimeout=setTimeout((()=>{const r=t.context;t.context=t,t._process(e),t.context=r}),t.autoCompleteDelay)};"function"==typeof t.dataSource?t.dataSource(t.query,r):r(t.dataSource)}_downHandler(e){const t=this;t.readonly&&t._dropDownButtonDownHandler(e)}_dropDownButtonDownHandler(e){const t=this;return"manual"!==t.dropDownOpenMode&&t._toggle(),e.preventDefault(),e.stopPropagation(),e.originalEvent.preventDefault(),e.originalEvent.stopPropagation(),t._isPointerDown=!0,!1}_toggle(){const e=this;e.opened?e.close():e.open()}open(){const e=this;function t(t){e._process(t);const r=e.$.menu.querySelector(".active");if(r){const t=e.$.input.dataValue;for(let o=0;o<e.$.menu.children.length;o++){const n=e.$.menu.children[o],a=n.getAttribute("data-label"),s=n.dataValue;if(void 0!==t&&s===t||void 0===t&&a===e.$.input.value){r.classList.remove("active"),n.classList.add("active"),e._setActiveDescendant(n),e.$.input.dataValue=s,e.setAttribute("data-value",s);break}}}e.ensureVisible(),e.$.input.focus(),setTimeout((function(){e.$.input.focus()}),25)}e.dropDownDataSource&&(Array.isArray(e.dropDownDataSource)&&e.dropDownDataSource.length>0||"function"==typeof e.dropDownDataSource)?(e.query="","function"==typeof e.dropDownDataSource?e.dropDownDataSource(e.query,t):t(e.dropDownDataSource)):(e.query="","function"==typeof e.dataSource?e.dataSource(e.query,t):t(e.dataSource))}_process(e){const t=this;"string"==typeof e&&(e=t.$.deserialize(e,"array")),e=e.filter((function(e){return""===e||(t.matcher?t.matcher(e):t._matcher(e))})),e=t._sorter(e),t.sorted&&(e.sort(((e,t)=>void 0!==e.label?e.label.localeCompare(t.label):e.localeCompare(t))),"desc"===t.sortDirection&&e.reverse()),!e.length&&t.opened&&t.close(),0!==e.length&&(t.query.length>0?t._render(e.slice(0,t.items)):t._render(e),t._open(),t.$.scrollView.refresh&&t.$.scrollView.refresh(),t._refreshMenu(),t.ensureVisible())}_matcher(e){const t=this.query;switch(null===e&&(e="null"),e=""+(e=e.label||e),this.queryMode){case"startsWith":return e.startsWith(t);case"startsWithIgnoreCase":return e.toLowerCase().startsWith(t.toLowerCase());case"doesNotContain":return e.indexOf(t)<0;case"doesNotContainIgnoreCase":return e.toLowerCase().indexOf(t.toLowerCase())<0;case"contains":return e.indexOf(t)>-1;default:case"containsIgnoreCase":return~e.toLowerCase().indexOf(t.toLowerCase());case"equals":return 0===e.localeCompare(t);case"equalsIgnoreCase":return 0===e.toLowerCase().localeCompare(t.toLowerCase());case"endsWith":return e.endsWith(t);case"endsWithIgnoreCase":return e.toLowerCase().endsWith(t.toLowerCase())}}_sorter(e){const t=this;let r,o=[],n=[],a=[];if(e&&""===e[0])return e;for(;r=e.shift();){let e=r.label||r;e=""+e,e.toLowerCase().indexOf(t.query.toLowerCase())?~e.indexOf(t.query)?n.push(r):a.push(r):o.push(r)}return o.concat(n,a)}_highlighter(e){const t=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return e.replace(new RegExp("("+t+")","ig"),(function(e,t){return"<strong>"+t+"</strong>"}))}_render(e){const t=this;let r=0;const o=e.map((function(e){let o=e,n=e;"object"==typeof e&&(o=e.label,n=void 0!==e.value?e.value:o),o=""+o;const a=document.createElement("li"),s=document.createElement("a");if(s.href="#",a.id=t.id+"Item"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),a.setAttribute("data-label",o),a.index=r++,a.dataValue=n,"string"==typeof n?a.setAttribute("value",n):a.setAttribute("value",JSON.stringify(n)),a.setAttribute("role","option"),a.setAttribute("aria-label",o),s.innerHTML=t.highlighter?t.highlighter(o):t._highlighter(o),s.setAttribute("aria-hidden",!0),e.icon&&(s.classList.add("icon"),s.classList.add(e.icon)),e.prefix){const t=document.createElement("span");t.innerHTML=e.prefix,s.classList.add("has-prefix"),s.innerHTML=t.innerHTML+s.innerHTML}if(e.suffix){const t=document.createElement("span");t.innerHTML=e.suffix,s.classList.add("has-suffix"),s.innerHTML=s.innerHTML+t.innerHTML}return a.appendChild(s),a}));function n(){const e=t.$.menu.getElementsByClassName("active");e[0]&&e[0].classList.remove("active"),this.classList.add("active"),t._setActiveDescendant(this)}o.length>0&&(o[0].classList.add("active"),t._setActiveDescendant(o[0])),t.$.menu.innerHTML="";for(let e=0;e<o.length;e++){const r=o[e];t.$.menu.appendChild(r),r.onmouseenter=n,r.onmouseleave=function(){this.classList.remove("active"),t._setActiveDescendant(null)},r.onclick=n}}ensureVisible(){const e=this,t=e.$.menu.querySelector(".active");t&&(t.offsetTop+t.offsetHeight>=e.$.scrollView.scrollTop+e.$.scrollView.offsetHeight&&(e.$.scrollView.scrollTop=t.offsetTop+t.offsetHeight),(t.offsetTop<=e.$.scrollView.scrollTop||t.offsetTop>=e.$.scrollView.scrollTop+e.$.scrollView.offsetHeight)&&(e.$.scrollView.scrollTop=t.offsetTop),0===[...e.$.menu.children].indexOf(t)?e.$.scrollView.scrollTop=0:[...e.$.menu.children].indexOf(t)===e.$.menu.children.length-1&&(e.$.scrollView.scrollTop=e.$.scrollView.scrollHeight))}_next(){const e=this,t=e.$.menu.querySelector(".active");if(!t){const t=e.$.menu.firstElementChild;return t.classList.add("active"),void e._setActiveDescendant(t)}t.classList.remove("active");let r=t.nextElementSibling;r||(r=e.$.menu.firstElementChild),r.classList.add("active"),e._setActiveDescendant(r),e.ensureVisible()}_prev(){const e=this,t=e.$.menu.querySelector(".active");if(!t){const t=e.$.menu.firstElementChild;return t.classList.add("active"),void e._setActiveDescendant(t)}t.classList.remove("active");let r=t.previousElementSibling;r||(r=e.$.menu.lastElementChild),r.classList.add("active"),e._setActiveDescendant(r),e.ensureVisible()}_move(e){const t=this;if(t.opened){switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),t._prev();break;case 40:e.preventDefault(),t._next()}e.stopPropagation()}}_keyDownHandler(e){const t=this;t._suppressKeyPressRepeat=![40,38,9,13,27,16,17,18].includes(e.keyCode),t._oldValue=t.$.input.value,e.shiftKey||e.altKey||e.ctrlKey||t._move(e)}_keyPressHandler(e){this._suppressKeyPressRepeat||e.shiftKey||e.altKey||e.ctrlKey||this._move(e)}_keyUpHandler(e){const t=this;if(!e.shiftKey&&"F2"!==e.key)switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:40===e.keyCode&&e.altKey&&t.open(),38===e.keyCode&&e.altKey&&t.close();break;case 9:case 13:if(!t.opened)return;t._performSelect(),e.stopPropagation(),e.preventDefault();break;case 27:if(!t.opened)return;t.close(),e.stopPropagation(),e.preventDefault();break;default:t._lookup(e),!t.opened||e.ctrlKey||e.shiftKey||(e.stopPropagation(),e.preventDefault()),t.$.fireEvent("changing",{value:t.$.input.value,oldValue:t._oldValue}),t.$.input.dataValue=t.$.input.value,t.setAttribute("data-value",t.$.input.dataValue)}}propertyChangedHandler(e,t,r){super.propertyChangedHandler(e,t,r);const o=this;if("selectedIndex"===e)o._setSelection();else if("dropDownClassList"===e){const e=o.$.scrollView;for(let r=0,o=t.length;r<o;r+=1)e.classList.remove(t[r]);for(let t=0,o=r.length;t<o;t+=1)e.classList.add(r[t])}else if("dropDownHeight"===e)"auto"!==o.dropDownHeight?o.$.scrollView.style.setProperty("--smart-input-drop-down-menu-height",o.dropDownHeight+"px"):o.$.scrollView.style.setProperty("--smart-input-drop-down-menu-height","auto");else if("opened"===e)o.opened=t,r?o.open():o.close();else if("placeholder"===e){if(o.readonly){const e=o.getAttribute("aria-label");if(e&&e!==t)return;r?o.setAttribute("aria-label",r):o.removeAttribute("aria-label")}}else if("selectedValues"===e)if(null===r)o.$.input.value="",o.$.input.dataValue=r,o.setAttribute("data-value",r),o._refreshSelectedIndex();else{const e=r.join(","),t=o.value;o.value=e,o.propertyChangedHandler("value",t,o.value)}else"value"===e?(o.displayMember!==o.valueMember&&"string"!=typeof r?(o.set("value",r[o.displayMember]),o.$.input.dataValue=r[o.valueMember],o.setAttribute("data-value",o.$.input.dataValue)):(o.$.input.value=o.$.input.dataValue=r,o.setAttribute("data-value",r)),o._refreshSelectedIndex()):"readonly"===e?(o._setAriaRelations(),o._setInputPurpose()):"theme"===e||"rightToLeft"===e?o.$.scrollView[e]=r:"inputPurpose"===e?o._setInputPurpose():"inverted"===e?r?o.$.scrollView.setAttribute("inverted",""):o.$.scrollView.removeAttribute("inverted"):"disabled"!==e&&"unfocusable"!==e||o._setFocusable()}detached(){super.detached(),this.close(),this.removeAttribute("focus")}render(){const e=this,t=e.dropDownClassList;e._createElement&&e._createElement();const r=e.$.scrollView;for(let e=0,o=t.length;e<o;e+=1)r.classList.add(t[e]);e.opened&&(e.opened=!1,e.open());const o=e.$.menu;o&&(o.setAttribute("role","presentation"),r.appendChild(o)),"auto"!==e.dropDownHeight?r.style.setProperty("--smart-input-drop-down-menu-height",e.dropDownHeight+"px"):r.style.setProperty("--smart-input-drop-down-menu-height","auto"),r.classList.add("smart-input-drop-down-menu");for(let t=0;t<e.classList.length;t++){const o=e.classList[t];"smart-element"!==o&&"smart-input"!==o&&r.classList.add(o+"-drop-down-menu")}r.id=e.id+"_"+e.tagName.toLowerCase()+"_menu_"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),r.ownerElement=e,e._setAriaRelations(),e._setInputPurpose(),e._setSelection(),e.isInitialized=!0,super.render()}_setSelection(){const e=this;let t=e.dataSource;if("string"==typeof t&&(t=e.$.deserialize(t,"array")),e.selectedIndex>=0&&t&&t.length>0){let r=t[e.selectedIndex];if("number"!=typeof r&&"boolean"!=typeof r||(r=""+r),"string"==typeof r){let t=e.$.input.dataValue,o=e.value;e.set("value",r),e.$.input.dataValue=r,e.$.input.setAttribute("data-value",r),e.selectedValues=[e.$.input.dataValue],e.isInitialized&&e.$.fireEvent("change",{value:e.value,label:e.label,oldValue:t,oldLabel:o})}else{let t=e.$.input.dataValue,o=e.value;void 0!==r.value?(e.set("value",void 0!==r.value?r.value+"":""),e.$.input.dataValue=r.value,e.$.input.setAttribute("data-value",r.value),e.selectedValues=[e.$.input.dataValue]):r.label&&(e.selectedValues=[r.value]),r.label&&e.set("value",r.label),e.isInitialized&&e.$.fireEvent("change",{value:e.$.input.dataValue,label:r.value,oldValue:t,oldLabel:o})}}}_createElement(){const e=this,t=document.createElement("ul"),r=document.createElement("smart-scroll-viewer");r.rightToLeft=e.rightToLeft,r.theme=e.theme,r.horizontalScrollBarVisibility="hidden",e.inverted?r.setAttribute("inverted",""):r.removeAttribute("inverted"),e.$.scrollView=r,e.$.menu=t,e._setFocusable(),e.$.menu.onclick=function(t){const r=t.target.closest("li");t.stopPropagation(),t.preventDefault(),e._performSelect(),r&&e.$.fireEvent("itemClick",{item:r,label:r.getAttribute("aria-label"),value:r.dataValue}),e.$.input.focus()}}_setAriaRelations(){const e=this,t=e.getAttribute("aria-label");e.readonly?(e.setAttribute("role","button"),!t&&e.placeholder&&e.setAttribute("aria-label",e.placeholder),e.removeAttribute("aria-readonly"),e.$.input.setAttribute("aria-hidden",!0),e.$.input.removeAttribute("aria-activedescendant"),e.$.input.removeAttribute("aria-controls"),e.$.dropDownButton.setAttribute("aria-hidden",!0)):(e.setAttribute("role","combobox"),t&&t===e.placeholder&&e.removeAttribute("aria-label"),e.$.input.setAttribute("role","searchbox"),e.$.input.removeAttribute("aria-hidden",!0),e.$.dropDownButton.removeAttribute("aria-hidden")),e.setAttribute("aria-expanded",e.opened),e.setAttribute("aria-haspopup","listbox"),e.setAttribute("aria-owns",e.$.scrollView.id),e.$.scrollView.setAttribute("role","listbox")}_setActiveDescendant(e){const t=this;t.readonly||(e?t.setAttribute("aria-activedescendant",e.id):t.removeAttribute("aria-activedescendant"))}_setInputPurpose(){const e=this;e.readonly?e.$.input.removeAttribute("autocomplete"):e.$.input.setAttribute("autocomplete",e.inputPurpose)}_setFocusable(){const e=this;e.disabled||e.unfocusable?e.$.input.setAttribute("tabindex",-1):e.$.input.removeAttribute("tabindex")}});

package/source/smart.phoneinput.js

@@ -1,6 +1,6 @@
 
-/* Smart UI v10.2.37 (2021-11-21) 
+/* Smart UI v11.0.1 (2021-11-30) 
 Copyright (c) 2011-2021 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 
-Smart("smart-phone-input",class extends Smart.CountryInput{static get properties(){return{nationalMode:{value:!1,type:"boolean"},messages:{value:{en:{Example:"Example: ",IS_POSSIBLE:"Is possible",INVALID_COUNTRY_CODE:"Invalid country code",TOO_SHORT:"Too short",TOO_LONG:"Too long",IS_POSSIBLE_LOCAL_ONLY:"Is possible local only",INVALID_LENGTH:"Invalid length"}}}}}_autoSelectCountry(){const e=this;if((e.$.input.value.indexOf("+")>=0||e.$.input.value.startsWith("00")>=0)&&!e.nationalMode){const t=e.$.input.value.split(" ")[0],a=e.getItemByDialCode(t);a&&e.selectedCountry!==a.countryCode&&(e.selectedCountry=a.countryCode,e.refresh())}}propertyChangedHandler(e,t,a){super.propertyChangedHandler(e,t,a);const n=this;switch(e){case"nationalMode":case"value":n.isValidNumber()?(n.value=n.getNumber(),n.$.input.value=n.value):n.$.input.value="",n._autoSelectCountry(),n.validate();break;case"selectedCountry":n.selectItem(n.selectedCountry)}}template(){return'<div id="inputContainer" role="presentation"><input class="smart-input" id=\'input\' readonly=\'[[readonly]]\' placeholder=\'[[placeholder]]\' type=\'tel\' name=\'[[name]]\' disabled=\'[[disabled]]\' aria-label="[[placeholder]]" /><span class="smart-hidden smart-hint" id="span">[[hint]]</span><div id="dropDownButton" tabindex=-1 class="smart-drop-down-button smart-flag-box" role="button" aria-label="Toggle popup"></div></div>'}render(){const e=this;super.render(),e.readonly=!1,e.dropDownButtonPosition="left",e.selectItem(e.selectedCountry)}_updatePlaceHolder(){const e=this,t=e.getSelectedItem(),a=window.phoneNumberUtils.getExampleNumber(t.value,e.nationalMode,1);e.placeholder=e.hint=a}getSelectedItem(){const e=this,t=e.getAttribute("data-label"),a=e.getAttribute("data-dial-code"),n=e.getAttribute("data-country-code");return{label:t,value:n,iso2:n,dialCode:a}}refresh(){const e=this,t=e.getItem(e.selectedCountry);e.setAttribute("data-label",t.label),e.setAttribute("data-value",t.value),e.setAttribute("data-dial-code",t.dialCode),e.setAttribute("data-country-code",t.countryCode),e.selectedCountry=t.countryCode,e._updatePlaceHolder();const a='<div class="flag '+t.iso2+'"></div>';e.$.dropDownButton.innerHTML=a,e.$.dropDownButton.title=t.label+" +"+t.dialCode,e.validate()}selectItem(e){const t=this;super.selectItem(e),t.value=t.getNumber(),t.selectedCountry=e,t.refresh(),t.$.input.value=t.value}validate(){const e=this;if(e.isValidNumber()){e.classList.remove("smart-validation-error");const t=e.getSelectedItem(),a=e.nationalMode,n=window.phoneNumberUtils.getExampleNumber(t.value,a,1);e.setAttribute("title",e.localize("Example")+" "+n)}else{e.classList.add("smart-validation-error");const t={0:"IS_POSSIBLE",1:"INVALID_COUNTRY_CODE",2:"TOO_SHORT",3:"TOO_LONG",4:"IS_POSSIBLE_LOCAL_ONLY",5:"INVALID_LENGTH"};let a=window.phoneNumberUtils.getValidationError(e.$.input.value,e.selectedCountry);if(-99===a&&(a=5),t[a]){const n=e.localize(t[a]),l=e.getSelectedItem(),o=e.nationalMode,i=window.phoneNumberUtils.getExampleNumber(l.value,o,1);e.setAttribute("title",n+", "+e.localize("Example")+" "+i)}}}_blurHandler(){const e=this;super._blurHandler(),e.isValidNumber()&&(e.value=e.$.input.value=e.getNumber()),e.validate()}getItemByDialCode(e){const t=this;if(t.dataSource){let a=(e=""+e).indexOf("+")>=0?e.substring(1):e;if(e.startsWith("00")&&-1===e.indexOf("+")&&(a=e.substring(2)),"1"===a)return t.getItem("us");for(let e=0;e<t.dataSource.length;e++){const n=t.dataSource[e];if(n.dialCode===a)return n}}return null}getNumber(e){const t=this;if(window.phoneNumberUtils){const a=void 0===e?t.nationalMode:e,{NATIONAL:n,INTERNATIONAL:l}=window.phoneNumberUtils.numberFormat,o=a?n:l;let i=t.$.input.value;if(!a&&i.startsWith("00")){const e=t.getItem(t.selectedCountry).dialCode;i=i.substring(2+e.length).trim()}return window.phoneNumberUtils.formatNumber(i,this.selectedCountry,o)}return""}_performSelect(){const e=this,t=e.$.menu.querySelector(".active"),a=t.getAttribute("data-label"),n=t.dataValue,l=e.$.input.value,o=e.$.input.dataValue;e.$.input.dataValue=n,e.setAttribute("data-value",n),e.set("selectedIndex",t.index),e.set("selectedValues",[e.$.input.dataValue]),e.close();const i=t.querySelector(".smart-flag-box").innerHTML;e.$.dropDownButton.innerHTML=i;const r=t.getAttribute("data-dial-code");e.$.dropDownButton.title=a+" +"+r,a===l&&n===o||e.$.fireEvent("change",{value:n,label:a,oldValue:o,oldLabel:l});const s=t.getAttribute("data-country-code");e.setAttribute("data-label",a),e.setAttribute("data-value",n),e.setAttribute("data-dial-code",r),e.setAttribute("data-country-code",s),e.selectedCountry=s,e.set("value",e.$.input.value),e.nationalMode?e.$.input.value="":e.$.input.value="+"+r,e._updatePlaceHolder(),e.validate()}isValidNumber(){const e=this;let t=e.$.input.value.trim();const a=e.selectedCountry;if(t.startsWith("00")){const n=e.getItem(a).dialCode;t=t.substring(2+n.length)}return window.phoneNumberUtils?window.phoneNumberUtils.isValidNumber(t,a):null}_keyDownHandler(e){const t=this;t._suppressKeyPressRepeat=![40,38,9,13,27,16,17,18].includes(e.keyCode),t.opened&&(e.key.toUpperCase()!==e.key.toLowerCase()||e.key.codePointAt(0)>127)&&(e.preventDefault(),e.stopPropagation()),e.shiftKey||e.altKey||e.ctrlKey||t._move(e)}_keyUpHandler(e){const t=this;if(!e.shiftKey)switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:40===e.keyCode&&e.altKey&&t.open(),38===e.keyCode&&e.altKey&&t.close();break;case 9:case 13:if(!t.opened)return;t._performSelect(),e.stopPropagation(),e.preventDefault();break;case 27:if(!t.opened)return;t.close(),e.stopPropagation(),e.preventDefault();break;default:if(!e.ctrlKey&&!e.altKey&&" "!==e.key){t.validate();const e=t.isValidNumber();t.value=e?t.getNumber():""}" "===e.key&&t._autoSelectCountry(),!t.opened||e.ctrlKey||e.shiftKey||(t._lookup(e),e.stopPropagation(),e.preventDefault())}}_lookup(e){const t=this;if(t.query=t.$.input.value,t._incrementalSearchQuery||(t._incrementalSearchQuery=""),t._incrementalSearchQuery+=e.key,t._incrementalSearchTimer&&clearTimeout(t._incrementalSearchTimer),t.query=t._incrementalSearchQuery,t._incrementalSearchTimer=setTimeout((function(){t._incrementalSearchQuery=""}),700),t.query.length<t.minLength)return void t.close();const a=function(e){clearTimeout(t._autoCompleteTimeout),t._autoCompleteTimeout=setTimeout((()=>{const a=t.context;t.context=t,t._process(e),t.context=a}),t.autoCompleteDelay)};"function"==typeof t.dataSource?t.dataSource(t.query,a):a(t.dataSource)}_render(e){const t=this;let a=0;const n=t.query?null:t.getSelectedItem(),l=e.map((function(e){let l=e,o=e;"object"==typeof e&&(l=e.label,o=void 0!==e.value?e.value:l),l=""+l;const i=document.createElement("li"),r=document.createElement("a");return r.href="#",i.id=t.id+"Item"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),i.setAttribute("data-label",l),i.index=a++,i.dataValue=o,"string"==typeof o?i.setAttribute("value",o):i.setAttribute("value",JSON.stringify(o)),i.setAttribute("role","option"),i.setAttribute("aria-label",l),l='<div class="smart-flag-box"><div class="flag '+e.iso2+'"></div></div><span class="country-name">'+e.label+'</span><span class="dial-code">+'+e.dialCode+"</span>",r.innerHTML=l,r.setAttribute("aria-hidden",!0),i.classList.add("country"),i.setAttribute("data-dial-code",e.dialCode),i.setAttribute("data-country-code",e.iso2),i.appendChild(r),n&&n.value===e.iso2&&(i.classList.add("active"),t._setActiveDescendant(i)),i}));function o(){const e=t.$.menu.getElementsByClassName("active");e[0]&&e[0].classList.remove("active"),this.classList.add("active"),t._setActiveDescendant(this)}l.length>0&&!n&&(l[0].classList.add("active"),t._setActiveDescendant(l[0])),t.$.menu.innerHTML="";for(let e=0;e<l.length;e++){const a=l[e];t.$.menu.appendChild(a),a.onmouseenter=o,a.onmouseleave=function(){this.classList.remove("active"),t._setActiveDescendant(null)},a.onclick=o}}});
+Smart("smart-phone-input",class extends Smart.CountryInput{static get properties(){return{nationalMode:{value:!1,type:"boolean"},messages:{value:{en:{Example:"Example: ",IS_POSSIBLE:"Is possible",INVALID_COUNTRY_CODE:"Invalid country code",TOO_SHORT:"Too short",TOO_LONG:"Too long",IS_POSSIBLE_LOCAL_ONLY:"Is possible local only",INVALID_LENGTH:"Invalid length"}}}}}_autoSelectCountry(){const e=this;if((e.$.input.value.indexOf("+")>=0||e.$.input.value.startsWith("00")>=0)&&!e.nationalMode){const t=e.$.input.value.split(" ")[0],a=e.getItemByDialCode(t);a&&e.selectedCountry!==a.countryCode&&(e.selectedCountry=a.countryCode,e.refresh())}}propertyChangedHandler(e,t,a){super.propertyChangedHandler(e,t,a);const n=this;switch(e){case"nationalMode":case"value":n.isValidNumber()?(n.value=n.getNumber(),n.$.input.value=n.value):n.$.input.value="",n._autoSelectCountry(),n.validate();break;case"selectedCountry":n.selectItem(n.selectedCountry)}}template(){return'<div id="inputContainer" role="presentation"><input class="smart-input" id=\'input\' readonly=\'[[readonly]]\' placeholder=\'[[placeholder]]\' type=\'tel\' name=\'[[name]]\' disabled=\'[[disabled]]\' aria-label="[[placeholder]]" /><span class="smart-hidden smart-hint" id="span">[[hint]]</span><div id="dropDownButton" tabindex=-1 class="smart-drop-down-button smart-flag-box" role="button" aria-label="Toggle popup"></div></div>'}render(){const e=this;super.render(),e.readonly=!1,e.dropDownButtonPosition="left",e.selectItem(e.selectedCountry)}_updatePlaceHolder(){const e=this,t=e.getSelectedItem(),a=window.phoneNumberUtils.getExampleNumber(t.value,e.nationalMode,1);e.placeholder=e.hint=a}getSelectedItem(){const e=this,t=e.getAttribute("data-label"),a=e.getAttribute("data-dial-code"),n=e.getAttribute("data-country-code");return{label:t,value:n,iso2:n,dialCode:a}}refresh(){const e=this,t=e.getItem(e.selectedCountry);e.setAttribute("data-label",t.label),e.setAttribute("data-value",t.value),e.setAttribute("data-dial-code",t.dialCode),e.setAttribute("data-country-code",t.countryCode),e.selectedCountry=t.countryCode,e._updatePlaceHolder();const a='<div class="flag '+t.iso2+'"></div>';e.$.dropDownButton.innerHTML=a,e.$.dropDownButton.title=t.label+" +"+t.dialCode,e.validate()}selectItem(e){const t=this;super.selectItem(e),t.value=t.getNumber(),t.selectedCountry=e,t.refresh(),t.$.input.value=t.value}validate(){const e=this;if(e.isValidNumber()){e.classList.remove("invalid-number");const t=e.getSelectedItem(),a=e.nationalMode,n=window.phoneNumberUtils.getExampleNumber(t.value,a,1);e.setAttribute("title",e.localize("Example")+" "+n)}else{e.classList.add("invalid-number");const t={0:"IS_POSSIBLE",1:"INVALID_COUNTRY_CODE",2:"TOO_SHORT",3:"TOO_LONG",4:"IS_POSSIBLE_LOCAL_ONLY",5:"INVALID_LENGTH"};let a=window.phoneNumberUtils.getValidationError(e.$.input.value,e.selectedCountry);if(-99===a&&(a=5),t[a]){const n=e.localize(t[a]),l=e.getSelectedItem(),o=e.nationalMode,i=window.phoneNumberUtils.getExampleNumber(l.value,o,1);e.setAttribute("title",n+", "+e.localize("Example")+" "+i)}}}_blurHandler(){const e=this;super._blurHandler(),e.isValidNumber()&&(e.value=e.$.input.value=e.getNumber()),e.validate()}getItemByDialCode(e){const t=this;if(t.dataSource){let a=(e=""+e).indexOf("+")>=0?e.substring(1):e;if(e.startsWith("00")&&-1===e.indexOf("+")&&(a=e.substring(2)),"1"===a)return t.getItem("us");for(let e=0;e<t.dataSource.length;e++){const n=t.dataSource[e];if(n.dialCode===a)return n}}return null}getNumber(e){const t=this;if(window.phoneNumberUtils){const a=void 0===e?t.nationalMode:e,{NATIONAL:n,INTERNATIONAL:l}=window.phoneNumberUtils.numberFormat,o=a?n:l;let i=t.$.input.value;if(!a&&i.startsWith("00")){const e=t.getItem(t.selectedCountry).dialCode;i=i.substring(2+e.length).trim()}return window.phoneNumberUtils.formatNumber(i,this.selectedCountry,o)}return""}_performSelect(){const e=this,t=e.$.menu.querySelector(".active"),a=t.getAttribute("data-label"),n=t.dataValue,l=e.$.input.value,o=e.$.input.dataValue;e.$.input.dataValue=n,e.setAttribute("data-value",n),e.set("selectedIndex",t.index),e.set("selectedValues",[e.$.input.dataValue]),e.close();const i=t.querySelector(".smart-flag-box").innerHTML;e.$.dropDownButton.innerHTML=i;const r=t.getAttribute("data-dial-code");e.$.dropDownButton.title=a+" +"+r,a===l&&n===o||e.$.fireEvent("change",{value:n,label:a,oldValue:o,oldLabel:l});const s=t.getAttribute("data-country-code");e.setAttribute("data-label",a),e.setAttribute("data-value",n),e.setAttribute("data-dial-code",r),e.setAttribute("data-country-code",s),e.selectedCountry=s,e.set("value",e.$.input.value),e.nationalMode?e.$.input.value="":e.$.input.value="+"+r,e._updatePlaceHolder(),e.validate()}isValidNumber(){const e=this;let t=e.$.input.value.trim();const a=e.selectedCountry;if(t.startsWith("00")){const n=e.getItem(a).dialCode;t=t.substring(2+n.length)}return window.phoneNumberUtils?window.phoneNumberUtils.isValidNumber(t,a):null}_keyDownHandler(e){const t=this;t._suppressKeyPressRepeat=![40,38,9,13,27,16,17,18].includes(e.keyCode),t.opened&&(e.key.toUpperCase()!==e.key.toLowerCase()||e.key.codePointAt(0)>127)&&(e.preventDefault(),e.stopPropagation()),e.shiftKey||e.altKey||e.ctrlKey||t._move(e)}_keyUpHandler(e){const t=this;if(!e.shiftKey)switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:40===e.keyCode&&e.altKey&&t.open(),38===e.keyCode&&e.altKey&&t.close();break;case 9:case 13:if(!t.opened)return;t._performSelect(),e.stopPropagation(),e.preventDefault();break;case 27:if(!t.opened)return;t.close(),e.stopPropagation(),e.preventDefault();break;default:if(!e.ctrlKey&&!e.altKey&&" "!==e.key){t.validate();const e=t.isValidNumber();t.value=e?t.getNumber():""}" "===e.key&&t._autoSelectCountry(),!t.opened||e.ctrlKey||e.shiftKey||(t._lookup(e),e.stopPropagation(),e.preventDefault())}}_lookup(e){const t=this;if(t.query=t.$.input.value,t._incrementalSearchQuery||(t._incrementalSearchQuery=""),t._incrementalSearchQuery+=e.key,t._incrementalSearchTimer&&clearTimeout(t._incrementalSearchTimer),t.query=t._incrementalSearchQuery,t._incrementalSearchTimer=setTimeout((function(){t._incrementalSearchQuery=""}),700),t.query.length<t.minLength)return void t.close();const a=function(e){clearTimeout(t._autoCompleteTimeout),t._autoCompleteTimeout=setTimeout((()=>{const a=t.context;t.context=t,t._process(e),t.context=a}),t.autoCompleteDelay)};"function"==typeof t.dataSource?t.dataSource(t.query,a):a(t.dataSource)}_render(e){const t=this;let a=0;const n=t.query?null:t.getSelectedItem(),l=e.map((function(e){let l=e,o=e;"object"==typeof e&&(l=e.label,o=void 0!==e.value?e.value:l),l=""+l;const i=document.createElement("li"),r=document.createElement("a");return r.href="#",i.id=t.id+"Item"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),i.setAttribute("data-label",l),i.index=a++,i.dataValue=o,"string"==typeof o?i.setAttribute("value",o):i.setAttribute("value",JSON.stringify(o)),i.setAttribute("role","option"),i.setAttribute("aria-label",l),l='<div class="smart-flag-box"><div class="flag '+e.iso2+'"></div></div><span class="country-name">'+e.label+'</span><span class="dial-code">+'+e.dialCode+"</span>",r.innerHTML=l,r.setAttribute("aria-hidden",!0),i.classList.add("country"),i.setAttribute("data-dial-code",e.dialCode),i.setAttribute("data-country-code",e.iso2),i.appendChild(r),n&&n.value===e.iso2&&(i.classList.add("active"),t._setActiveDescendant(i)),i}));function o(){const e=t.$.menu.getElementsByClassName("active");e[0]&&e[0].classList.remove("active"),this.classList.add("active"),t._setActiveDescendant(this)}l.length>0&&!n&&(l[0].classList.add("active"),t._setActiveDescendant(l[0])),t.$.menu.innerHTML="";for(let e=0;e<l.length;e++){const a=l[e];t.$.menu.appendChild(a),a.onmouseenter=o,a.onmouseleave=function(){this.classList.remove("active"),t._setActiveDescendant(null)},a.onclick=o}}});

package/source/smart.scrollbar.js

@@ -1,5 +1,5 @@
 
-/* Smart UI v10.2.37 (2021-11-21) 
+/* Smart UI v11.0.1 (2021-11-30) 
 Copyright (c) 2011-2021 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 

package/styles/smart.phoneinput.css

@@ -1,3 +1,3 @@
 smart-scroll-viewer{display:block;width:var(--smart-editor-width);min-width:var(--smart-scroll-viewer-min-width);max-width:var(--smart-scroll-viewer-max-width);height:var(--smart-list-box-default-height);min-height:var(--smart-scroll-viewer-min-height);max-height:var(--smart-scroll-viewer-max-height);padding:3px}.smart-scroll-viewer.smart-container,smart-scroll-viewer>.smart-container{height:100%;width:100%;border:none;position:relative;overflow:hidden}.smart-scroll-viewer>.smart-container,.smart-scroll-viewer>.smart-container>.smart-scroll-viewer-container{max-height:inherit;min-height:inherit;max-width:inherit;min-width:inherit}.smart-scroll-viewer smart-scroll-bar{overflow:visible;position:absolute;bottom:0;height:calc(var(--smart-scroll-bar-size));width:100%}.smart-scroll-viewer smart-scroll-bar:before{position:absolute;content:'';width:100%;height:var(--smart-scroll-bar-size);background-color:var(--smart-surface);left:100%}.smart-scroll-viewer smart-scroll-bar.bottom-corner{width:calc(100% - var(--smart-scroll-bar-size))}.smart-scroll-viewer smart-scroll-bar[orientation=vertical]{right:0;top:0;height:100%;width:calc(var(--smart-scroll-bar-size))}.smart-scroll-viewer smart-scroll-bar[orientation=vertical].bottom-corner{height:calc(100% - var(--smart-scroll-bar-size))}.smart-scroll-viewer .smart-scroll-viewer-container{width:100%;height:100%;overflow:hidden;position:relative;background-color:transparent}.smart-scroll-viewer .smart-scroll-viewer-container.hscroll{height:calc(100% - var(--smart-scroll-bar-size))}.smart-scroll-viewer .smart-scroll-viewer-container.vscroll{width:calc(100% - var(--smart-scroll-bar-size))}.smart-scroll-viewer .smart-scroll-viewer-content-container{width:auto;height:auto;display:inline-block;padding:5px;position:relative;background-color:transparent}.smart-scroll-viewer[right-to-left] .smart-scroll-viewer-container{direction:rtl;text-align:initial}.smart-scroll-viewer[right-to-left] .smart-scroll-viewer-container.vscroll,.smart-scroll-viewer[right-to-left] smart-scroll-bar{left:var(--smart-scroll-bar-size);right:0}.smart-scroll-viewer[right-to-left] smart-scroll-bar:after{left:-100%}.smart-scroll-viewer[right-to-left] smart-scroll-bar[orientation=vertical]{left:0;right:initial}.smart-scroll-viewer[right-to-left] smart-scroll-bar[orientation=vertical]:after{content:none}
 .smart-drop-down-box,.smart-drop-down-box .smart-action-button{border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius)}.smart-drop-down-box{background:var(--smart-surface);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);overflow:initial;font-family:var(--smart-font-family);font-size:var(--smart-font-size);outline:0;height:var(--smart-editor-height)}.smart-drop-down-box.smart-container,.smart-drop-down-box>.smart-container{display:flex;position:relative;align-items:center}.smart-drop-down-box.smart-container>.smart-content,.smart-drop-down-box>.smart-container>.smart-content{position:relative;display:flex;width:100%;height:100%}.smart-drop-down-box .smart-buttons-container{width:inherit;height:inherit;display:inherit;flex-direction:inherit;cursor:inherit;position:inherit;overflow:hidden;min-height:inherit}.smart-drop-down-box .smart-action-button{display:flex;padding-left:var(--smart-editor-label-padding);align-content:center;outline:transparent solid 1px;height:100%;width:calc(100% - var(--smart-editor-addon-width));flex-wrap:wrap;overflow:hidden;position:relative;border-style:solid;border-width:var(--smart-border-width);align-items:center;border-right:none;user-select:none;white-space:nowrap}.smart-drop-down-box .smart-action-button .smart-input{color:inherit;background:inherit;border:none;width:calc(100% - var(--smart-editor-addon-width));height:100%;outline:0;text-overflow:ellipsis}.smart-drop-down-box .smart-action-button .smart-input::placeholder{color:inherit}.smart-drop-down-box .smart-drop-down-button{display:flex;align-items:center;justify-content:center;width:var(--smart-editor-addon-width);min-width:var(--smart-editor-addon-width);color:inherit;outline:transparent solid 1px;overflow:hidden;position:relative;background-color:var(--smart-surface);border-width:var(--smart-border-width);border-style:solid;border-color:var(--smart-border);border-left:none;color:var(--smart-surface-color);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);cursor:pointer}.smart-drop-down-box .smart-drop-down-button .smart-drop-down-button-icon{pointer-events:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-origin:center;font-family:var(--smart-font-family-icon)}.smart-drop-down-box .smart-drop-down-button .smart-drop-down-button-icon:after{content:var(--smart-icon-arrow-down);font-size:var(--smart-arrow-size)}.smart-drop-down-box .smart-drop-down-button[active]{border-color:var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active);color:var(--smart-ui-state-color-active)}.smart-drop-down-box .smart-drop-down-button[center-top] .smart-drop-down-button-icon:after,.smart-drop-down-box .smart-drop-down-button[top] .smart-drop-down-button-icon:after{transform:rotate(180deg)}.smart-drop-down-box .smart-drop-down{font-family:var(--smart-font-family);font-size:var(--smart-font-size)}.smart-drop-down-box .smart-drop-down.smart-visibility-hidden{transform:scale(0);transition:transform .2s ease-in;transform-origin:left top 0}.smart-drop-down-box[drop-down-button-position=bottom] .smart-action-button,.smart-drop-down-box[drop-down-button-position=top] .smart-action-button{min-height:var(--smart-editor-height);padding-left:initial}.smart-drop-down-box[drop-down-button-position=bottom] .smart-action-button,.smart-drop-down-box[drop-down-button-position=bottom] .smart-drop-down-button,.smart-drop-down-box[drop-down-button-position=top] .smart-action-button,.smart-drop-down-box[drop-down-button-position=top] .smart-drop-down-button{width:100%;border:var(--smart-border-width) solid var(--smart-border);height:50%;justify-content:center}.smart-drop-down-box[drop-down-button-position=bottom]:not([drop-down-open-mode=dropDownButton]) .smart-drop-down-button,.smart-drop-down-box[drop-down-button-position=top]:not([drop-down-open-mode=dropDownButton]) .smart-action-button{border-top:initial}.smart-drop-down-box[drop-down-button-position=top]{min-height:calc(2 * var(--smart-editor-height))}.smart-drop-down-box[drop-down-button-position=top] .smart-content{flex-direction:column-reverse}.smart-drop-down-box[drop-down-button-position=top] .smart-drop-down-button{border-bottom:initial;border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:0;border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:0}.smart-drop-down-box[drop-down-button-position=top] .smart-action-button{border-top-left-radius:0;border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-top-right-radius:0;border-bottom-right-radius:var(--smart-border-bottom-right-radius)}.smart-drop-down-box[drop-down-button-position=bottom]{min-height:calc(2 * var(--smart-editor-height))}.smart-drop-down-box[drop-down-button-position=bottom] .smart-content{flex-direction:column}.smart-drop-down-box[drop-down-button-position=bottom] .smart-action-button{border-bottom:initial;border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:0;border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:0}.smart-drop-down-box[drop-down-button-position=bottom] .smart-drop-down-button{border-top-left-radius:0;border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-top-right-radius:0;border-bottom-right-radius:var(--smart-border-bottom-right-radius)}.smart-drop-down-box[drop-down-button-position=left].smart-container>.smart-content,.smart-drop-down-box[drop-down-button-position=left]>.smart-container>.smart-content{flex-direction:row-reverse}.smart-drop-down-box[drop-down-button-position=left] .smart-action-button{padding-right:var(--smart-editor-label-padding);border-right:var(--smart-border-width) solid var(--smart-border);border-color:var(--smart-border);border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);padding-left:initial;flex-direction:row-reverse}.smart-drop-down-box[drop-down-button-position=left] .smart-drop-down-button{border-left:var(--smart-border-width) solid var(--smart-border);border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-top-right-radius:0;border-bottom-right-radius:0;border-right:initial}.smart-drop-down-box[drop-down-button-position=left] .smart-drop-down-button[selected]{border-right:initial}.smart-drop-down-box[drop-down-button-position=left]:not([drop-down-open-mode=dropDownButton]) .smart-action-button{border-left:initial}.smart-drop-down-box[drop-down-button-position=right] .smart-action-button{padding-left:var(--smart-editor-label-padding)}.smart-drop-down-box[drop-down-button-position=none] .smart-action-button{border-right:var(--smart-border-width) solid var(--smart-border);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);width:100%;padding-right:var(--smart-editor-label-padding)}.smart-drop-down-box[drop-down-button-position=none] .smart-drop-down-button{display:none}.smart-drop-down-box:not([drop-down-open-mode=dropDownButton]) .smart-action-button{border-color:var(--smart-border);background-color:var(--smart-surface);color:var(--smart-surface-color)}.smart-drop-down-box[drop-down-open-mode=dropDownButton] .smart-action-button{border-color:var(--smart-border);background-color:var(--smart-background);color:var(--smart-background-color)}.smart-drop-down-box[drop-down-open-mode=dropDownButton] .smart-action-button[active]{border-color:var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active);color:var(--smart-ui-state-color-active)}.smart-drop-down-box[drop-down-open-mode=dropDownButton] .smart-drop-down-button{border-color:var(--smart-border);background-color:var(--smart-surface);color:var(--smart-surface-color);border-left-style:solid;border-left-width:var(--smart-border-width)}.smart-drop-down-box[drop-down-open-mode=dropDownButton][drop-down-button-position=left]:not([hover]) .smart-drop-down-button:focus{border-color:var(--smart-outline);box-shadow:var(--smart-border-width) 0 0 0 var(--smart-outline)}.smart-drop-down-box[drop-down-open-mode=dropDownButton][drop-down-button-position=left]:not([hover]) .smart-action-button:focus{border-color:var(--smart-outline);box-shadow:calc(-1 * var(--smart-border-width)) 0 0 0 var(--smart-outline)}.smart-drop-down-box[drop-down-open-mode=dropDownButton]:not([drop-down-button-position]):not([hover]) .smart-action-button:focus,.smart-drop-down-box[drop-down-open-mode=dropDownButton][drop-down-button-position=right]:not([hover]) .smart-action-button:focus{box-shadow:var(--smart-border-width) 0 0 0 var(--smart-outline);border-color:var(--smart-outline);z-index:1}.smart-drop-down-box[drop-down-open-mode=dropDownButton]:not([drop-down-button-position]):not([hover]) .smart-drop-down-button:focus{border-color:var(--smart-outline)}.smart-drop-down-box[resizing]{user-select:none;touch-action:none}.smart-drop-down-box[readonly] input{user-select:none;-moz-user-select:none;-webkit-user-select:none}.smart-drop-down-box[hover] .smart-drop-down-button,.smart-drop-down-box[hover]:not([drop-down-open-mode=dropDownButton]) .smart-action-button{border-color:var(--smart-ui-state-border-hover);background-color:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-drop-down-box[focus]:not([opened]) .smart-action-button,.smart-drop-down-box[focus]:not([opened]) .smart-action-button[focus],.smart-drop-down-box[focus]:not([opened]) .smart-drop-down-button,.smart-drop-down-box[focus]:not([opened]) .smart-drop-down-button[focus]{outline:initial;border-color:var(--smart-outline)}.smart-drop-down-box[active] .smart-action-button,.smart-drop-down-box[active][drop-down-open-mode=dropDownButton] .smart-drop-down-button:focus,.smart-drop-down-box[active][focus][drop-down-open-mode=dropDownButton] .smart-action-button,.smart-drop-down-box[active][focus][drop-down-open-mode=dropDownButton] .smart-drop-down-button{border-color:var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active);color:var(--smart-ui-state-color-active)}.smart-drop-down-box[opened] .smart-drop-down-button .smart-drop-down-button-icon:after,.smart-drop-down-box[opened] .smart-drop-down-button[bottom] .smart-drop-down-button-icon:after,.smart-drop-down-box[opened] .smart-drop-down-button[center-bottom] .smart-drop-down-button-icon:after{transform:rotate(180deg)}.smart-drop-down-box[opened] .smart-drop-down-button[center-top] .smart-drop-down-button-icon:after,.smart-drop-down-box[opened] .smart-drop-down-button[top] .smart-drop-down-button-icon:after{transform:rotate(0)}.smart-drop-down-box[opened]:not(.outlined):not(.underlined) .smart-drop-down-button,.smart-drop-down-box[opened]:not([drop-down-open-mode=dropDownButton]):not(.outlined):not(.underlined) .smart-action-button{border-color:var(--smart-ui-state-active);background-color:var(--smart-ui-state-active);color:var(--smart-ui-state-color-active)}.smart-drop-down-box.auto-height{height:auto;min-height:var(--smart-editor-height)}.smart-drop-down-box.auto-height .smart-action-button,.smart-drop-down-box.auto-height .smart-content,.smart-drop-down-box.auto-height.smart-container,.smart-drop-down-box.auto-height>.smart-container{min-height:inherit}.smart-drop-down-box.auto-height .smart-action-button{padding:3px}.smart-drop-down-box.auto-height[hint],.smart-drop-down-box.auto-height[label]{height:auto}.smart-drop-down-box[label][hint]>.smart-container{display:flex;position:relative;align-items:center}.smart-drop-down-box[label]>.smart-container{align-items:flex-end}.smart-drop-down-box[hint]>.smart-container{align-items:flex-start}.smart-drop-down-box[hint] .smart-hint{opacity:0;transition:opacity .2s cubic-bezier(.4,0,.6,1);top:100%}.smart-drop-down-box[hint][focus] .smart-hint{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.smart-drop-down-box[hint] .smart-hint,.smart-drop-down-box[label] .smart-label{position:absolute;left:0;bottom:100%;font-size:12px;width:100%;display:block;padding:var(--smart-editor-label-padding);pointer-events:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;text-align:initial;line-height:initial;vertical-align:initial}.smart-drop-down-box[disabled] .smart-drop-down-button,.smart-drop-down-box[disabled]>.smart-container{cursor:default;background-color:initial}.smart-drop-down-box[disabled][selection-display-mode=tokens] .smart-action-button>span{cursor:default}.smart-drop-down-box.underlined{background-color:transparent;border-width:0 0 1px;background:var(--smart-background);border-bottom-color:var(--smart-border)}.smart-drop-down-box.underlined .smart-action-button{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-bottom-left-radius:0;background-color:transparent;color:var(--smart-background-color)}.smart-drop-down-box.underlined .smart-action-button input{border-color:transparent!important}.smart-drop-down-box.underlined .smart-action-button[active]{background-color:var(--smart-ui-state-active);color:var(--smart-ui-state-color-active)}.smart-drop-down-box.underlined .smart-drop-down-button[hover],.smart-drop-down-box.underlined .smart-spin-button[active],.smart-drop-down-box.underlined .smart-spin-button[hover]{background:var(--smart-background);color:var(--smart-ui-state-active)}.smart-drop-down-box.underlined .smart-spin-button{background:var(--smart-background);border-width:0}.smart-drop-down-box.underlined .smart-drop-down-button{background:var(--smart-background);border-width:0;border-bottom:1px solid var(--smart-border)!important;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}.smart-drop-down-box.underlined .smart-drop-down-button[active]{background-color:var(--smart-ui-state-active);color:var(--smart-ui-state-color-active)}.smart-drop-down-box.underlined .smart-hint{position:absolute;top:0;left:0;right:0;bottom:0;display:block!important;box-sizing:border-box;padding:var(--smart-editor-label-padding);color:var(--smart-background-color);pointer-events:none;font-size:75%;opacity:0;transition:color .2s,opacity .1s,font-size .2s,line-height .2s,margin-top .2s,top .2s;margin-top:calc(0px - var(--smart-font-size))}.smart-drop-down-box.underlined .smart-hint:after{content:"";position:absolute;left:0;bottom:-2px;display:block;width:100%;height:2px;background-color:var(--smart-primary);transform-origin:bottom center;transform:scaleX(0);transition:transform .2s}.smart-drop-down-box.underlined:not([focus]) .smart-hint{margin-top:0}.smart-drop-down-box.underlined[focus] .smart-action-button,.smart-drop-down-box.underlined[focus] input{border-color:transparent!important}.smart-drop-down-box.underlined[focus] .smart-drop-down-button,.smart-drop-down-box.underlined[focus] .smart-hint{color:var(--smart-primary)!important;opacity:1;border-color:transparent!important}.smart-drop-down-box.underlined:not([opened]):not([hover]) .smart-drop-down-button,.smart-drop-down-box.underlined[opened] .smart-action-button{color:var(--smart-background-color);background-color:transparent}.smart-drop-down-box.underlined[drop-down-open-mode=dropDownButton][hover]:not([opened]) .smart-action-button[hover],.smart-drop-down-box.underlined[hover]:not([opened]) .smart-action-button,.smart-drop-down-box.underlined[hover]:not([opened]):not([drop-down-open-mode=dropDownButton]) .smart-action-button:not([active]),.smart-drop-down-box.underlined[opened] .smart-action-button,.smart-drop-down-box.underlined[right-to-left]:not([drop-down-button-position]) .smart-action-button,.smart-drop-down-box.underlined[right-to-left]:not([drop-down-button-position]) .smart-drop-down-button,.smart-drop-down-box.underlined[right-to-left]:not([drop-down-button-position]) .smart-drop-down-button[focus],.smart-drop-down-box.underlined[right-to-left]:not([hover]) .smart-action-button[focus]{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}.smart-drop-down-box.underlined[focus] .smart-hint:after{transform:scale(1)}.smart-drop-down-box.underlined[opened] .smart-action-button{border-bottom-left-radius:0}.smart-drop-down-box.underlined:not([opened]):not([hover]) .smart-drop-down-button:not([hover]){border-bottom-left-radius:0}.smart-drop-down-box.underlined:not([opened]) .smart-action-button:not([active]):not([hover]),.smart-drop-down-box.underlined:not([opened]):not([hover]) .smart-drop-down-button:not([active]):not([hover]){border-radius:initial}.smart-drop-down-box.underlined[hover]:not([drop-down-open-mode=dropDownButton]):not([opened]) .smart-action-button{border-bottom-left-radius:0}.smart-drop-down-box.underlined[hover]:not([drop-down-open-mode=dropDownButton]):not([opened]) .smart-action-button:not([active]){background-color:transparent}.smart-drop-down-box.underlined[drop-down-open-mode=dropDownButton]:not([drop-down-button-position=left]):not([drop-down-button-position=top]):not([drop-down-button-position=bottom]):not([hover]) .smart-action-button:focus{box-shadow:none;z-index:initial}.smart-drop-down-box.underlined[drop-down-open-mode=dropDownButton][drop-down-button-position=left]:not([hover]) .smart-drop-down-button:focus{box-shadow:none}.smart-drop-down-box.underlined.smart-invalid .smart-drop-down-button{border-bottom-color:rgba(var(--smart-error-rgb),.5)!important}.smart-drop-down-box.underlined[right-to-left]:not([hover]) .smart-action-button[focus]{border-bottom-left-radius:0}.smart-drop-down-box.underlined[right-to-left]:not([drop-down-button-position]) .smart-action-button{border-bottom-left-radius:0;border-bottom-right-radius:0}.smart-drop-down-box.underlined[right-to-left]:not([drop-down-button-position]):not([opened]):not([hover]) .smart-drop-down-button:not([hover]),.smart-drop-down-box.underlined[right-to-left]:not([drop-down-button-position]):not([opened]):not([hover]) .smart-drop-down-button[focus]:not([hover]){border-bottom-left-radius:0}.smart-drop-down-box.outlined{padding-top:6px;height:auto;min-height:0;border:none;background:0 0}.smart-drop-down-box.outlined>.smart-container>.smart-content{padding:4px 3px;border:1px solid var(--smart-border);height:auto;background:var(--smart-background);border-radius:var(--smart-border-radius);z-index:5}.smart-drop-down-box.outlined .smart-action-button{border:none;background:var(--smart-background)!important;border-color:var(--smart-border)!important;color:var(--smart-background-color)!important}.smart-drop-down-box.outlined .smart-action-button input{padding:0;border:none!important;z-index:initial}.smart-drop-down-box.outlined .smart-spin-button{background:var(--smart-background);border-width:0}.smart-drop-down-box.outlined .smart-spin-button[active],.smart-drop-down-box.outlined .smart-spin-button[hover]{background:var(--smart-background);color:var(--smart-ui-state-active)}.smart-drop-down-box.outlined .smart-drop-down-button{border-width:0;padding:8px 0;background:var(--smart-background)!important;border-color:var(--smart-border)!important;color:var(--smart-background-color)!important}.smart-drop-down-box.outlined .smart-drop-down-button.smart-calendar-button[active],.smart-drop-down-box.outlined .smart-drop-down-button.smart-calendar-button[hover]{background:var(--smart-background);color:var(--smart-ui-state-active)}.smart-drop-down-box.outlined:not([opened]) .smart-action-button:not([active]),.smart-drop-down-box.outlined:not([opened]) .smart-drop-down-button,.smart-drop-down-box.outlined[drop-down-open-mode=dropDownButton]:not([hover]) .smart-action-button:not([active]),.smart-drop-down-box.outlined[focus],.smart-drop-down-box.outlined[hover]:not([opened]):not([drop-down-open-mode=dropDownButton]) .smart-action-button:not([active]){background-color:transparent}.smart-drop-down-box.outlined.smart-element-init .smart-hint{visibility:hidden;display:none!important}.smart-drop-down-box.outlined:not([focus])[hint] .smart-hint{font-size:var(--smart-font-size);line-height:48px;opacity:0}.smart-drop-down-box.outlined[hint] .smart-hint{position:absolute;top:0;left:0;display:flex!important;border-color:var(--smart-border)!important;width:100%;max-height:100%;color:var(--smart-background-color);font-size:75%;line-height:15px;cursor:text;margin-top:-6px;z-index:10;padding:0;transition:color .2s,font-size .2s,opacity .1s,font-size .2s,line-height .2s}.smart-drop-down-box.outlined[hint] .smart-hint:after,.smart-drop-down-box.outlined[hint] .smart-hint:before{content:"";display:block;box-sizing:border-box;margin-top:6px;border-top:solid 1px;border-top-color:var(--smart-border)!important;min-width:10px;height:8px;pointer-events:none;box-shadow:inset 0 1px transparent;transition:border-color .2s,box-shadow .2s}.smart-drop-down-box.outlined[hint] .smart-hint:before{margin-right:4px;border-left:solid 1px transparent;border-radius:4px 0}.smart-drop-down-box.outlined[hint] .smart-hint:after{flex-grow:1;margin-left:4px;border-right:solid 1px transparent;border-radius:0 4px}.smart-drop-down-box[right-to-left]:not([drop-down-button-position])>.smart-container>.smart-content,.smart-drop-down-box[right-to-left][drop-down-button-position=left] .smart-action-button,.smart-drop-down-box[right-to-left][drop-down-button-position=left]>.smart-container>.smart-content{flex-direction:row}.smart-drop-down-box.outlined[focus]>.smart-container>.smart-content{border-color:var(--smart-primary)}.smart-drop-down-box.outlined[focus] .smart-drop-down-button{color:var(--smart-ui-state-active)!important}.smart-drop-down-box.outlined[focus][hint]>.smart-container>.smart-content{border-top-color:transparent!important}.smart-drop-down-box.outlined[focus][hint] .smart-hint{color:var(--smart-primary);opacity:1}.smart-drop-down-box.outlined[focus][hint] .smart-hint:after,.smart-drop-down-box.outlined[focus][hint] .smart-hint:before{border-top-color:var(--smart-primary)!important}.smart-drop-down-box.outlined.smart-invalid>.smart-container>.smart-content{border-color:rgba(var(--smart-error-rgb),.5)}.smart-drop-down-box:not([placeholder])[dropDownButtonPosition=none] .smart-drop-down-button,.smart-drop-down-box[placeholder=""][dropDownButtonPosition=none] .smart-drop-down-button{border-left-width:var(--smart-border-width);border-left-style:solid;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}.smart-drop-down-box:not([placeholder]):not([opened])[dropDownButtonPosition=none] .smart-drop-down-button:not([focus]),.smart-drop-down-box[placeholder=""]:not([opened])[dropDownButtonPosition=none] .smart-drop-down-button:not([focus]){border-color:var(--smart-border)}.smart-drop-down-box:not([animation=none]) .smart-drop-down-button .smart-drop-down-button-icon:after{transition:transform .2s}.smart-drop-down-box[drop-down-position=overlay-center] .smart-drop-down-button .smart-drop-down-button-icon:after{content:var(--smart-icon-minus)}.smart-drop-down-box.smart-invalid:not([drop-down-open-mode=dropDownButton]) .smart-action-button{border-bottom-color:rgba(var(--smart-error-rgb),.5)!important}.smart-drop-down-box[right-to-left],.smart-drop-down-box[right-to-left] .smart-hint,.smart-drop-down-box[right-to-left] .smart-label{direction:rtl}.smart-drop-down-box[right-to-left] .smart-drop-down-button:focus,.smart-drop-down-box[right-to-left]:not([hover]) .smart-action-button[focus],.smart-drop-down-box[right-to-left]:not([hover]) .smart-drop-down-button[focus]{border-color:var(--smart-outline)}.smart-drop-down-box[right-to-left][drop-down-button-position=right]>.smart-container>.smart-content{flex-direction:row-reverse}.smart-drop-down-box[right-to-left]:not([drop-down-button-position]) .smart-action-button,.smart-drop-down-box[right-to-left][drop-down-button-position=left] .smart-action-button{padding:0 var(--smart-editor-label-padding) 0 0;border-right:var(--smart-border-width) solid var(--smart-border);border-top-left-radius:initial;border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:initial;border-bottom-right-radius:var(--smart-border-bottom-right-radius)}.smart-drop-down-box[right-to-left]:not([drop-down-button-position]) .smart-drop-down-button,.smart-drop-down-box[right-to-left][drop-down-button-position=left] .smart-drop-down-button{border-left:var(--smart-border-width) solid var(--smart-border);border-top-right-radius:initial;border-bottom-right-radius:initial;border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius)}.smart-drop-down.smart-drop-down-container,.smart-drop-down.smart-drop-down-container.smart-drop-down-repositioned{flex-direction:column;height:var(--smart-editor-drop-down-height);min-height:var(--smart-editor-drop-down-min-height)}.smart-drop-down-box[right-to-left]:not([drop-down-button-position]) .smart-action-button,.smart-drop-down-box[right-to-left]:not([drop-down-open-mode=dropDownButton])[drop-down-button-position=left] .smart-action-button{border-left:initial}.smart-drop-down-box[right-to-left]:not([drop-down-open-mode=dropDownButton]):not([drop-down-button-position]) .smart-drop-down-button,.smart-drop-down-box[right-to-left][drop-down-button-position=left] .smart-drop-down-button{border-right:initial}.smart-drop-down-box[right-to-left][opened] .smart-action-button,.smart-drop-down-box[right-to-left][opened] .smart-drop-down-button{border-color:var(--smart-border-active)}.smart-drop-down-box[right-to-left][drop-down-open-mode=dropDownButton]:not([drop-down-button-position]):not([hover]) .smart-action-button:focus,.smart-drop-down-box[right-to-left][drop-down-open-mode=dropDownButton][drop-down-button-position=right]:not([hover]) .smart-action-button:focus{box-shadow:calc(-1 * var(--smart-border-width)) 0 0 0 var(--smart-outline)}.smart-drop-down.smart-drop-down-container{box-shadow:var(--smart-elevation-8);background-color:var(--smart-background);box-sizing:border-box;outline:0;border-width:var(--smart-border-width);border-style:solid;border-color:var(--smart-border);display:flex;max-height:var(--smart-editor-drop-down-max-height);width:var(--smart-editor-drop-down-width);max-width:var(--smart-editor-drop-down-max-width);min-width:var(--smart-editor-drop-down-min-width);font-size:var(--smart-font-size);font-family:var(--smart-font-family);margin:calc(var(--smart-editor-drop-down-vertical-offset) + var(--smart-editor-drop-down-padding-size)) 0;padding:var(--smart-editor-drop-down-padding-size) 0!important}.smart-drop-down.smart-drop-down-container smart-list-box:focus{border-color:var(--smart-outline)}.smart-drop-down.smart-date-time-drop-down.smart-drop-down-repositioned,.smart-drop-down.smart-drop-down-container.smart-drop-down-repositioned{outline:0;border-width:var(--smart-border-width);border-style:solid;border-color:var(--smart-border);display:flex;max-height:var(--smart-editor-drop-down-max-height);max-width:var(--smart-editor-drop-down-max-width);min-width:var(--smart-editor-drop-down-min-width);font-size:var(--smart-font-size);font-family:var(--smart-font-family);padding:var(--smart-editor-drop-down-padding-size) 0!important;box-sizing:border-box;background-color:var(--smart-background)}.smart-drop-down.smart-drop-down-container .smart-drop-down-resize-bar{position:relative;width:100%;margin-top:2.5px;height:calc(var(--smart-editor-drop-down-resize-bar-height) - 2.5px);touch-action:none}.smart-drop-down.smart-drop-down-container.smart-visibility-hidden{transform:scale(0)}.smart-drop-down.smart-drop-down-container.smart-drop-down-repositioned.smart-visibility-hidden{top:0;left:0}.smart-drop-down.smart-drop-down-container.smart-visibility-hidden.not-in-view{left:-9999px;top:-9999px;transition:none}.smart-drop-down.smart-drop-down-container.smart-drop-down-repositioned{width:var(--smart-editor-drop-down-width);margin:calc(var(--smart-editor-drop-down-vertical-offset) + var(--smart-editor-drop-down-padding-size)) 0}.smart-drop-down.smart-drop-down-container.smart-drop-down-repositioned.smart-visibility-hidden.not-in-view{left:-9999px;top:-9999px;transition:none}.smart-drop-down.smart-drop-down-container.smart-drop-down-repositioned[center-top],.smart-drop-down.smart-drop-down-container.smart-drop-down-repositioned[top]{margin:calc(-1 * (var(--smart-editor-drop-down-vertical-offset) + 3px)) 0}.smart-drop-down.smart-date-time-drop-down{width:var(--smart-editor-drop-down-width);height:var(--smart-editor-drop-down-height)}.smart-drop-down.smart-date-time-drop-down.smart-drop-down-repositioned{flex-direction:column;height:var(--smart-editor-drop-down-height);min-height:var(--smart-editor-drop-down-min-height);width:var(--smart-editor-drop-down-width);margin:calc(var(--smart-editor-drop-down-vertical-offset) + var(--smart-editor-drop-down-padding-size)) 0}.smart-drop-down.smart-date-time-drop-down[drop-down-display-mode=calendar]{height:calc(var(--smart-editor-drop-down-height) - var(--smart-calendar-title-height))!important}.smart-drop-down.smart-drop-down-color-picker.smart-drop-down-repositioned{max-height:calc(var(--smart-editor-drop-down-max-height) + 50px)}.smart-drop-down[top] .smart-drop-down-resize-bar{margin-top:0;margin-bottom:2.5px}.smart-drop-down[top].smart-drop-down-container.smart-drop-down-repositioned,.smart-drop-down[top].smart-drop-down-container.smart-drop-down-repositioned.smart-visibility-hidden{top:initial;bottom:calc(100% - var(--smart-border-width));flex-direction:column-reverse}.smart-drop-down[overlay-bottom],.smart-drop-down[overlay-center],.smart-drop-down[overlay-top]{margin:unset}.smart-drop-down:not([resize-mode=none]) smart-list-box{position:relative;width:100%;height:calc(100% - var(--smart-editor-drop-down-resize-bar-height));border:none}.smart-drop-down:not([resize-mode=none]) .smart-drop-down-resize-bar{border-top:1px solid var(--smart-border)}.smart-drop-down:not([resize-mode=none])[top] .smart-drop-down-resize-bar{border-top:initial;border-bottom:1px solid var(--smart-border)}.smart-drop-down[resize-mode][top] .smart-drop-down-resize-bar>div{top:calc(50% - 1px)}.smart-drop-down[resize-mode=none] smart-list-box{width:100%;height:100%;position:relative;border:none}.smart-drop-down[resize-mode=none] .smart-drop-down-resize-bar{display:none;cursor:default}.smart-drop-down[resize-mode=none] .smart-drop-down-resize-bar>div{display:none}.smart-drop-down[resize-mode=both] .smart-drop-down-resize-bar>div,.smart-drop-down[resize-mode=vertical] .smart-drop-down-resize-bar>div{display:initial;position:absolute;width:5px;height:5px;left:50%;top:calc(50% + 1px);transform:translate(-50%,-50%);border:1px solid var(--smart-border);border-radius:50%;pointer-events:none}.smart-drop-down[resize-mode=both] .smart-drop-down-resize-bar>div:after,.smart-drop-down[resize-mode=both] .smart-drop-down-resize-bar>div:before,.smart-drop-down[resize-mode=vertical] .smart-drop-down-resize-bar>div:after,.smart-drop-down[resize-mode=vertical] .smart-drop-down-resize-bar>div:before{position:absolute;top:50%;transform:translate(-50%,-50%);content:"";width:100%;height:100%;border:1px solid var(--smart-border);border-radius:50%;pointer-events:none}.smart-drop-down[resize-mode=both] .smart-drop-down-resize-bar>div:after,.smart-drop-down[resize-mode=vertical] .smart-drop-down-resize-bar>div:after{left:500%}.smart-drop-down[resize-mode=both] .smart-drop-down-resize-bar>div:before,.smart-drop-down[resize-mode=vertical] .smart-drop-down-resize-bar>div:before{left:-400%}.smart-drop-down[resize-mode=both].smart-drop-down-container.smart-drop-down-repositioned .smart-drop-down-resize-bar>div,.smart-drop-down[resize-mode=vertical].smart-drop-down-container.smart-drop-down-repositioned .smart-drop-down-resize-bar>div{width:3px;height:3px}.smart-drop-down[resize-mode=both][resize-indicator] .smart-drop-down-resize-bar:before,.smart-drop-down[resize-mode=horizontal][resize-indicator] .smart-drop-down-resize-bar:before{width:8px;height:5px;font-family:var(--smart-font-family-icon);content:var(--smart-icon-resize-horizontal);position:absolute;top:calc(100% - 8px);left:calc(100% - 8px);transform:rotate(-45deg);font-size:10px;cursor:se-resize}.smart-drop-down[resize-mode=both][resize-indicator] .smart-drop-down-resize-bar:after,.smart-drop-down[resize-mode=horizontal][resize-indicator] .smart-drop-down-resize-bar:after{width:8px;height:12px;font-family:var(--smart-font-family-icon);content:var(--smart-icon-resize-full);position:absolute;top:calc(100% - 12px);left:calc(100% - 7px);transform:rotate(-45deg) scaleX(2.25);font-size:10px;cursor:e-resize}.smart-color-picker .smart-drop-down,.smart-combo-box .smart-drop-down,.smart-date-time-picker .smart-drop-down,.smart-drop-down-button .smart-drop-down,.smart-drop-down-container.smart-drop-down-repositioned,.smart-drop-down-list .smart-drop-down,.smart-multi-split-button .smart-drop-down,.smart-path .smart-drop-down,.smart-text-box .smart-drop-down{height:var(--smart-editor-drop-down-height);max-height:var(--smart-editor-drop-down-max-height);min-height:var(--smart-editor-drop-down-min-height);width:var(--smart-editor-drop-down-width);max-width:var(--smart-editor-drop-down-max-width);min-width:var(--smart-editor-drop-down-min-width);font-size:var(--smart-font-size);font-family:var(--smart-font-family);padding:var(--smart-editor-drop-down-padding-size) 0!important;margin:calc(var(--smart-editor-drop-down-vertical-offset) + var(--smart-editor-drop-down-padding-size)) 0;border-width:var(--smart-border-width);border-style:solid;border-color:var(--smart-border);outline:0}.smart-drop-down[resize-mode=both][top] .smart-drop-down-resize-bar:before,.smart-drop-down[resize-mode=horizontal][top] .smart-drop-down-resize-bar:before{transform:rotate(45deg);top:calc(100% - 13px);left:calc(100% - 4px)}.smart-drop-down[resize-mode=vertical] .smart-drop-down-resize-bar{cursor:n-resize}.smart-drop-down[resize-mode=horizontal] .smart-drop-down-resize-bar{cursor:e-resize}.smart-drop-down[resize-mode=horizontal] .smart-drop-down-resize-bar>div{display:none}.smart-drop-down[resize-mode=both] .smart-drop-down-resize-bar{cursor:nwse-resize}.smart-drop-down[resize-mode=both][top] .smart-drop-down-resize-bar{cursor:sw-resize}.smart-drop-down-container.smart-drop-down-repositioned{background-color:var(--smart-background);box-sizing:border-box;display:flex;flex-direction:column}.smart-drop-down-container.smart-drop-down-repositioned.smart-visibility-hidden.not-in-view{left:-9999px;top:-9999px;transition:none}.smart-drop-down-container.smart-drop-down-repositioned:focus{border-color:var(--smart-border)}.smart-drop-down-container.smart-drop-down-repositioned[overlay-bottom],.smart-drop-down-container.smart-drop-down-repositioned[overlay-center],.smart-drop-down-container.smart-drop-down-repositioned[overlay-top]{margin:unset}.smart-drop-down-container.smart-drop-down-repositioned[overlay-bottom]:not([animation=none]),.smart-drop-down-container.smart-drop-down-repositioned[overlay-center]:not([animation=none]),.smart-drop-down-container.smart-drop-down-repositioned[overlay-top]:not([animation=none]){animation:smart-drop-down-list-smart-animate-opening .2s ease-out;-webkit-transform-origin:center;transform-origin:center}.smart-drop-down-container.smart-drop-down-repositioned[overlay-bottom]:not([animation=none]).smart-visibility-hidden,.smart-drop-down-container.smart-drop-down-repositioned[overlay-center]:not([animation=none]).smart-visibility-hidden,.smart-drop-down-container.smart-drop-down-repositioned[overlay-top]:not([animation=none]).smart-visibility-hidden{animation:smart-drop-down-list-smart-animate-closing .2s ease-in;-webkit-transform-origin:center;transform-origin:center}.smart-drop-down-container.smart-drop-down-repositioned[center-top],.smart-drop-down-container.smart-drop-down-repositioned[top]{margin:calc(-1 * (var(--smart-editor-drop-down-vertical-offset) + 3px)) 0}.smart-drop-down-container.smart-drop-down-repositioned[center-top]:not([animation=none]),.smart-drop-down-container.smart-drop-down-repositioned[top]:not([animation=none]){animation:smart-drop-down-list-smart-animate-opening .2s ease-out;-webkit-transform-origin:bottom;transform-origin:bottom}.smart-drop-down-container.smart-drop-down-repositioned[center-top]:not([animation=none]).smart-visibility-hidden,.smart-drop-down-container.smart-drop-down-repositioned[top]:not([animation=none]).smart-visibility-hidden{animation:smart-drop-down-list-smart-animate-closing .2s ease-in;-webkit-transform-origin:bottom;transform-origin:bottom}.smart-drop-down-container.smart-drop-down-repositioned[bottom]:not([animation=none]),.smart-drop-down-container.smart-drop-down-repositioned[center-bottom]:not([animation=none]){animation:smart-drop-down-list-smart-animate-opening .2s ease-out;-webkit-transform-origin:top;transform-origin:top}.smart-drop-down-container.smart-drop-down-repositioned[bottom]:not([animation=none]).smart-visibility-hidden,.smart-drop-down-container.smart-drop-down-repositioned[center-bottom]:not([animation=none]).smart-visibility-hidden{animation:smart-drop-down-list-smart-animate-closing .2s ease-in;-webkit-transform-origin:top;transform-origin:top}.smart-drop-down-container.smart-drop-down-repositioned:not([animation=none]).smart-visibility-hidden{transition:animation,visibility .2s ease-in}.smart-drop-down-container[top].smart-drop-down-container.smart-drop-down-repositioned{bottom:initial}.smart-drop-down-container[top].smart-drop-down-container.smart-drop-down-repositioned.smart-visibility-hidden{bottom:calc(100% - var(--smart-border-width))}.smart-color-picker .smart-drop-down,.smart-combo-box .smart-drop-down,.smart-date-time-picker .smart-drop-down,.smart-drop-down-button .smart-drop-down,.smart-drop-down-list .smart-drop-down,.smart-multi-split-button .smart-drop-down,.smart-path .smart-drop-down,.smart-text-box .smart-drop-down{background-color:var(--smart-background);box-sizing:border-box;display:flex;flex-direction:column;top:calc(100% - var(--smart-border-width))}.smart-color-picker .smart-drop-down.smart-visibility-hidden,.smart-combo-box .smart-drop-down.smart-visibility-hidden,.smart-date-time-picker .smart-drop-down.smart-visibility-hidden,.smart-drop-down-button .smart-drop-down.smart-visibility-hidden,.smart-drop-down-list .smart-drop-down.smart-visibility-hidden,.smart-multi-split-button .smart-drop-down.smart-visibility-hidden,.smart-path .smart-drop-down.smart-visibility-hidden,.smart-text-box .smart-drop-down.smart-visibility-hidden{top:calc(100% - var(--smart-border-width))}.smart-color-picker .smart-drop-down.smart-visibility-hidden.not-in-view,.smart-combo-box .smart-drop-down.smart-visibility-hidden.not-in-view,.smart-date-time-picker .smart-drop-down.smart-visibility-hidden.not-in-view,.smart-drop-down-button .smart-drop-down.smart-visibility-hidden.not-in-view,.smart-drop-down-list .smart-drop-down.smart-visibility-hidden.not-in-view,.smart-multi-split-button .smart-drop-down.smart-visibility-hidden.not-in-view,.smart-path .smart-drop-down.smart-visibility-hidden.not-in-view,.smart-text-box .smart-drop-down.smart-visibility-hidden.not-in-view{left:-9999px;top:-9999px;transition:none}.smart-color-picker .smart-drop-down[overlay-bottom],.smart-color-picker .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-combo-box .smart-drop-down[overlay-bottom],.smart-combo-box .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-date-time-picker .smart-drop-down[overlay-bottom],.smart-date-time-picker .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-drop-down-button .smart-drop-down[overlay-bottom],.smart-drop-down-button .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-drop-down-list .smart-drop-down[overlay-bottom],.smart-drop-down-list .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-multi-split-button .smart-drop-down[overlay-bottom],.smart-multi-split-button .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-path .smart-drop-down[overlay-bottom],.smart-path .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-text-box .smart-drop-down[overlay-bottom],.smart-text-box .smart-drop-down[overlay-bottom].smart-visibility-hidden{border-color:var(--smart-border);border-width:var(--smart-border-width);border-style:solid;top:0}.smart-color-picker .smart-drop-down[overlay-center],.smart-color-picker .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-combo-box .smart-drop-down[overlay-center],.smart-combo-box .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-date-time-picker .smart-drop-down[overlay-center],.smart-date-time-picker .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-drop-down-button .smart-drop-down[overlay-center],.smart-drop-down-button .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-drop-down-list .smart-drop-down[overlay-center],.smart-drop-down-list .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-multi-split-button .smart-drop-down[overlay-center],.smart-multi-split-button .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-path .smart-drop-down[overlay-center],.smart-path .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-text-box .smart-drop-down[overlay-center],.smart-text-box .smart-drop-down[overlay-center].smart-visibility-hidden{border-color:var(--smart-border);border-width:var(--smart-border-width);border-style:solid;top:50%;transform:translateY(-50%)}.smart-color-picker .smart-drop-down[overlay-top],.smart-color-picker .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-combo-box .smart-drop-down[overlay-top],.smart-combo-box .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-date-time-picker .smart-drop-down[overlay-top],.smart-date-time-picker .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-drop-down-button .smart-drop-down[overlay-top],.smart-drop-down-button .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-drop-down-list .smart-drop-down[overlay-top],.smart-drop-down-list .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-multi-split-button .smart-drop-down[overlay-top],.smart-multi-split-button .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-path .smart-drop-down[overlay-top],.smart-path .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-text-box .smart-drop-down[overlay-top],.smart-text-box .smart-drop-down[overlay-top].smart-visibility-hidden{border-color:var(--smart-border);border-width:var(--smart-border-width);border-style:solid;top:initial;bottom:0}.smart-color-picker .smart-drop-down[top],.smart-color-picker .smart-drop-down[top].smart-visibility-hidden,.smart-combo-box .smart-drop-down[top],.smart-combo-box .smart-drop-down[top].smart-visibility-hidden,.smart-date-time-picker .smart-drop-down[top],.smart-date-time-picker .smart-drop-down[top].smart-visibility-hidden,.smart-drop-down-button .smart-drop-down[top],.smart-drop-down-button .smart-drop-down[top].smart-visibility-hidden,.smart-drop-down-list .smart-drop-down[top],.smart-drop-down-list .smart-drop-down[top].smart-visibility-hidden,.smart-multi-split-button .smart-drop-down[top],.smart-multi-split-button .smart-drop-down[top].smart-visibility-hidden,.smart-path .smart-drop-down[top],.smart-path .smart-drop-down[top].smart-visibility-hidden,.smart-text-box .smart-drop-down[top],.smart-text-box .smart-drop-down[top].smart-visibility-hidden{top:initial;bottom:calc(100% - var(--smart-border-width));flex-direction:column-reverse}.smart-color-picker .smart-drop-down[bottom],.smart-combo-box .smart-drop-down[bottom],.smart-date-time-picker .smart-drop-down[bottom],.smart-drop-down-button .smart-drop-down[bottom],.smart-drop-down-list .smart-drop-down[bottom],.smart-multi-split-button .smart-drop-down[bottom],.smart-path .smart-drop-down[bottom],.smart-text-box .smart-drop-down[bottom]{cursor:default;left:0;box-sizing:border-box;font-size:inherit;padding:var(--smart-editor-drop-down-padding-size);margin:calc(var(--smart-editor-drop-down-vertical-offset) + var(--smart-editor-drop-down-padding-size)) 0;background-color:var(--smart-background);border-width:var(--smart-border-width);border-style:solid;border-color:var(--smart-border);box-shadow:var(--smart-elevation-8);display:flex;flex-direction:column;padding-left:0;top:calc(100% - var(--smart-border-width))}.smart-color-picker .smart-drop-down .smart-list-items-container.vscroll[orientation=vertical],.smart-combo-box .smart-drop-down .smart-list-items-container.vscroll[orientation=vertical],.smart-drop-down-button .smart-drop-down .smart-list-items-container.vscroll[orientation=vertical],.smart-drop-down-list .smart-drop-down .smart-list-items-container.vscroll[orientation=vertical],.smart-multi-split-button .smart-drop-down .smart-list-items-container.vscroll[orientation=vertical],.smart-text-box .smart-drop-down .smart-list-items-container.vscroll[orientation=vertical]{padding-top:initial}.smart-color-picker .smart-drop-down[bottom].smart-visibility-hidden,.smart-combo-box .smart-drop-down[bottom].smart-visibility-hidden,.smart-date-time-picker .smart-drop-down[bottom].smart-visibility-hidden,.smart-drop-down-button .smart-drop-down[bottom].smart-visibility-hidden,.smart-drop-down-list .smart-drop-down[bottom].smart-visibility-hidden,.smart-multi-split-button .smart-drop-down[bottom].smart-visibility-hidden,.smart-path .smart-drop-down[bottom].smart-visibility-hidden,.smart-text-box .smart-drop-down[bottom].smart-visibility-hidden{top:calc(100% - var(--smart-border-width))}.smart-color-picker .smart-drop-down[center-bottom],.smart-color-picker .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-combo-box .smart-drop-down[center-bottom],.smart-combo-box .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-date-time-picker .smart-drop-down[center-bottom],.smart-date-time-picker .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-drop-down-button .smart-drop-down[center-bottom],.smart-drop-down-button .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-drop-down-list .smart-drop-down[center-bottom],.smart-drop-down-list .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-multi-split-button .smart-drop-down[center-bottom],.smart-multi-split-button .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-path .smart-drop-down[center-bottom],.smart-path .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-text-box .smart-drop-down[center-bottom],.smart-text-box .smart-drop-down[center-bottom].smart-visibility-hidden{left:50%;border:var(--smart-border-width) solid var(--smart-border);top:calc(100% - var(--smart-border-width))}.smart-color-picker .smart-drop-down[center-top],.smart-color-picker .smart-drop-down[center-top].smart-visibility-hidden,.smart-combo-box .smart-drop-down[center-top],.smart-combo-box .smart-drop-down[center-top].smart-visibility-hidden,.smart-date-time-picker .smart-drop-down[center-top],.smart-date-time-picker .smart-drop-down[center-top].smart-visibility-hidden,.smart-drop-down-button .smart-drop-down[center-top],.smart-drop-down-button .smart-drop-down[center-top].smart-visibility-hidden,.smart-drop-down-list .smart-drop-down[center-top],.smart-drop-down-list .smart-drop-down[center-top].smart-visibility-hidden,.smart-multi-split-button .smart-drop-down[center-top],.smart-multi-split-button .smart-drop-down[center-top].smart-visibility-hidden,.smart-path .smart-drop-down[center-top],.smart-path .smart-drop-down[center-top].smart-visibility-hidden,.smart-text-box .smart-drop-down[center-top],.smart-text-box .smart-drop-down[center-top].smart-visibility-hidden{left:50%;border:var(--smart-border-width) solid var(--smart-border);top:initial;bottom:calc(100% - var(--smart-border-width))}.smart-color-picker:not([animation=none]) .smart-drop-down,.smart-combo-box:not([animation=none]) .smart-drop-down,.smart-date-time-picker:not([animation=none]) .smart-drop-down,.smart-drop-down-button:not([animation=none]) .smart-drop-down,.smart-drop-down-list:not([animation=none]) .smart-drop-down,.smart-multi-split-button:not([animation=none]) .smart-drop-down,.smart-path:not([animation=none]) .smart-drop-down,.smart-text-box:not([animation=none]) .smart-drop-down{animation:smart-drop-down-list-smart-animate-opening .2s ease-out;-webkit-transform-origin:top;transform-origin:top}.smart-color-picker:not([animation=none]) .smart-drop-down.smart-visibility-hidden,.smart-combo-box:not([animation=none]) .smart-drop-down.smart-visibility-hidden,.smart-date-time-picker:not([animation=none]) .smart-drop-down.smart-visibility-hidden,.smart-drop-down-button:not([animation=none]) .smart-drop-down.smart-visibility-hidden,.smart-drop-down-list:not([animation=none]) .smart-drop-down.smart-visibility-hidden,.smart-multi-split-button:not([animation=none]) .smart-drop-down.smart-visibility-hidden,.smart-path:not([animation=none]) .smart-drop-down.smart-visibility-hidden,.smart-text-box:not([animation=none]) .smart-drop-down.smart-visibility-hidden{transition:animation,visibility .2s ease-in;animation:smart-drop-down-list-smart-animate-closing .2s ease-in;-webkit-transform-origin:top;transform-origin:top}.smart-color-picker:not([animation=none]) .smart-drop-down[bottom],.smart-color-picker:not([animation=none]) .smart-drop-down[center-bottom],.smart-combo-box:not([animation=none]) .smart-drop-down[bottom],.smart-combo-box:not([animation=none]) .smart-drop-down[center-bottom],.smart-date-time-picker:not([animation=none]) .smart-drop-down[bottom],.smart-date-time-picker:not([animation=none]) .smart-drop-down[center-bottom],.smart-drop-down-button:not([animation=none]) .smart-drop-down[bottom],.smart-drop-down-button:not([animation=none]) .smart-drop-down[center-bottom],.smart-drop-down-list:not([animation=none]) .smart-drop-down[bottom],.smart-drop-down-list:not([animation=none]) .smart-drop-down[center-bottom],.smart-multi-split-button:not([animation=none]) .smart-drop-down[bottom],.smart-multi-split-button:not([animation=none]) .smart-drop-down[center-bottom],.smart-path:not([animation=none]) .smart-drop-down[bottom],.smart-path:not([animation=none]) .smart-drop-down[center-bottom],.smart-text-box:not([animation=none]) .smart-drop-down[bottom],.smart-text-box:not([animation=none]) .smart-drop-down[center-bottom]{animation:smart-drop-down-list-smart-animate-opening .2s ease-out;-webkit-transform-origin:top;transform-origin:top}.smart-color-picker:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,.smart-color-picker:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-combo-box:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,.smart-combo-box:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-date-time-picker:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,.smart-date-time-picker:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-drop-down-button:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,.smart-drop-down-button:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-drop-down-list:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,.smart-drop-down-list:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-multi-split-button:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,.smart-multi-split-button:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-path:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,.smart-path:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden,.smart-text-box:not([animation=none]) .smart-drop-down[bottom].smart-visibility-hidden,.smart-text-box:not([animation=none]) .smart-drop-down[center-bottom].smart-visibility-hidden{animation:smart-drop-down-list-smart-animate-closing .2s ease-in;-webkit-transform-origin:top;transform-origin:top}.smart-color-picker:not([animation=none]) .smart-drop-down[center-top],.smart-color-picker:not([animation=none]) .smart-drop-down[top],.smart-combo-box:not([animation=none]) .smart-drop-down[center-top],.smart-combo-box:not([animation=none]) .smart-drop-down[top],.smart-date-time-picker:not([animation=none]) .smart-drop-down[center-top],.smart-date-time-picker:not([animation=none]) .smart-drop-down[top],.smart-drop-down-button:not([animation=none]) .smart-drop-down[center-top],.smart-drop-down-button:not([animation=none]) .smart-drop-down[top],.smart-drop-down-list:not([animation=none]) .smart-drop-down[center-top],.smart-drop-down-list:not([animation=none]) .smart-drop-down[top],.smart-multi-split-button:not([animation=none]) .smart-drop-down[center-top],.smart-multi-split-button:not([animation=none]) .smart-drop-down[top],.smart-path:not([animation=none]) .smart-drop-down[center-top],.smart-path:not([animation=none]) .smart-drop-down[top],.smart-text-box:not([animation=none]) .smart-drop-down[center-top],.smart-text-box:not([animation=none]) .smart-drop-down[top]{animation:smart-drop-down-list-smart-animate-opening .2s ease-out;-webkit-transform-origin:bottom;transform-origin:bottom}.smart-color-picker:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,.smart-color-picker:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,.smart-combo-box:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,.smart-combo-box:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,.smart-date-time-picker:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,.smart-date-time-picker:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,.smart-drop-down-button:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,.smart-drop-down-button:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,.smart-drop-down-list:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,.smart-drop-down-list:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,.smart-multi-split-button:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,.smart-multi-split-button:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,.smart-path:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,.smart-path:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden,.smart-text-box:not([animation=none]) .smart-drop-down[center-top].smart-visibility-hidden,.smart-text-box:not([animation=none]) .smart-drop-down[top].smart-visibility-hidden{animation:smart-drop-down-list-smart-animate-closing .2s ease-in;-webkit-transform-origin:bottom;transform-origin:bottom}.smart-color-picker:not([animation=none]) .smart-drop-down[overlay-bottom],.smart-color-picker:not([animation=none]) .smart-drop-down[overlay-top],.smart-combo-box:not([animation=none]) .smart-drop-down[overlay-bottom],.smart-combo-box:not([animation=none]) .smart-drop-down[overlay-top],.smart-date-time-picker:not([animation=none]) .smart-drop-down[overlay-bottom],.smart-date-time-picker:not([animation=none]) .smart-drop-down[overlay-top],.smart-drop-down-button:not([animation=none]) .smart-drop-down[overlay-bottom],.smart-drop-down-button:not([animation=none]) .smart-drop-down[overlay-top],.smart-drop-down-list:not([animation=none]) .smart-drop-down[overlay-bottom],.smart-drop-down-list:not([animation=none]) .smart-drop-down[overlay-top],.smart-multi-split-button:not([animation=none]) .smart-drop-down[overlay-bottom],.smart-multi-split-button:not([animation=none]) .smart-drop-down[overlay-top],.smart-path:not([animation=none]) .smart-drop-down[overlay-bottom],.smart-path:not([animation=none]) .smart-drop-down[overlay-top],.smart-text-box:not([animation=none]) .smart-drop-down[overlay-bottom],.smart-text-box:not([animation=none]) .smart-drop-down[overlay-top]{animation:smart-drop-down-list-smart-animate-opening .2s ease-out;-webkit-transform-origin:center;transform-origin:center}.smart-color-picker:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-color-picker:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-combo-box:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-combo-box:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-date-time-picker:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-date-time-picker:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-drop-down-button:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-drop-down-button:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-drop-down-list:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-drop-down-list:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-multi-split-button:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-multi-split-button:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-path:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-path:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden,.smart-text-box:not([animation=none]) .smart-drop-down[overlay-bottom].smart-visibility-hidden,.smart-text-box:not([animation=none]) .smart-drop-down[overlay-top].smart-visibility-hidden{animation:smart-drop-down-list-smart-animate-closing .2s ease-in;-webkit-transform-origin:center;transform-origin:center}.smart-color-picker:not([animation=none]) .smart-drop-down[overlay-center],.smart-combo-box:not([animation=none]) .smart-drop-down[overlay-center],.smart-date-time-picker:not([animation=none]) .smart-drop-down[overlay-center],.smart-drop-down-button:not([animation=none]) .smart-drop-down[overlay-center],.smart-drop-down-list:not([animation=none]) .smart-drop-down[overlay-center],.smart-multi-split-button:not([animation=none]) .smart-drop-down[overlay-center],.smart-path:not([animation=none]) .smart-drop-down[overlay-center],.smart-text-box:not([animation=none]) .smart-drop-down[overlay-center]{animation:smart-drop-down-list-smart-animate-overlay-center-opening .2s ease-out;-webkit-transform-origin:top;transform-origin:top}.smart-color-picker:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-combo-box:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-date-time-picker:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-drop-down-button:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-drop-down-list:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-multi-split-button:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-path:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden,.smart-text-box:not([animation=none]) .smart-drop-down[overlay-center].smart-visibility-hidden{animation:smart-drop-down-list-smart-animate-overlay-center-closing .2s ease-in;-webkit-transform-origin:top;transform-origin:top}.smart-drop-down-button .smart-drop-down,.smart-drop-down-list .smart-drop-down,.smart-multi-split-button .smart-drop-down,.smart-text-box .smart-drop-down{height:calc(var(--smart-scroll-bar-size))}.smart-drop-down-button .smart-drop-down smart-scroll-bar:before,.smart-drop-down-list .smart-drop-down smart-scroll-bar:before,.smart-multi-split-button .smart-drop-down smart-scroll-bar:before,.smart-text-box .smart-drop-down smart-scroll-bar:before{display:none;background-color:var(--smart-border)}.smart-drop-down-button .smart-drop-down smart-scroll-bar[orientation=vertical].bottom-corner,.smart-drop-down-list .smart-drop-down smart-scroll-bar[orientation=vertical].bottom-corner,.smart-multi-split-button .smart-drop-down smart-scroll-bar[orientation=vertical].bottom-corner,.smart-text-box .smart-drop-down smart-scroll-bar[orientation=vertical].bottom-corner{width:calc(var(--smart-scroll-bar-size));height:calc(100% - var(--smart-scroll-bar-size))}.smart-drop-down-button .smart-drop-down .smart-list-items-container.vscroll,.smart-drop-down-button .smart-drop-down smart-scroll-bar.bottom-corner,.smart-drop-down-list .smart-drop-down .smart-list-items-container.vscroll,.smart-drop-down-list .smart-drop-down smart-scroll-bar.bottom-corner,.smart-multi-split-button .smart-drop-down .smart-list-items-container.vscroll,.smart-multi-split-button .smart-drop-down smart-scroll-bar.bottom-corner,.smart-text-box .smart-drop-down .smart-list-items-container.vscroll,.smart-text-box .smart-drop-down smart-scroll-bar.bottom-corner{width:calc(100% - var(--smart-scroll-bar-size))}.smart-drop-down-button .smart-drop-down input:focus,.smart-drop-down-list .smart-drop-down input:focus,.smart-multi-split-button .smart-drop-down input:focus,.smart-text-box .smart-drop-down input:focus{outline:0}.smart-drop-down-button.auto-height .smart-action-button,.smart-drop-down-list.auto-height .smart-action-button,.smart-multi-split-button.auto-height .smart-action-button{white-space:initial;text-overflow:initial;line-height:1rem;flex-wrap:wrap}.smart-drop-down-button.auto-height[selection-display-mode=tokens] .smart-action-button>span:first-of-type,.smart-drop-down-button.auto-height[selection-display-mode=tokens] smart-action-button>span,.smart-drop-down-list.auto-height[selection-display-mode=tokens] .smart-action-button>span:first-of-type,.smart-drop-down-list.auto-height[selection-display-mode=tokens] smart-action-button>span,.smart-multi-split-button.auto-height[selection-display-mode=tokens] .smart-action-button>span:first-of-type,.smart-multi-split-button.auto-height[selection-display-mode=tokens] smart-action-button>span{display:inline-block;margin:.2em}.smart-color-picker .smart-drop-down smart-scroll-bar:before,.smart-combo-box .smart-drop-down smart-scroll-bar:before,.smart-list-box smart-scroll-bar:before,.smart-scroll-viewer smart-scroll-bar:before{display:none;background-color:var(--smart-border)}.smart-color-picker .smart-drop-down{width:var(--smart-drop-down-button-drop-down-width);height:var(--smart-drop-down-button-drop-down-height)}.smart-color-picker .smart-drop-down.smart-drop-down-color-picker{max-height:calc(var(--smart-editor-drop-down-max-height) + 50px)}.smart-color-picker .smart-drop-down smart-scroll-bar[orientation=vertical].bottom-corner{width:calc(var(--smart-scroll-bar-size));height:calc(100% - var(--smart-scroll-bar-size))}.smart-color-picker .smart-drop-down .smart-list-items-container.vscroll{width:calc(100% - var(--smart-scroll-bar-size))}.smart-drop-down-list .smart-drop-down{width:var(--smart-drop-down-list-drop-down-width);height:var(--smart-drop-down-list-drop-down-height)}.smart-combo-box .smart-drop-down{width:var(--smart-combo-box-drop-down-width);height:var(--smart-combo-box-drop-down-height)}.smart-combo-box .smart-drop-down smart-scroll-bar[orientation=vertical].bottom-corner{width:calc(var(--smart-scroll-bar-size));height:calc(100% - var(--smart-scroll-bar-size))}.smart-combo-box .smart-drop-down .smart-list-items-container.vscroll,.smart-combo-box .smart-drop-down smart-scroll-bar.bottom-corner{width:calc(100% - var(--smart-scroll-bar-size))}.smart-combo-box .smart-selection-field input{outline:0}.smart-drop-down-button .smart-drop-down{width:var(--smart-drop-down-button-drop-down-width);height:var(--smart-drop-down-button-drop-down-height)}.smart-date-time-picker .smart-drop-down{border:none}.smart-drop-down-overlay{position:absolute;top:0;left:0;z-index:9000}.smart-list-box input.vscroll{outline:0}.smart-list-box smart-scroll-bar[orientation=vertical].bottom-corner{width:calc(var(--smart-scroll-bar-size));height:calc(100% - var(--smart-scroll-bar-size))}.smart-list-box .smart-list-items-container.vscroll,.smart-list-box smart-scroll-bar.bottom-corner{width:calc(100% - var(--smart-scroll-bar-size))}.smart-scroll-viewer{max-width:100%;border:0}.smart-scroll-viewer smart-scroll-bar[orientation=vertical].bottom-corner{width:calc(var(--smart-scroll-bar-size));height:calc(100% - var(--smart-scroll-bar-size))}.smart-scroll-viewer .smart-list-items-container.vscroll,.smart-scroll-viewer smart-scroll-bar.bottom-corner{width:calc(100% - var(--smart-scroll-bar-size))}@keyframes smart-drop-down-list-smart-animate-overlay-center-opening{0%{opacity:.2;transform:scaleY(0) translateY(-50%)}50%{opacity:.4}100%{opacity:1;transform:scaleY(1) translateY(-50%)}}@keyframes smart-drop-down-list-smart-animate-overlay-center-closing{0%{opacity:1;transform:scaleY(1) translateY(-50%)}50%{opacity:.4}100%{opacity:.2;transform:scaleY(0) translateY(-50%)}}@keyframes smart-drop-down-list-smart-animate-opening{0%{opacity:.2;transform:scaleY(0)}50%{opacity:.4}100%{opacity:1;transform:scaleY(1)}}@keyframes smart-drop-down-list-smart-animate-closing{0%{opacity:1;transform:scaleY(1);pointer-events:none}50%{opacity:.4;pointer-events:none}100%{opacity:.2;transform:scaleY(0);pointer-events:none}}
-.smart-input-drop-down-menu,input.smart-input{font-size:var(--smart-font-size);font-family:var(--smart-font-family)}input.smart-input{border-width:var(--smart-border-width);background:var(--smart-background);border-style:solid;border-color:var(--smart-border);color:var(--smart-background-color);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);padding-left:var(--smart-editor-label-padding);padding-right:var(--smart-editor-label-padding);padding-top:0;padding-bottom:0;height:var(--smart-editor-height);outline:0;text-align:var(--smart-text-box-text-align);box-sizing:border-box}input.smart-input:focus{border-color:var(--smart-outline)}input.smart-input:hover{border-color:var(--smart-ui-state-border-hover)}input.smart-input:disabled{border-color:var(--smart-disabled);outline:0}input.smart-input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}textarea.smart-input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}.smart-input-drop-down-menu{display:block;transform:scaleY(0);transform-origin:top left;opacity:0;position:absolute;top:100%;left:0;z-index:var(--smart-editor-drop-down-z-index);float:left;padding:2px;margin:var(--smart-list-item-vertical-offset) var(--smart-list-item-horizontal-offset);color:var(--smart-background-color);background-color:var(--smart-background);border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);box-shadow:var(--smart-elevation-8);overflow:hidden;width:auto;height:auto;--smart-input-drop-down-menu-width:auto;--smart-input-drop-down-menu-height:200px;min-height:0}.smart-input-drop-down-menu:not([animation=none]){transition:opacity .2s,transform .2s ease-out}.smart-input-drop-down-menu.smart-container{box-shadow:none;padding:0;margin:0}.smart-input-drop-down-menu .smart-scroll-viewer-container,.smart-input-drop-down-menu .smart-scroll-viewer-content-container,.smart-input-drop-down-menu>.smart-container{width:var(--smart-input-drop-down-menu-width);max-height:calc(var(--smart-input-drop-down-menu-height) - 6px)}.smart-input-drop-down-menu .smart-scroll-viewer-content-container{padding:0;max-height:initial}.smart-input-drop-down-menu ul{list-style:none;padding:0;margin:0;width:100%;height:auto}.smart-input-drop-down-menu ul.scroll{width:calc(100% - var(--smart-scroll-bar-size) - 2px)}.smart-input-drop-down-menu ul li{padding-bottom:1px}.smart-input-drop-down-menu ul li:last-child{padding-bottom:0}.smart-input-drop-down-menu ul li a{display:block;padding:8px 12px;border-top-left-radius:var(--smart-item-border-top-left-radius);border-top-right-radius:var(--smart-item-border-top-right-radius);border-bottom-left-radius:var(--smart-item-border-bottom-left-radius);border-bottom-right-radius:var(--smart-item-border-bottom-right-radius);clear:both;font-weight:400;white-space:nowrap;color:var(--smart-background-color);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.smart-input-drop-down-menu ul li a:hover{color:var(--smart-ui-state-color-hover);background:var(--smart-ui-state-hover)}.smart-input-drop-down-menu ul li a.icon{position:relative;padding-left:var(--smart-column-icon-size)}.smart-input-drop-down-menu ul li a.icon:after{content:'';position:absolute;left:0;top:0;width:var(--smart-column-icon-size);height:100%;background-repeat:no-repeat;background-position:center}.smart-input-drop-down-menu:not(.smart-check-input-drop-down-menu) li.active a{color:var(--smart-ui-state-color-focus);background:var(--smart-ui-state-focus);text-decoration:none;outline:0}.smart-input-drop-down-menu[open]{transform:scale(1);opacity:1}.smart-multi-combo-input-scroll-viewer .smart-scroll-viewer-content-container{width:var(--smart-input-drop-down-menu-width);max-height:initial}.smart-multi-combo-input-scroll-viewer .smart-scroll-viewer-container,.smart-multi-combo-input-scroll-viewer>.smart-container{width:var(--smart-input-drop-down-menu-width);max-height:calc(var(--smart-input-drop-down-menu-height) - 6px)}.smart-drop-down smart-list-item[focus] .smart-overlay{background-color:var(--smart-ui-state-focus)}.smart-drop-down smart-list-item[focus] .smart-content{color:var(--smart-ui-state-color-focus);border-color:var(--smart-ui-state-border-focus)}.smart-drop-down smart-list-item[focus][selected] .smart-overlay{background-color:var(--smart-ui-state-selected)}.smart-drop-down smart-list-item[focus][selected] .smart-content{color:var(--smart-ui-state-color-selected);border-color:var(--smart-ui-state-border-selected)}.smart-text-box:focus.hovered input,smart-text-box input:hover,smart-text-box:focus input.hovered,smart-text-box[hover] input{border-color:var(--smart-ui-state-border-hover)}smart-text-box{--smart-outline:var(--smart-primary);display:inline-block;border:none;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;background:var(--smart-background)}smart-text-box input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-text-box.smart-element{background:var(--smart-background)}smart-text-box[disabled]{border-color:var(--smart-disabled);outline:0}smart-text-box input:focus{border-color:var(--smart-outline)}.smart-text-box .smart-container,.smart-text-box input,.smart-text-box.smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-text-box>.smart-container>.smart-content{height:100%}.smart-text-box>.smart-container>.smart-content>div{width:100%;height:100%;outline:0;border-width:var(--smart-border-width);border-style:solid;border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);padding:var(--smart-editor-label-padding);color:inherit;font-family:inherit;font-size:inherit;background-color:transparent;font-weight:inherit;font-style:inherit;overflow:hidden}.smart-text-area textarea.smart-input,smart-input,smart-input.smart-element,smart-text-area{background:var(--smart-background)}.smart-text-box>.smart-container>.smart-content>div>label{color:transparent}.smart-text-box>.smart-container>.smart-content>div:first-of-type{position:absolute;display:flex;width:initial;height:initial;user-select:none;pointer-events:none;min-height:initial;max-height:initial;align-items:center;padding-top:1px;padding-bottom:1px;opacity:.5;text-overflow:ellipsis;white-space:nowrap;border:var(--smart-border-width) solid transparent}.smart-text-box[disabled] input,.smart-text-box[readonly] input{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.smart-text-box .smart-hint,.smart-text-box .smart-label{display:none;position:absolute}.smart-text-box[hint] .smart-hint,.smart-text-box[label] .smart-label{font-size:12px;width:100%;display:block;text-align:initial;line-height:initial;vertical-align:initial;position:absolute;left:0;pointer-events:none}.smart-text-box[label] .smart-label{bottom:100%;padding:var(--smart-editor-label-padding);user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.smart-text-box[hint] .smart-hint{padding:var(--smart-editor-label-padding);user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.6,1);top:100%;bottom:initial}.smart-text-box[hint][focus] .smart-hint{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.smart-text-box .smart-drop-down{font-family:inherit}.smart-text-box[right-to-left] .smart-hint,.smart-text-box[right-to-left] .smart-label,.smart-text-box[right-to-left]>.smart-container>.smart-content{direction:rtl}smart-text-area{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);height:calc(1.5 * var(--smart-text-box-default-height))}smart-text-area textarea{margin:0;resize:none}smart-text-area textarea.smart-input{border:none;text-overflow:ellipsis}.smart-text-area .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-text-area textarea.smart-input{font-family:var(--smart-font-family);font-size:var(--smart-font-size);color:var(--smart-background-color);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);padding-top:0;padding-bottom:0;padding:var(--smart-editor-label-padding);outline:0;text-align:var(--smart-text-box-text-align);box-sizing:border-box;border:none;height:100%;width:100%}smart-input,smart-number-input{height:var(--smart-text-box-default-height)}smart-input{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}.smart-input.smart-container,smart-input>.smart-container{display:flex}smart-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-input input.smart-input{border:none;text-overflow:ellipsis}smart-input:focus{border-color:var(--smart-outline)}smart-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-input[disabled]{border-color:var(--smart-disabled);outline:0}smart-input[drop-down-button-position=right] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-input .smart-container,.smart-input.smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-input .smart-drop-down-button{display:none;width:var(--smart-editor-addon-width);height:100%;flex-direction:column;color:var(--smart-surface-color);border-left:1px solid var(--smart-border);background:var(--smart-surface);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);outline:0}.smart-input .smart-drop-down-button .arrow{display:flex;height:100%;overflow:hidden;cursor:pointer;font-family:var(--smart-font-family-icon);justify-content:center;align-items:center;font-size:var(--smart-arrow-size);outline:0}.smart-input .smart-drop-down-button .arrow:after{content:var(--smart-icon-arrow-down);transition:opacity .2s,transform .2s ease-out}.smart-input .smart-drop-down-button[open] .arrow:after{transform:rotate(-180deg)}.smart-input .smart-input{border:none;padding:var(--smart-editor-label-padding);height:100%;width:100%}.smart-input[drop-down-button-position=right] .smart-drop-down-button,.smart-input[drop-down-button-position=left] .smart-drop-down-button{display:flex}.smart-input[drop-down-button-position=right] .smart-input,.smart-input[drop-down-button-position=left] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-input[drop-down-button-position=right][disabled] .smart-drop-down-button,.smart-input[drop-down-button-position=left][disabled] .smart-drop-down-button{opacity:.5}.smart-input[drop-down-button-position=left] .smart-drop-down-button{order:-1;border-right:1px solid var(--smart-border);border-left:none;border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius)}.smart-input[drop-down-button-position=left] .smart-input{border-top-left-radius:0;border-bottom-left-radius:0}.smart-input[drop-down-button-position=left][readonly] .smart-drop-down-button{border-right:none}.smart-input[drop-down-button-position=right] .smart-input{border-top-right-radius:0;border-bottom-right-radius:0}.smart-input[focus],.smart-input[focus]:not([disabled]) .smart-drop-down-button{border-color:var(--smart-outline)}.smart-input[readonly] .smart-drop-down-button{border-left:none}.smart-input[readonly]:not(.underlined):not(.outlined) input.smart-input,.smart-input[readonly]:not(.underlined):not(.outlined) textarea.smart-input{padding:0;cursor:pointer;padding-left:var(--smart-editor-label-padding);outline:0}.smart-input[readonly]:not(.underlined):not(.outlined):not([opened]):not(:active) input.smart-input,.smart-input[readonly]:not(.underlined):not(.outlined):not([opened]):not(:active) textarea.smart-input{background:var(--smart-surface);color:var(--smart-surface-color)}.smart-input:not([disabled]) .smart-drop-down-button:hover,.smart-input:not([disabled])[readonly]:hover .smart-drop-down-button,.smart-input:not([disabled])[readonly]:hover .smart-input{background:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-input:not([disabled]) .smart-drop-down-button:active,.smart-input:not([disabled]) .smart-drop-down-button[open],.smart-input:not([disabled])[readonly]:active .smart-drop-down-button,.smart-input:not([disabled])[readonly]:active .smart-input,.smart-input:not([disabled])[readonly][open] .smart-drop-down-button,.smart-input:not([disabled])[readonly][open] .smart-input{background:var(--smart-ui-state-active);color:var(--smart-ui-state-color-active)}smart-number-input,smart-number-input.smart-element{background:var(--smart-background)}.smart-input:not([disabled])[readonly]:active .smart-input::-webkit-input-placeholder,.smart-input:not([disabled])[readonly][open] .smart-input::-webkit-input-placeholder{color:var(--smart-ui-state-color-active)}.smart-input:not([disabled])[readonly]:active .smart-input::-moz-placeholder,.smart-input:not([disabled])[readonly][open] .smart-input::-moz-placeholder{color:var(--smart-ui-state-color-active)}.smart-input[disabled] .smart-drop-down-button .arrow{cursor:initial}.smart-input[right-to-left] .smart-input{direction:rtl}.smart-input[right-to-left][readonly] .smart-drop-down-button{border-right:none}.smart-input[right-to-left][readonly] .smart-input,.smart-input[right-to-left][readonly]:not(.underlined):not(.outlined) .smart-input{padding-left:initial;padding-right:var(--smart-editor-label-padding)}.smart-input-drop-down-menu[right-to-left] ul.scroll{width:100%}smart-number-input,smart-password-input{width:var(--smart-text-box-default-width)}.smart-input-drop-down-menu[right-to-left] li a.icon{padding-left:initial;padding-right:var(--smart-column-icon-size)}.smart-input-drop-down-menu[right-to-left] li a.icon:after{left:initial;right:0}smart-number-input{--smart-outline:var(--smart-primary);display:inline-block;overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);text-align:right}smart-number-input>.smart-container{display:flex}.smart-number-input .nav,.smart-number-input .nav.smart-drop-down-button:active,.smart-number-input .nav.smart-drop-down-button:hover,.smart-number-input .nav:active,.smart-number-input .nav:hover{background:var(--smart-surface);color:var(--smart-surface-color)}smart-number-input input.smart-input{border:none;text-overflow:ellipsis}smart-number-input[drop-down-button-position=right] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-number-input .nav{display:flex;width:var(--smart-editor-addon-width);height:100%;flex-direction:column;border-left:1px solid var(--smart-border)}.smart-number-input .nav .down,.smart-number-input .nav .up{display:flex;height:50%;overflow:hidden;cursor:pointer;font-family:var(--smart-font-family-icon);justify-content:center;align-items:center;outline:0}.smart-number-input .nav .down:hover,.smart-number-input .nav .up:hover{background:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-number-input .nav .down:active,.smart-number-input .nav .down[active],.smart-number-input .nav .up:active,.smart-number-input .nav .up[active]{background:var(--smart-ui-state-active);color:var(--smart-ui-state-color-active)}smart-multi-input,smart-multi-input.smart-element,smart-password-input,smart-password-input.smart-element{background:var(--smart-background)}.smart-number-input .nav .up{border-bottom:var(--smart-border-width) solid var(--smart-border)}.smart-number-input .nav .up:after{content:var(--smart-icon-arrow-up)}.smart-number-input .nav .down:after{content:var(--smart-icon-arrow-down)}.smart-number-input[disabled] .nav .down,.smart-number-input[disabled] .nav .up{pointer-events:none}.smart-number-input[right-to-left]>.smart-container{direction:rtl}.smart-number-input[right-to-left] .nav{border-left:initial;border-right:var(--smart-border-width) solid var(--smart-border);border-top-left-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-right-radius);border-top-right-radius:initial;border-bottom-right-radius:initial;order:initial}.smart-number-input[right-to-left] .smart-input{border-top-left-radius:initial;border-bottom-left-radius:initial;border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}.smart-number-input[right-to-left][focus] .nav{border-color:var(--smart-outline)}smart-password-input{--smart-outline:var(--smart-primary);display:inline-block;height:var(--smart-text-box-default-height);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-password-input>.smart-container{display:flex}smart-password-input input.smart-input{border:none;text-overflow:ellipsis}.smart-password-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}smart-multi-input{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-multi-input>.smart-container{display:flex}smart-multi-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-multi-input input.smart-input{border:none;text-overflow:ellipsis}smart-multi-input:focus,smart-multi-input[focus]{border-color:var(--smart-outline)}smart-multi-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-multi-input[disabled]{border-color:var(--smart-disabled);outline:0}smart-multi-input[drop-down-button-position=right] .smart-input,smart-multi-input[drop-down-button-position=left] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-multi-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-multi-input-drop-down-menu li a{border-left:var(--smart-border-width) solid transparent}.smart-multi-input-drop-down-menu:not(.smart-check-input-drop-down-menu) li.active a{border-left:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:0;border-bottom-left-radius:0;color:var(--smart-ui-state-color-selected);background:var(--smart-ui-state-selected)}smart-multi-combo-input,smart-multi-combo-input.smart-element{background:var(--smart-background)}.smart-multi-input-drop-down-menu[right-to-left] li a{border-left:none;border-right:var(--smart-border-width) solid transparent}.smart-multi-input-drop-down-menu[right-to-left]:not(.smart-check-input-drop-down-menu) li.active a{border-left:var(--smart-border-width) solid transparent;border-right:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-top-right-radius:0;border-bottom-right-radius:0}smart-multi-combo-input{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-multi-combo-input>.smart-container{display:flex}smart-multi-combo-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-multi-combo-input input.smart-input{border:none;text-overflow:ellipsis}smart-multi-combo-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-multi-combo-input[focus]{border-color:var(--smart-outline)}.smart-multi-combo-input{height:auto!important;min-height:var(--smart-editor-height)}.smart-multi-combo-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-multi-combo-input .smart-drop-down-button,.smart-multi-combo-input .smart-drop-down-button .arrow,.smart-multi-combo-input>.smart-container{min-height:var(--smart-editor-height)}.smart-multi-combo-input .smart-token{position:relative;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;user-select:none;display:flex;align-items:center;padding:1px 6px;border-radius:20px;background-color:var(--smart-primary);color:var(--smart-primary-color);margin:var(--smart-editor-label-padding) 0 0 var(--smart-editor-label-padding)}.smart-multi-combo-input .smart-token .smart-drop-down-list-selection-label{text-overflow:ellipsis;overflow:hidden}.smart-multi-combo-input .smart-token .smart-drop-down-list-selection-image{display:flex;justify-content:center;align-items:center;border-radius:50%;width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:cover;margin-right:4px}.smart-multi-combo-input .smart-token:last-of-type{margin-bottom:var(--smart-editor-label-padding)}.smart-multi-combo-input .smart-action-button{display:flex;outline:transparent solid 1px;height:100%;width:100%;flex-wrap:wrap;overflow:hidden;position:relative;user-select:none;border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);min-height:var(--smart-editor-height)}.smart-multi-combo-input .smart-drop-down-list-unselect-button{position:relative;margin-left:2px;margin-right:-2px}.smart-multi-combo-input .smart-drop-down-list-unselect-button:after{content:var(--smart-icon-close);display:flex;justify-content:center;align-items:center;transform-origin:center;font-family:var(--smart-font-family-icon);background:rgba(var(--smart-primary-rgb),.2);border-radius:50%;width:20px;height:20px}.smart-multi-combo-input.smart-input .smart-input{flex-grow:1;align-self:center;width:var(--smart-editor-addon-width);min-width:var(--smart-editor-addon-width);min-height:100%;max-height:1rem;vertical-align:middle;margin:0}.smart-multi-combo-input.smart-input .smart-drop-down-button{height:initial}.smart-multi-combo-input[drop-down-button-position=right] .smart-action-button,.smart-multi-combo-input[drop-down-button-position=left] .smart-action-button{width:calc(100% - var(--smart-editor-addon-width))}.smart-multi-combo-input[input-tags-mode=one] .smart-action-button{align-items:center}.smart-multi-combo-input[readonly] .smart-input{visibility:hidden}.smart-multi-combo-input[readonly]:hover .smart-action-button{background:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-multi-combo-input[hide-input-tags-close-button] .smart-drop-down-list-unselect-button:after{display:none}.smart-multi-combo-input[right-to-left] .smart-token{margin:var(--smart-editor-label-padding) var(--smart-editor-label-padding) 0 0;padding:1px 6px 1px 2px}.smart-multi-combo-input[right-to-left] .smart-token:last-of-type{margin:var(--smart-editor-label-padding) var(--smart-editor-label-padding) var(--smart-editor-label-padding) 0}.smart-multi-combo-input[right-to-left] .smart-action-button{direction:rtl}.smart-multi-combo-input[right-to-left] .smart-drop-down-list-unselect-button{margin:0 5px 0 0}.smart-multi-combo-input-drop-down-menu .smart-scroll-viewer{width:inherit;height:inherit;padding:initial;min-height:inherit;border:initial}.smart-multi-combo-input-drop-down-menu .smart-select-all{height:auto;border-bottom:var(--smart-border-width) solid var(--smart-border)}.smart-multi-combo-input-drop-down-menu[right-to-left]>ul{direction:rtl}.smart-multi-combo-input-drop-down-menu ul li a{display:flex;align-items:center}.smart-multi-combo-input-drop-down-menu ul li a .smart-drop-down-list-selection-image{display:flex;justify-content:center;align-items:center;width:25px;height:25px;background-position:center;background-repeat:no-repeat;background-size:cover;margin-right:4px;border-radius:50%;border:1px solid var(--smart-border)}.smart-multi-combo-input-drop-down-menu[pills] ul li:after,.smart-multi-combo-input-drop-down-menu[pills] ul li:before,.smart-multi-combo-input-drop-down-menu[single-select] ul li.selected:after,.smart-multi-combo-input-drop-down-menu[single-select] ul li::after,.smart-multi-combo-input-drop-down-menu[single-select] ul li:hover:after{display:none}.smart-multi-combo-input-drop-down-menu[single-select] ul li{height:36px;margin-top:1px;cursor:pointer}.smart-multi-combo-input-drop-down-menu[single-select] ul li a{padding:0 0 0 6px;height:100%}.smart-multi-combo-input-drop-down-menu[single-select] ul li.selected,.smart-multi-combo-input-drop-down-menu[single-select] ul li:hover{background:var(--smart-ui-state-hover);border-color:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-multi-combo-input-drop-down-menu[pills] ul li{height:30px;margin-top:1px}.smart-multi-combo-input-drop-down-menu[pills] ul li a{padding:2px 10px;color:inherit;display:inline-flex;align-items:center;border-radius:15px;margin-top:5px;margin-left:5px;height:auto;background:var(--smart-primary);border-color:var(--smart-primary);color:var(--smart-primary-color)}.smart-multi-combo-input-drop-down-menu[pills] ul li a .smart-drop-down-list-selection-image{height:20px;width:20px}.smart-multi-combo-input-drop-down-menu[pills] ul li.selected,.smart-multi-combo-input-drop-down-menu[pills] ul li:hover{background:var(--smart-ui-state-hover);border-color:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}smart-check-input,smart-check-input.smart-element{background:var(--smart-background)}.smart-multi-combo-input-drop-down-menu[pills] ul li.active.selected:before,.smart-multi-combo-input-drop-down-menu[pills] ul li.selected:after,.smart-multi-combo-input-drop-down-menu[pills] ul li:hover:after{display:none}smart-check-input{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-check-input>.smart-container{display:flex}smart-check-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-check-input input.smart-input{border:none;text-overflow:ellipsis}smart-check-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-check-input[disabled]{border-color:var(--smart-disabled);outline:0}smart-check-input:focus,smart-check-input[focus]{border-color:var(--smart-outline)}smart-check-input[drop-down-button-position=right] .smart-input,smart-check-input[drop-down-button-position=left] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-check-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-check-input-drop-down-menu ul li{position:relative}.smart-check-input-drop-down-menu ul li:before{content:'';transform:scale(0);background-color:#fff}.smart-check-input-drop-down-menu ul li:after{content:'';position:absolute;border:var(--smart-border-width) solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);width:var(--smart-check-box-default-size);height:var(--smart-check-box-default-size);padding:1px;margin-left:10px;font-family:var(--smart-font-family-icon);justify-content:center;align-items:center;display:flex;top:50%;transform:translateY(-50%);pointer-events:none}.smart-check-input-drop-down-menu ul li a{padding-left:calc(var(--smart-tree-indent) + 25px)}.smart-check-input-drop-down-menu ul li.selected:after{content:var(--smart-icon-check);background:var(--smart-primary);border-color:var(--smart-primary);color:var(--smart-primary-color)}.smart-check-input-drop-down-menu ul li.active.selected:before{position:absolute;content:'';border-radius:50%;width:calc(var(--smart-check-box-default-size) + 16px);height:calc(var(--smart-check-box-default-size) + 16px);background:var(--smart-primary);opacity:.3;margin-left:4px;top:50%;transform:scale(1) translateY(-50%);transform-origin:top}smart-color-input,smart-date-input,smart-date-range-input,smart-time-input{display:inline-block;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height)}.smart-check-input-drop-down-menu ul li.active.focused a{border-left:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:0;border-bottom-left-radius:0;color:var(--smart-ui-state-color-selected);background:var(--smart-ui-state-selected)}.smart-check-input-drop-down-menu ul li[indeterminate]:after{background-color:var(--smart-ui-state-selected);padding:2px;background-clip:content-box}.smart-check-input-drop-down-menu[inverted] ul li a,.smart-check-input-drop-down-menu[right-to-left] ul li a{padding-left:10px;padding-right:calc(var(--smart-tree-indent) + 25px)}.smart-check-input-drop-down-menu[inverted] ul li:after{margin-left:initial;margin-right:10px;right:0}.smart-check-input-drop-down-menu[inverted] ul li.selected:before{right:0}.smart-check-input-drop-down-menu[inverted] ul li.active.selected:before{margin-left:initial;margin-right:4px}.smart-check-input-drop-down-menu:not([animation=none]) ul li:before{transition:transform .25s ease-in-out}.smart-check-input-drop-down-menu[right-to-left] ul li:after{margin-left:initial;margin-right:10px}.smart-check-input-drop-down-menu[right-to-left] ul li.active.focused a{border-left:var(--smart-border-width) solid transparent;border-right:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-top-right-radius:0;border-bottom-right-radius:0}.smart-check-input-drop-down-menu[right-to-left] ul li.active.selected:before{margin-left:initial;margin-right:4px}smart-color-input{--smart-outline:var(--smart-primary);border:none;overflow:visible;background:var(--smart-background)}smart-color-input[value-display-mode=colorBox] .smart-action-button{cursor:pointer}smart-date-input,smart-date-range-input,smart-time-input{--smart-outline:var(--smart-primary);background:var(--smart-background);border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);overflow:hidden}smart-date-input>.smart-container,smart-date-range-input>.smart-container,smart-time-input>.smart-container{display:flex}smart-date-input.smart-element,smart-date-range-input.smart-element,smart-time-input.smart-element{background:var(--smart-background)}smart-date-input[drop-down-button-position=right] .smart-input,smart-date-input[drop-down-button-position=left] .smart-input,smart-date-range-input[drop-down-button-position=right] .smart-input,smart-date-range-input[drop-down-button-position=left] .smart-input,smart-time-input[drop-down-button-position=right] .smart-input,smart-time-input[drop-down-button-position=left] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}smart-date-range-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-date-range-input input.smart-input{border:none;text-overflow:ellipsis}smart-date-range-input:focus,smart-date-range-input[focus]{border-color:var(--smart-outline)}.smart-time-box{display:block;height:auto;width:300px;overflow:hidden}.smart-time-box .smart-timepicker{display:grid;grid-template-columns:60% 35%;grid-column-gap:5%;background:var(--smart-background);padding:10px;border-color:var(--smart-border)}.smart-time-box[right-to-left] .smart-timepicker{direction:rtl}.smart-time-input.smart-input .smart-drop-down-button .arrow:after,.smart-time-input.smart-input .smart-drop-down-button[open] .arrow:after{content:var(--smart-icon-clock);transform:rotate(0)}.smart-timepicker .hour-selection,.smart-timepicker .minute-selection{display:grid;grid-template-columns:repeat(5,20%);grid-template-rows:repeat(6,auto);justify-content:center;align-items:center;justify-items:center;position:relative;cursor:default}.smart-timepicker .hour-selection .smart-calendar-cell,.smart-timepicker .minute-selection .smart-calendar-cell{margin:initial;line-height:var(--smart-calendar-cell-size);display:flex;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:100%}.smart-date-range-input-drop-down-menu .smart-done-button,.smart-date-range-input-drop-down-menu .smart-today-button,.smart-date-range-input-drop-down-menu smart-button:last-of-type{margin-right:5px}.smart-timepicker .hour-selection .header,.smart-timepicker .minute-selection .header{content:attr(header-label);width:100%;display:flex;justify-content:center;align-items:center;grid-row:1/3;grid-column:1/6;font-weight:600;height:var(--smart-calendar-cell-size);line-height:calc(var(--smart-calendar-cell-size) - 2px)}.smart-timepicker .minute-selection{border-right:var(--smart-border-width) solid var(--smart-border);grid-template-columns:repeat(2,50%);border-left:var(--smart-border-width) solid var(--smart-border)}.smart-timepicker .minute-selection .header{grid-column:span 2}.smart-timepicker .hour-selection:after,.smart-timepicker .hour-selection:before{content:attr(am-label);width:100%;display:flex;justify-content:center;grid-column:1;font-weight:600;height:var(--smart-calendar-cell-size);line-height:calc(var(--smart-calendar-cell-size) - 2px)}.smart-date-range-input-drop-down-menu .smart-button-controls,.smart-date-range-input-drop-down-menu .smart-timepicker-button:empty,.smart-date-range-input-drop-down-menu .smart-timepicker-buttons{display:none}.smart-timepicker .hour-selection:after{content:attr(pm-label);grid-row:4/9}.smart-date-input.smart-input .smart-drop-down-button .arrow:after,.smart-date-input.smart-input .smart-drop-down-button[open] .arrow:after,.smart-date-range-input.smart-input .smart-drop-down-button .arrow:after,.smart-date-range-input.smart-input .smart-drop-down-button[open] .arrow:after{content:var(--smart-icon-calendar);transform:rotate(0)}.smart-date-range-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-date-range-input-drop-down-menu smart-button:first-of-type{margin-left:5px}.smart-date-range-input-drop-down-menu .smart-calendar{height:100%;min-width:100%;--smart-calendar-default-height:auto;--smart-calendar-footer-height:0px}.smart-date-range-input-drop-down-menu .smart-clear-button,.smart-date-range-input-drop-down-menu .smart-done-button,.smart-date-range-input-drop-down-menu .smart-today-button{height:auto;--smart-button-padding:5px}.smart-date-range-input-drop-down-menu .smart-calendar-footer{flex-direction:column}.smart-date-range-input-drop-down-menu .smart-date-range-input-footer-controls{width:100%;height:100%}.smart-date-range-input-drop-down-menu .smart-timepicker-button{position:relative;white-space:nowrap}.smart-date-range-input-drop-down-menu .smart-timepicker-button:before{content:var(--smart-icon-clock);height:100%;font-family:var(--smart-font-family-icon);font-weight:var(--smart-font-weight);font-size:var(--smart-arrow-size);margin:0 var(--smart-editor-label-padding)}.smart-date-range-input-drop-down-menu .smart-timepicker-button:hover{color:var(--smart-ui-state-color-hover);border-color:var(--smart-ui-state-hover);background-color:var(--smart-ui-state-hover);transition:background-color .1s linear,color .1s ease-in-out;opacity:var(--smart-button-opacity-hover);cursor:pointer}.smart-date-range-input-drop-down-menu .smart-timepicker-button[selected]{color:var(--smart-ui-state-color-selected)}.smart-date-range-input-drop-down-menu .smart-icon-today:before{content:var(--smart-icon-calendar)}.smart-date-range-input-drop-down-menu .smart-icon-clear:before{content:var(--smart-icon-cancel)}.smart-date-range-input-drop-down-menu .smart-timepicker{position:absolute;top:0;display:grid;grid-template-columns:60% 35%;height:calc(100% - var(--smart-calendar-footer-height));width:100%;grid-column-gap:5%;background:var(--smart-background);box-sizing:border-box;padding:10px;border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);border-width:var(--smart-border-width);border-style:solid;border-bottom:none}.smart-date-range-input-drop-down-menu[icons] smart-calendar,.smart-date-range-input-drop-down-menu[timepicker] smart-calendar{--smart-calendar-footer-height:30px}.smart-date-range-input-drop-down-menu[icons] .smart-timepicker-buttons,.smart-date-range-input-drop-down-menu[timepicker] .smart-timepicker-buttons{display:flex;justify-content:space-around;width:100%;height:100%;align-items:center}.smart-date-range-input-drop-down-menu[timepicker][icons] .smart-date-range-input-footer-controls{display:grid;grid-template-columns:60% 38%;grid-column-gap:2%;justify-items:center}.smart-date-range-input-drop-down-menu.smart-input-drop-down-menu{height:auto;width:var(--smart-input-drop-down-menu-width)}.smart-date-range-input-drop-down-menu.smart-input-drop-down-menu.smart-date-input-drop-down-menu{height:250px}.smart-date-range-input-drop-down-menu:not([timepicker]) .smart-timepicker-buttons{display:none}.smart-date-range-input-drop-down-menu:not([animation=none]) .smart-timepicker{transition:transform .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1);transform:scale(1)}.smart-date-range-input-drop-down-menu:not([animation=none]) .smart-timepicker.smart-visibility-hidden{transition:visibility .2s cubic-bezier(.4,0,.6,1),transform .2s cubic-bezier(.4,0,.6,1);transform:scale(0)}.smart-date-range-input-drop-down-menu[right-to-left] .smart-timepicker{direction:rtl}smart-country-input,smart-phone-input{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;background:var(--smart-background);border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-country-input>.smart-container,smart-phone-input>.smart-container{display:flex}smart-country-input.smart-element,smart-phone-input.smart-element{background:var(--smart-background)}smart-country-input input::selection,smart-phone-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-country-input input.smart-input,smart-phone-input input.smart-input{border:none;text-overflow:ellipsis}smart-country-input:focus,smart-country-input[focus],smart-phone-input:focus,smart-phone-input[focus]{border-color:var(--smart-outline)}smart-country-input:hover,smart-phone-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-country-input[disabled],smart-phone-input[disabled]{border-color:var(--smart-disabled);outline:0}smart-country-input[drop-down-button-position=right] .smart-input,smart-country-input[drop-down-button-position=left] .smart-input,smart-phone-input[drop-down-button-position=right] .smart-input,smart-phone-input[drop-down-button-position=left] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-country-input .smart-container,.smart-phone-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-phone-input{--smart-editor-addon-width:45px}.smart-phone-input.smart-validation-error:not(smart-check-box)>div.smart-container:after{left:calc(100% - 15px)}.smart-phone-input .smart-drop-down-button{display:flex;justify-content:center;align-items:center;flex-direction:row;background:0 0;border-right:none;padding-left:2px}.smart-phone-input .smart-drop-down-button::after{font-family:var(--smart-font-family-icon);content:var(--smart-icon-arrow-down)}.smart-flag-box{margin-right:6px}.smart-flag-box .flag{width:20px}.smart-flag-box .flag.be{width:18px}.smart-flag-box .flag.ch{width:15px}.smart-flag-box .flag.mc{width:19px}.smart-flag-box .flag.ne{width:18px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.smart-flag-box .flag{background-size:5652px 15px}}.smart-flag-box .flag.ac{height:10px;background-position:0 0}.smart-flag-box .flag.ad{height:14px;background-position:-22px 0}.smart-flag-box .flag.ae{height:10px;background-position:-44px 0}.smart-flag-box .flag.af{height:14px;background-position:-66px 0}.smart-flag-box .flag.ag{height:14px;background-position:-88px 0}.smart-flag-box .flag.ai{height:10px;background-position:-110px 0}.smart-flag-box .flag.al{height:15px;background-position:-132px 0}.smart-flag-box .flag.am{height:10px;background-position:-154px 0}.smart-flag-box .flag.ao{height:14px;background-position:-176px 0}.smart-flag-box .flag.aq{height:14px;background-position:-198px 0}.smart-flag-box .flag.ar{height:13px;background-position:-220px 0}.smart-flag-box .flag.as{height:10px;background-position:-242px 0}.smart-flag-box .flag.at{height:14px;background-position:-264px 0}.smart-flag-box .flag.au{height:10px;background-position:-286px 0}.smart-flag-box .flag.aw{height:14px;background-position:-308px 0}.smart-flag-box .flag.ax{height:13px;background-position:-330px 0}.smart-flag-box .flag.az{height:10px;background-position:-352px 0}.smart-flag-box .flag.ba{height:10px;background-position:-374px 0}.smart-flag-box .flag.bb{height:14px;background-position:-396px 0}.smart-flag-box .flag.bd{height:12px;background-position:-418px 0}.smart-flag-box .flag.be{height:15px;background-position:-440px 0}.smart-flag-box .flag.bf{height:14px;background-position:-460px 0}.smart-flag-box .flag.bg{height:12px;background-position:-482px 0}.smart-flag-box .flag.bh{height:12px;background-position:-504px 0}.smart-flag-box .flag.bi{height:12px;background-position:-526px 0}.smart-flag-box .flag.bj{height:14px;background-position:-548px 0}.smart-flag-box .flag.bl{height:14px;background-position:-570px 0}.smart-flag-box .flag.bm{height:10px;background-position:-592px 0}.smart-flag-box .flag.bn{height:10px;background-position:-614px 0}.smart-flag-box .flag.bo{height:14px;background-position:-636px 0}.smart-flag-box .flag.bq{height:14px;background-position:-658px 0}.smart-flag-box .flag.br{height:14px;background-position:-680px 0}.smart-flag-box .flag.bs{height:10px;background-position:-702px 0}.smart-flag-box .flag.bt{height:14px;background-position:-724px 0}.smart-flag-box .flag.bv{height:15px;background-position:-746px 0}.smart-flag-box .flag.bw{height:14px;background-position:-768px 0}.smart-flag-box .flag.by{height:10px;background-position:-790px 0}.smart-flag-box .flag.bz{height:14px;background-position:-812px 0}.smart-flag-box .flag.ca{height:10px;background-position:-834px 0}.smart-flag-box .flag.cc{height:10px;background-position:-856px 0}.smart-flag-box .flag.cd{height:15px;background-position:-878px 0}.smart-flag-box .flag.cf{height:14px;background-position:-900px 0}.smart-flag-box .flag.cg{height:14px;background-position:-922px 0}.smart-flag-box .flag.ch{height:15px;background-position:-944px 0}.smart-flag-box .flag.ci{height:14px;background-position:-961px 0}.smart-flag-box .flag.ck{height:10px;background-position:-983px 0}.smart-flag-box .flag.cl{height:14px;background-position:-1005px 0}.smart-flag-box .flag.cm{height:14px;background-position:-1027px 0}.smart-flag-box .flag.cn{height:14px;background-position:-1049px 0}.smart-flag-box .flag.co{height:14px;background-position:-1071px 0}.smart-flag-box .flag.cp{height:14px;background-position:-1093px 0}.smart-flag-box .flag.cr{height:12px;background-position:-1115px 0}.smart-flag-box .flag.cu{height:10px;background-position:-1137px 0}.smart-flag-box .flag.cv{height:12px;background-position:-1159px 0}.smart-flag-box .flag.cw{height:14px;background-position:-1181px 0}.smart-flag-box .flag.cx{height:10px;background-position:-1203px 0}.smart-flag-box .flag.cy{height:14px;background-position:-1225px 0}.smart-flag-box .flag.cz{height:14px;background-position:-1247px 0}.smart-flag-box .flag.de{height:12px;background-position:-1269px 0}.smart-flag-box .flag.dg{height:10px;background-position:-1291px 0}.smart-flag-box .flag.dj{height:14px;background-position:-1313px 0}.smart-flag-box .flag.dk{height:15px;background-position:-1335px 0}.smart-flag-box .flag.dm{height:10px;background-position:-1357px 0}.smart-flag-box .flag.do{height:14px;background-position:-1379px 0}.smart-flag-box .flag.dz{height:14px;background-position:-1401px 0}.smart-flag-box .flag.ea{height:14px;background-position:-1423px 0}.smart-flag-box .flag.ec{height:14px;background-position:-1445px 0}.smart-flag-box .flag.ee{height:13px;background-position:-1467px 0}.smart-flag-box .flag.eg{height:14px;background-position:-1489px 0}.smart-flag-box .flag.eh{height:10px;background-position:-1511px 0}.smart-flag-box .flag.er{height:10px;background-position:-1533px 0}.smart-flag-box .flag.es{height:14px;background-position:-1555px 0}.smart-flag-box .flag.et{height:10px;background-position:-1577px 0}.smart-flag-box .flag.eu{height:14px;background-position:-1599px 0}.smart-flag-box .flag.fi{height:12px;background-position:-1621px 0}.smart-flag-box .flag.fj{height:10px;background-position:-1643px 0}.smart-flag-box .flag.fk{height:10px;background-position:-1665px 0}.smart-flag-box .flag.fm{height:11px;background-position:-1687px 0}.smart-flag-box .flag.fo{height:15px;background-position:-1709px 0}.smart-flag-box .flag.fr{height:14px;background-position:-1731px 0}.smart-flag-box .flag.ga{height:15px;background-position:-1753px 0}.smart-flag-box .flag.gb{height:10px;background-position:-1775px 0}.smart-flag-box .flag.gd{height:12px;background-position:-1797px 0}.smart-flag-box .flag.ge{height:14px;background-position:-1819px 0}.smart-flag-box .flag.gf{height:14px;background-position:-1841px 0}.smart-flag-box .flag.gg{height:14px;background-position:-1863px 0}.smart-flag-box .flag.gh{height:14px;background-position:-1885px 0}.smart-flag-box .flag.gi{height:10px;background-position:-1907px 0}.smart-flag-box .flag.gl{height:14px;background-position:-1929px 0}.smart-flag-box .flag.gm{height:14px;background-position:-1951px 0}.smart-flag-box .flag.gn{height:14px;background-position:-1973px 0}.smart-flag-box .flag.gp{height:14px;background-position:-1995px 0}.smart-flag-box .flag.gq{height:14px;background-position:-2017px 0}.smart-flag-box .flag.gr{height:14px;background-position:-2039px 0}.smart-flag-box .flag.gs{height:10px;background-position:-2061px 0}.smart-flag-box .flag.gt{height:13px;background-position:-2083px 0}.smart-flag-box .flag.gu{height:11px;background-position:-2105px 0}.smart-flag-box .flag.gw{height:10px;background-position:-2127px 0}.smart-flag-box .flag.gy{height:12px;background-position:-2149px 0}.smart-flag-box .flag.hk{height:14px;background-position:-2171px 0}.smart-flag-box .flag.hm{height:10px;background-position:-2193px 0}.smart-flag-box .flag.hn{height:10px;background-position:-2215px 0}.smart-flag-box .flag.hr{height:10px;background-position:-2237px 0}.smart-flag-box .flag.ht{height:12px;background-position:-2259px 0}.smart-flag-box .flag.hu{height:10px;background-position:-2281px 0}.smart-flag-box .flag.ic{height:14px;background-position:-2303px 0}.smart-flag-box .flag.id{height:14px;background-position:-2325px 0}.smart-flag-box .flag.ie{height:10px;background-position:-2347px 0}.smart-flag-box .flag.il{height:15px;background-position:-2369px 0}.smart-flag-box .flag.im{height:10px;background-position:-2391px 0}.smart-flag-box .flag.in{height:14px;background-position:-2413px 0}.smart-flag-box .flag.io{height:10px;background-position:-2435px 0}.smart-flag-box .flag.iq{height:14px;background-position:-2457px 0}.smart-flag-box .flag.ir{height:12px;background-position:-2479px 0}.smart-flag-box .flag.is{height:15px;background-position:-2501px 0}.smart-flag-box .flag.it{height:14px;background-position:-2523px 0}.smart-flag-box .flag.je{height:12px;background-position:-2545px 0}.smart-flag-box .flag.jm{height:10px;background-position:-2567px 0}.smart-flag-box .flag.jo{height:10px;background-position:-2589px 0}.smart-flag-box .flag.jp{height:14px;background-position:-2611px 0}.smart-flag-box .flag.ke{height:14px;background-position:-2633px 0}.smart-flag-box .flag.kg{height:12px;background-position:-2655px 0}.smart-flag-box .flag.kh{height:13px;background-position:-2677px 0}.smart-flag-box .flag.ki{height:10px;background-position:-2699px 0}.smart-flag-box .flag.km{height:12px;background-position:-2721px 0}.smart-flag-box .flag.kn{height:14px;background-position:-2743px 0}.smart-flag-box .flag.kp{height:10px;background-position:-2765px 0}.smart-flag-box .flag.kr{height:14px;background-position:-2787px 0}.smart-flag-box .flag.kw{height:10px;background-position:-2809px 0}.smart-flag-box .flag.ky{height:10px;background-position:-2831px 0}.smart-flag-box .flag.kz{height:10px;background-position:-2853px 0}.smart-flag-box .flag.la{height:14px;background-position:-2875px 0}.smart-flag-box .flag.lb{height:14px;background-position:-2897px 0}.smart-flag-box .flag.lc{height:10px;background-position:-2919px 0}.smart-flag-box .flag.li{height:12px;background-position:-2941px 0}.smart-flag-box .flag.lk{height:10px;background-position:-2963px 0}.smart-flag-box .flag.lr{height:11px;background-position:-2985px 0}.smart-flag-box .flag.ls{height:14px;background-position:-3007px 0}.smart-flag-box .flag.lt{height:12px;background-position:-3029px 0}.smart-flag-box .flag.lu{height:12px;background-position:-3051px 0}.smart-flag-box .flag.lv{height:10px;background-position:-3073px 0}.smart-flag-box .flag.ly{height:10px;background-position:-3095px 0}.smart-flag-box .flag.ma{height:14px;background-position:-3117px 0}.smart-flag-box .flag.mc{height:15px;background-position:-3139px 0}.smart-flag-box .flag.md{height:10px;background-position:-3160px 0}.smart-flag-box .flag.me{height:10px;background-position:-3182px 0}.smart-flag-box .flag.mf{height:14px;background-position:-3204px 0}.smart-flag-box .flag.mg{height:14px;background-position:-3226px 0}.smart-flag-box .flag.mh{height:11px;background-position:-3248px 0}.smart-flag-box .flag.mk{height:10px;background-position:-3270px 0}.smart-flag-box .flag.ml{height:14px;background-position:-3292px 0}.smart-flag-box .flag.mm{height:14px;background-position:-3314px 0}.smart-flag-box .flag.mn{height:10px;background-position:-3336px 0}.smart-flag-box .flag.mo{height:14px;background-position:-3358px 0}.smart-flag-box .flag.mp{height:10px;background-position:-3380px 0}.smart-flag-box .flag.mq{height:14px;background-position:-3402px 0}.smart-flag-box .flag.mr{height:14px;background-position:-3424px 0}.smart-flag-box .flag.ms{height:10px;background-position:-3446px 0}.smart-flag-box .flag.mt{height:14px;background-position:-3468px 0}.smart-flag-box .flag.mu{height:14px;background-position:-3490px 0}.smart-flag-box .flag.mv{height:14px;background-position:-3512px 0}.smart-flag-box .flag.mw{height:14px;background-position:-3534px 0}.smart-flag-box .flag.mx{height:12px;background-position:-3556px 0}.smart-flag-box .flag.my{height:10px;background-position:-3578px 0}.smart-flag-box .flag.mz{height:14px;background-position:-3600px 0}.smart-flag-box .flag.na{height:14px;background-position:-3622px 0}.smart-flag-box .flag.nc{height:10px;background-position:-3644px 0}.smart-flag-box .flag.ne{height:15px;background-position:-3666px 0}.smart-flag-box .flag.nf{height:10px;background-position:-3686px 0}.smart-flag-box .flag.ng{height:10px;background-position:-3708px 0}.smart-flag-box .flag.ni{height:12px;background-position:-3730px 0}.smart-flag-box .flag.nl{height:14px;background-position:-3752px 0}.smart-flag-box .flag.no{height:15px;background-position:-3774px 0}.smart-flag-box .flag.np{width:13px;height:15px;background-position:-3796px 0}.smart-flag-box .flag.nr{height:10px;background-position:-3811px 0}.smart-flag-box .flag.nu{height:10px;background-position:-3833px 0}.smart-flag-box .flag.nz{height:10px;background-position:-3855px 0}.smart-flag-box .flag.om{height:10px;background-position:-3877px 0}.smart-flag-box .flag.pa{height:14px;background-position:-3899px 0}.smart-flag-box .flag.pe{height:14px;background-position:-3921px 0}.smart-flag-box .flag.pf{height:14px;background-position:-3943px 0}.smart-flag-box .flag.pg{height:15px;background-position:-3965px 0}.smart-flag-box .flag.ph{height:10px;background-position:-3987px 0}.smart-flag-box .flag.pk{height:14px;background-position:-4009px 0}.smart-flag-box .flag.pl{height:13px;background-position:-4031px 0}.smart-flag-box .flag.pm{height:14px;background-position:-4053px 0}.smart-flag-box .flag.pn{height:10px;background-position:-4075px 0}.smart-flag-box .flag.pr{height:14px;background-position:-4097px 0}.smart-flag-box .flag.ps{height:10px;background-position:-4119px 0}.smart-flag-box .flag.pt{height:14px;background-position:-4141px 0}.smart-flag-box .flag.pw{height:13px;background-position:-4163px 0}.smart-flag-box .flag.py{height:11px;background-position:-4185px 0}.smart-flag-box .flag.qa{height:8px;background-position:-4207px 0}.smart-flag-box .flag.re{height:14px;background-position:-4229px 0}.smart-flag-box .flag.ro{height:14px;background-position:-4251px 0}.smart-flag-box .flag.rs{height:14px;background-position:-4273px 0}.smart-flag-box .flag.ru{height:14px;background-position:-4295px 0}.smart-flag-box .flag.rw{height:14px;background-position:-4317px 0}.smart-flag-box .flag.sa{height:14px;background-position:-4339px 0}.smart-flag-box .flag.sb{height:10px;background-position:-4361px 0}.smart-flag-box .flag.sc{height:10px;background-position:-4383px 0}.smart-flag-box .flag.sd{height:10px;background-position:-4405px 0}.smart-flag-box .flag.se{height:13px;background-position:-4427px 0}.smart-flag-box .flag.sg{height:14px;background-position:-4449px 0}.smart-flag-box .flag.sh{height:10px;background-position:-4471px 0}.smart-flag-box .flag.si{height:10px;background-position:-4493px 0}.smart-flag-box .flag.sj{height:15px;background-position:-4515px 0}.smart-flag-box .flag.sk{height:14px;background-position:-4537px 0}.smart-flag-box .flag.sl{height:14px;background-position:-4559px 0}.smart-flag-box .flag.sm{height:15px;background-position:-4581px 0}.smart-flag-box .flag.sn{height:14px;background-position:-4603px 0}.smart-flag-box .flag.so{height:14px;background-position:-4625px 0}.smart-flag-box .flag.sr{height:14px;background-position:-4647px 0}.smart-flag-box .flag.ss{height:10px;background-position:-4669px 0}.smart-flag-box .flag.st{height:10px;background-position:-4691px 0}.smart-flag-box .flag.sv{height:12px;background-position:-4713px 0}.smart-flag-box .flag.sx{height:14px;background-position:-4735px 0}.smart-flag-box .flag.sy{height:14px;background-position:-4757px 0}.smart-flag-box .flag.sz{height:14px;background-position:-4779px 0}.smart-flag-box .flag.ta{height:10px;background-position:-4801px 0}.smart-flag-box .flag.tc{height:10px;background-position:-4823px 0}.smart-flag-box .flag.td{height:14px;background-position:-4845px 0}.smart-flag-box .flag.tf{height:14px;background-position:-4867px 0}.smart-flag-box .flag.tg{height:13px;background-position:-4889px 0}.smart-flag-box .flag.th{height:14px;background-position:-4911px 0}.smart-flag-box .flag.tj{height:10px;background-position:-4933px 0}.smart-flag-box .flag.tk{height:10px;background-position:-4955px 0}.smart-flag-box .flag.tl{height:10px;background-position:-4977px 0}.smart-flag-box .flag.tm{height:14px;background-position:-4999px 0}.smart-flag-box .flag.tn{height:14px;background-position:-5021px 0}.smart-flag-box .flag.to{height:10px;background-position:-5043px 0}.smart-flag-box .flag.tr{height:14px;background-position:-5065px 0}.smart-flag-box .flag.tt{height:12px;background-position:-5087px 0}.smart-flag-box .flag.tv{height:10px;background-position:-5109px 0}.smart-flag-box .flag.tw{height:14px;background-position:-5131px 0}.smart-flag-box .flag.tz{height:14px;background-position:-5153px 0}.smart-flag-box .flag.ua{height:14px;background-position:-5175px 0}.smart-flag-box .flag.ug{height:14px;background-position:-5197px 0}.smart-flag-box .flag.um{height:11px;background-position:-5219px 0}.smart-flag-box .flag.un{height:14px;background-position:-5241px 0}.smart-flag-box .flag.us{height:11px;background-position:-5263px 0}.smart-flag-box .flag.uy{height:14px;background-position:-5285px 0}.smart-flag-box .flag.uz{height:10px;background-position:-5307px 0}.smart-flag-box .flag.va{width:15px;height:15px;background-position:-5329px 0}.smart-flag-box .flag.vc{height:14px;background-position:-5346px 0}.smart-flag-box .flag.ve{height:14px;background-position:-5368px 0}.smart-flag-box .flag.vg{height:10px;background-position:-5390px 0}.smart-flag-box .flag.vi{height:14px;background-position:-5412px 0}.smart-flag-box .flag.vn{height:14px;background-position:-5434px 0}.smart-flag-box .flag.vu{height:12px;background-position:-5456px 0}.smart-flag-box .flag.wf{height:14px;background-position:-5478px 0}.smart-flag-box .flag.ws{height:10px;background-position:-5500px 0}.smart-flag-box .flag.xk{height:15px;background-position:-5522px 0}.smart-flag-box .flag.ye{height:14px;background-position:-5544px 0}.smart-flag-box .flag.yt{height:14px;background-position:-5566px 0}.smart-flag-box .flag.za{height:14px;background-position:-5588px 0}.smart-flag-box .flag.zm{height:14px;background-position:-5610px 0}.smart-flag-box .flag.zw{height:10px;background-position:-5632px 0}.smart-flag-box .flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(../images/flags.png);background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}.smart-flag-box .flag.np{background-color:transparent}.smart-country-input-drop-down-menu ul li a,.smart-phone-input-drop-down-menu ul li a{border-left:var(--smart-border-width) solid transparent;display:flex;align-items:center}.smart-country-input-drop-down-menu ul li .dial-code,.smart-phone-input-drop-down-menu ul li .dial-code{margin-left:6px;opacity:.5}.smart-country-input-drop-down-menu:not(.smart-check-input-drop-down-menu) li.active a,.smart-phone-input-drop-down-menu:not(.smart-check-input-drop-down-menu) li.active a{border-left:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:0;border-bottom-left-radius:0;color:var(--smart-ui-state-color-selected);background:var(--smart-ui-state-selected)}.smart-country-input-drop-down-menu[right-to-left] li a,.smart-phone-input-drop-down-menu[right-to-left] li a{border-left:none;border-right:var(--smart-border-width) solid transparent}.smart-country-input-drop-down-menu[right-to-left]:not(.smart-check-input-drop-down-menu) li.active a,.smart-phone-input-drop-down-menu[right-to-left]:not(.smart-check-input-drop-down-menu) li.active a{border-left:var(--smart-border-width) solid transparent;border-right:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-top-right-radius:0;border-bottom-right-radius:0}.underlined.smart-input,.underlined.smart-input .smart-drop-down-button,.underlined.smart-text-box input.smart-input{border-top:none;border-left:none;border-right:none}.underlined.smart-input,.underlined.smart-input[hover]{border-bottom-left-radius:0;border-bottom-right-radius:0}smart-check-input.underlined,smart-date-range-input.underlined,smart-input.underlined,smart-multi-combo-input.underlined,smart-multi-input.underlined,smart-password-input.underlined,smart-text-box.underlined{background-color:transparent}smart-date-input.underlined,smart-date-range-input.underlined,smart-time-input.underlined{overflow:visible}.underlined.smart-input{transition:border-bottom .2s,background-color .2s}.underlined.smart-input .smart-hint{position:absolute;top:0;left:0;right:0;bottom:0;display:block!important;box-sizing:border-box;padding:var(--smart-editor-label-padding);color:var(--smart-background-color);pointer-events:none;font-size:75%;opacity:0;transition:color .2s,font-size .2s,line-height .2s,margin-top .2s,opacity .3s,top .2s;margin-top:calc(0px - var(--smart-font-size))}.underlined.smart-input .smart-hint:after{content:"";position:absolute;left:0;bottom:-2px;display:block;width:100%;height:2px;background-color:var(--smart-primary);transform-origin:bottom center;transform:scaleX(0);transition:transform .2s}.underlined.smart-input[hover]{border-bottom-color:var(--smart-background-color)}.underlined.smart-input[focus] .smart-hint{color:var(--smart-primary);opacity:1}.underlined.smart-input[focus] .smart-hint:before{opacity:.12}.underlined.smart-input[focus] .smart-hint:after{transform:scale(1)}.underlined.smart-input .smart-input:not(:focus):placeholder-shown+.smart-hint{font-size:inherit;margin-top:0}.underlined.smart-input:not([readonly]) .smart-drop-down-button{border-bottom-left-radius:initial;border-bottom-right-radius:initial}.underlined.smart-input:not([opened]) .smart-drop-down-button{background-color:transparent}.underlined.smart-input.smart-multi-combo-input:not([focus]) .smart-hint{margin-top:0}.underlined.smart-input.smart-date-range-input[opened][drop-down-button-position=right]:not([readonly]){border-bottom-left-radius:0;border-bottom-right-radius:0}.underlined.smart-input[readonly] .smart-input{cursor:pointer;background:var(--smart-background)!important;color:var(--smart-background-color)!important;opacity:.75}.underlined.smart-input[drop-down-button-position=left] .smart-drop-down-button{background:inherit;color:inherit;border-bottom-left-radius:initial}.underlined.smart-input[drop-down-button-position=left] .smart-hint{margin-left:var(--smart-editor-addon-width)}.underlined.smart-input[drop-down-button-position=left][focus] .smart-hint:after{margin-left:calc(0px - var(--smart-editor-addon-width));width:calc(100% + var(--smart-editor-addon-width))}.underlined.smart-input[drop-down-button-position=left][opened]:not([readonly]),.underlined.smart-input[drop-down-button-position=left][opened]:not([readonly]) input{border-bottom-right-radius:0}.underlined.smart-input[drop-down-button-position=right] .smart-drop-down-button{background:var(--smart-background);color:var(--smart-background-color);border-bottom-right-radius:initial}.underlined.smart-input[drop-down-button-position=right][opened]:not([readonly]),.underlined.smart-input[drop-down-button-position=right][opened]:not([readonly]) input{border-bottom-left-radius:0}.underlined.smart-input.smart-invalid{border-bottom-color:rgba(var(--smart-error-rgb),.5)}.underlined.smart-input.smart-invalid .smart-hint:after{background-color:var(--smart-error)}.underlined.smart-text-box input.smart-input{border-bottom-left-radius:initial;border-bottom-right-radius:initial}.underlined.smart-number-input .nav{background:var(--smart-background);color:var(--smart-background-color)}.underlined.smart-number-input .nav .up{border-bottom:none}smart-check-input.outlined,smart-date-range-input.outlined,smart-input.outlined,smart-masked-text-box.outlined,smart-multi-combo-input.outlined,smart-multi-input.outlined,smart-password-input.outlined,smart-password-text-box.outlined,smart-text-box.outlined{background-color:transparent}smart-date-input.outlined,smart-date-range-input.outlined,smart-time-input.outlined{overflow:visible}.outlined.smart-input{position:relative;display:inline-block;font-family:var(--smart-font-family);font-size:var(--smart-font-size);line-height:1.5;height:50px;margin:0;border:none;border-radius:0;padding-top:6px;overflow:hidden}.outlined.smart-input .smart-input{padding:12px 13px;z-index:5;background:var(--smart-background);border:1px solid var(--smart-border);transition:border-color .2s}.outlined.smart-input.smart-valid[focus] .smart-drop-down-button,.outlined.smart-input.smart-valid[focus] .smart-input{border-color:var(--smart-primary)}.outlined.smart-input.smart-valid[focus] .smart-drop-down-button{color:var(--smart-primary)}.outlined.smart-input.smart-invalid .smart-drop-down-button,.outlined.smart-input.smart-invalid .smart-input{border-color:rgba(var(--smart-error-rgb),.5)}.outlined.smart-input.smart-invalid[focus] .smart-drop-down-button,.outlined.smart-input.smart-invalid[focus] .smart-input{border-color:var(--smart-error)}.outlined.smart-input.smart-invalid[focus] .smart-drop-down-button{color:var(--smart-error)}.outlined.smart-input.smart-multi-combo-input .smart-input{padding:0;border:none!important;z-index:initial}.outlined.smart-input.smart-multi-combo-input .smart-drop-down-button{padding:0!important}.outlined.smart-input.smart-multi-combo-input .smart-action-button{padding:12px 13px;z-index:5;background:var(--smart-background);border:1px solid var(--smart-border);transition:border-color .2s}.outlined.smart-input.smart-multi-combo-input[hint] .smart-action-button{border-top:1px solid var(--smart-background)}.outlined.smart-input.smart-multi-combo-input[focus] .smart-action-button{border-color:var(--smart-primary);color:var(--smart-primary)}.outlined.smart-input.smart-multi-combo-input[focus][hint] .smart-action-button{border-top-color:var(--smart-background)}.outlined.smart-input.smart-multi-combo-input.smart-valid[focus] .smart-action-button,.outlined.smart-input[focus]{border-color:var(--smart-primary)}.outlined.smart-input.smart-multi-combo-input.smart-valid[focus] .smart-action-button.smart-valid{color:var(--smart-primary)}.outlined.smart-input.smart-multi-combo-input.smart-invalid[focus] .smart-action-button.smart-invalid{color:var(--smart-error)}.outlined.smart-input[drop-down-button-position=right] input{border-right:none}.outlined.smart-input[drop-down-button-position=right] .smart-drop-down-button{padding:10px 0 9px;border-left:none;border-bottom:1px solid var(--smart-border);border-right:1px solid var(--smart-border);border-top:1px solid var(--smart-border);background:inherit;color:inherit;z-index:6;cursor:pointer}.outlined.smart-input[drop-down-button-position=left] input{border-left:none}.outlined.smart-input[drop-down-button-position=left] .smart-drop-down-button{padding:10px 0;border-right:none;border-bottom:1px solid var(--smart-border);border-left:1px solid var(--smart-border);background:inherit;color:inherit;z-index:6;cursor:pointer}.outlined.smart-input[hint] .smart-hint{position:absolute;top:0;left:0;display:flex!important;border-color:var(--smart-border)!important;width:100%;max-height:100%;color:var(--smart-background-color);font-size:75%;line-height:15px;cursor:text;margin-top:-6px;z-index:7;white-space:nowrap;transition:color .2s,z-index .2s,font-size .2s,opacity .3s,font-size .2s,line-height .2s}.outlined.smart-input[hint] .smart-hint:after,.outlined.smart-input[hint] .smart-hint:before{content:"";display:block;box-sizing:border-box;margin-top:6px;border-top:solid 1px;border-top-color:var(--smart-border)!important;min-width:10px;height:8px;pointer-events:none;box-shadow:inset 0 1px transparent;transition:border-color .2s,box-shadow .2s;z-index:7}.outlined.smart-input[hint] .smart-hint:before{margin-right:4px;border-left:solid 1px transparent;border-radius:4px 0}.outlined.smart-input[hint] .smart-hint:after{flex-grow:1;margin-left:4px;border-right:solid 1px transparent;border-radius:0 4px}.outlined.smart-input[hint][drop-down-button-position=left] .smart-hint:before{width:var(--smart-editor-addon-width);margin-right:13px}.outlined.smart-input[focus]{border-top-color:transparent!important;box-shadow:inset 1px 0 var(--smart-material-safari-helper1),inset -1px 0 var(--smart-material-safari-helper1),inset 0 -1px var(--smart-material-safari-helper1);outline:0}.outlined.smart-input[focus] .smart-input{border-color:var(--smart-primary)}.outlined.smart-input[focus] .smart-drop-down-button{color:var(--smart-primary);border-color:var(--smart-primary)}.outlined.smart-input[focus][hint] .smart-input{border-top-color:var(--smart-background)}.outlined.smart-input[focus][hint] .smart-hint{color:var(--smart-primary);opacity:1}.outlined.smart-input[focus][hint] .smart-hint:after,.outlined.smart-input[focus][hint] .smart-hint:before{border-top-color:var(--smart-primary)!important;box-shadow:none!important}.outlined.smart-input[hover]{border-color:var(--smart-border);border-top-color:transparent}.outlined.smart-input[hover][hint] .smart-hint:before{border-top-color:var(--smart-border)}.outlined.smart-input[hover][hint]>input:not(:focus):placeholder-shown,.outlined.smart-input[hover][hint]>textarea:not(:focus):placeholder-shown{border-color:var(--smart-border)}.outlined.smart-input[readonly] .smart-input{background:var(--smart-background)!important;color:var(--smart-background-color)!important;opacity:.75}.outlined.smart-input:not([focus]) .smart-input,.outlined.smart-input:not([focus]) .smart-input:not(:focus):placeholder-shown{border-top:1px solid var(--smart-border);z-index:5}.outlined.smart-input:not([focus]).smart-invalid .smart-input,.outlined.smart-input:not([focus]).smart-invalid .smart-input:not(:focus):placeholder-shown{border-top:1px solid rgba(var(--smart-error-rgb),.5);z-index:5}.outlined.smart-input:not([focus]):not([value]).smart-multi-combo-input[hint] .smart-hint,.outlined.smart-input[hint] .smart-input:not(:focus):placeholder-shown+.smart-hint,.outlined.smart-input[hint]:not([focus]) .smart-hint{font-size:var(--smart-font-size);line-height:60px;z-index:2;user-select:none;pointer-events:none}.outlined.smart-input.smart-invalid[focus]{border-color:var(--smart-error)}.outlined.smart-input.smart-invalid[focus][hint] .smart-hint{color:var(--smart-error)}.outlined.smart-input.smart-invalid[focus][hint] .smart-hint:after,.outlined.smart-input.smart-invalid[focus][hint] .smart-hint:before{border-top-color:var(--smart-error)!important}.outlined.smart-input.smart-valid[focus]{border-color:var(--smart-primary)}.outlined.smart-input.smart-valid[focus][hint] .smart-hint{color:var(--smart-primary)}.outlined.smart-input.smart-valid[focus][hint] .smart-hint:after,.outlined.smart-input.smart-valid[focus][hint] .smart-hint:before{border-top-color:var(--smart-primary)!important}.outlined.smart-text-area[hint] .smart-input:not(:focus):placeholder-shown+.smart-hint,.outlined.smart-text-area[hint]:not([focus]) .smart-hint{font-size:var(--smart-font-size);line-height:var(--smart-editor-height);opacity:0;z-index:2}.outlined.smart-text-box input{border:none;padding:7px}.outlined.smart-number-input .nav{background:var(--smart-background);color:var(--smart-background-color)}.outlined.smart-number-input .nav .up{border-bottom:none}.outlined.smart-number-input[drop-down-button-position=right] .smart-drop-down-button,.outlined.smart-number-input[drop-down-button-position=left] .smart-drop-down-button{padding:0}.smart-invalid .outlined.smart-input.smart-multi-combo-input .smart-action-button{border-color:rgba(var(--smart-error-rgb),.5)}.smart-invalid .outlined.smart-input.smart-multi-combo-input[focus] .smart-action-button{border-color:var(--smart-error)}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.smart-input .smart-hint,.smart-input .smart-hint::after,.smart-input .smart-input{transition-duration:.1s}}}
+.smart-input-drop-down-menu,input.smart-input{font-size:var(--smart-font-size);font-family:var(--smart-font-family)}input.smart-input{border-width:var(--smart-border-width);background:var(--smart-background);border-style:solid;border-color:var(--smart-border);color:var(--smart-background-color);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);padding-left:var(--smart-editor-label-padding);padding-right:var(--smart-editor-label-padding);padding-top:0;padding-bottom:0;height:var(--smart-editor-height);outline:0;text-align:var(--smart-text-box-text-align);box-sizing:border-box}input.smart-input:focus{border-color:var(--smart-outline)}input.smart-input:hover{border-color:var(--smart-ui-state-border-hover)}input.smart-input:disabled{border-color:var(--smart-disabled);outline:0}input.smart-input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}textarea.smart-input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}.smart-input-drop-down-menu{display:block;transform:scaleY(0);transform-origin:top left;opacity:0;position:absolute;top:100%;left:0;z-index:var(--smart-editor-drop-down-z-index);float:left;padding:2px;margin:var(--smart-list-item-vertical-offset) var(--smart-list-item-horizontal-offset);color:var(--smart-background-color);background-color:var(--smart-background);border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);box-shadow:var(--smart-elevation-8);overflow:hidden;width:auto;height:auto;--smart-input-drop-down-menu-width:auto;--smart-input-drop-down-menu-height:200px;min-height:0}.smart-input-drop-down-menu:not([animation=none]){transition:opacity .2s,transform .2s ease-out}.smart-input-drop-down-menu.smart-container{box-shadow:none;padding:0;margin:0}.smart-input-drop-down-menu .smart-scroll-viewer-container,.smart-input-drop-down-menu .smart-scroll-viewer-content-container,.smart-input-drop-down-menu>.smart-container{width:var(--smart-input-drop-down-menu-width);max-height:calc(var(--smart-input-drop-down-menu-height) - 6px)}.smart-input-drop-down-menu .smart-scroll-viewer-content-container{padding:0;max-height:initial}.smart-input-drop-down-menu ul{list-style:none;padding:0;margin:0;width:100%;height:auto}.smart-input-drop-down-menu ul.scroll{width:calc(100% - var(--smart-scroll-bar-size) - 2px)}.smart-input-drop-down-menu ul li{padding-bottom:1px}.smart-input-drop-down-menu ul li:last-child{padding-bottom:0}.smart-input-drop-down-menu ul li a{display:block;padding:8px 12px;border-top-left-radius:var(--smart-item-border-top-left-radius);border-top-right-radius:var(--smart-item-border-top-right-radius);border-bottom-left-radius:var(--smart-item-border-bottom-left-radius);border-bottom-right-radius:var(--smart-item-border-bottom-right-radius);clear:both;font-weight:400;white-space:nowrap;color:var(--smart-background-color);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.smart-input-drop-down-menu ul li a:hover{color:var(--smart-ui-state-color-hover);background:var(--smart-ui-state-hover)}.smart-input-drop-down-menu ul li a.icon{position:relative;padding-left:var(--smart-column-icon-size)}.smart-input-drop-down-menu ul li a.icon:after{content:'';position:absolute;left:0;top:0;width:var(--smart-column-icon-size);height:100%;background-repeat:no-repeat;background-position:center}.smart-input-drop-down-menu:not(.smart-check-input-drop-down-menu) li.active a{color:var(--smart-ui-state-color-focus);background:var(--smart-ui-state-focus);text-decoration:none;outline:0}.smart-input-drop-down-menu[open]{transform:scale(1);opacity:1}.smart-multi-combo-input-scroll-viewer .smart-scroll-viewer-content-container{width:var(--smart-input-drop-down-menu-width);max-height:initial}.smart-multi-combo-input-scroll-viewer .smart-scroll-viewer-container,.smart-multi-combo-input-scroll-viewer>.smart-container{width:var(--smart-input-drop-down-menu-width);max-height:calc(var(--smart-input-drop-down-menu-height) - 6px)}.smart-drop-down smart-list-item[focus] .smart-overlay{background-color:var(--smart-ui-state-focus)}.smart-drop-down smart-list-item[focus] .smart-content{color:var(--smart-ui-state-color-focus);border-color:var(--smart-ui-state-border-focus)}.smart-drop-down smart-list-item[focus][selected] .smart-overlay{background-color:var(--smart-ui-state-selected)}.smart-drop-down smart-list-item[focus][selected] .smart-content{color:var(--smart-ui-state-color-selected);border-color:var(--smart-ui-state-border-selected)}smart-text-box input:hover,smart-text-box:focus input.hovered,smart-text-box[hover] input{border-color:var(--smart-ui-state-border-hover)}smart-text-box{--smart-outline:var(--smart-primary);display:inline-block;border:none;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;background:var(--smart-background)}smart-text-box input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-text-box.smart-element{background:var(--smart-background)}smart-text-box[disabled]{border-color:var(--smart-disabled);outline:0}smart-text-box input:focus{border-color:var(--smart-outline)}.smart-text-box .smart-container,.smart-text-box input,.smart-text-box.smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-text-box>.smart-container>.smart-content{height:100%}.smart-text-box>.smart-container>.smart-content>div{width:100%;height:100%;outline:0;border-width:var(--smart-border-width);border-style:solid;border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);padding:var(--smart-editor-label-padding);color:inherit;font-family:inherit;font-size:inherit;background-color:transparent;font-weight:inherit;font-style:inherit;overflow:hidden}.smart-text-box>.smart-container>.smart-content>div>label{color:transparent}.smart-text-box>.smart-container>.smart-content>div:first-of-type{position:absolute;display:flex;width:initial;height:initial;user-select:none;pointer-events:none;min-height:initial;max-height:initial;align-items:center;padding-top:1px;padding-bottom:1px;opacity:.5;text-overflow:ellipsis;white-space:nowrap;border:var(--smart-border-width) solid transparent}.smart-text-box[disabled] input,.smart-text-box[readonly] input{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.smart-text-box .smart-hint,.smart-text-box .smart-label{display:none;position:absolute}.smart-text-box[hint] .smart-hint,.smart-text-box[label] .smart-label{position:absolute;font-size:12px;width:100%;display:block;padding:var(--smart-editor-label-padding);text-align:initial;line-height:initial;vertical-align:initial;left:0;pointer-events:none}.smart-text-box[label] .smart-label{bottom:100%;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.smart-text-box[hint] .smart-hint{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.6,1);top:100%;bottom:initial}smart-input,smart-text-area{display:inline-block;background:var(--smart-background);overflow:visible}.smart-text-box[hint][focus] .smart-hint{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.smart-text-box .smart-drop-down{font-family:inherit}.smart-text-box:focus.hovered input{border-color:var(--smart-ui-state-border-hover)}.smart-text-box[right-to-left] .smart-hint,.smart-text-box[right-to-left] .smart-label,.smart-text-box[right-to-left]>.smart-container>.smart-content{direction:rtl}smart-text-area{--smart-outline:var(--smart-primary);width:var(--smart-text-box-default-width);border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);height:calc(1.5 * var(--smart-text-box-default-height))}smart-text-area textarea{margin:0;resize:none}smart-text-area textarea.smart-input{border:none;text-overflow:ellipsis}.smart-text-area .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-text-area textarea.smart-input{font-family:var(--smart-font-family);font-size:var(--smart-font-size);background:var(--smart-background);color:var(--smart-background-color);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);padding-top:0;padding-bottom:0;padding:var(--smart-editor-label-padding);outline:0;text-align:var(--smart-text-box-text-align);box-sizing:border-box;border:none;height:100%;width:100%}smart-input,smart-number-input{height:var(--smart-text-box-default-height)}smart-input{--smart-outline:var(--smart-primary);width:var(--smart-text-box-default-width);border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}.smart-input.smart-container,smart-input>.smart-container{display:flex}smart-input.smart-element{background:var(--smart-background)}smart-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-input input.smart-input{border:none;text-overflow:ellipsis}smart-input:focus{border-color:var(--smart-outline)}smart-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-input[disabled]{border-color:var(--smart-disabled);outline:0}smart-input[drop-down-button-position=right] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-input .smart-container,.smart-input.smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-input .smart-drop-down-button{display:none;width:var(--smart-editor-addon-width);height:100%;flex-direction:column;color:var(--smart-surface-color);border-left:1px solid var(--smart-border);background:var(--smart-surface);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);outline:0}.smart-input .smart-drop-down-button .arrow{display:flex;height:100%;overflow:hidden;cursor:pointer;font-family:var(--smart-font-family-icon);justify-content:center;align-items:center;font-size:var(--smart-arrow-size);outline:0}.smart-input .smart-drop-down-button .arrow:after{content:var(--smart-icon-arrow-down);transition:opacity .2s,transform .2s ease-out}.smart-input .smart-drop-down-button[open] .arrow:after{transform:rotate(-180deg)}.smart-input .smart-input{border:none;padding:var(--smart-editor-label-padding);height:100%;width:100%}.smart-input[drop-down-button-position=right] .smart-drop-down-button,.smart-input[drop-down-button-position=left] .smart-drop-down-button{display:flex}.smart-input[drop-down-button-position=right] .smart-input,.smart-input[drop-down-button-position=left] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-input[drop-down-button-position=right][disabled] .smart-drop-down-button,.smart-input[drop-down-button-position=left][disabled] .smart-drop-down-button{opacity:.5}.smart-input[drop-down-button-position=left] .smart-drop-down-button{order:-1;border-right:1px solid var(--smart-border);border-left:none;border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius)}.smart-input[drop-down-button-position=left] .smart-input{border-top-left-radius:0;border-bottom-left-radius:0}.smart-input[drop-down-button-position=left][readonly] .smart-drop-down-button{border-right:none}.smart-input[drop-down-button-position=right] .smart-input{border-top-right-radius:0;border-bottom-right-radius:0}.smart-input[focus],.smart-input[focus]:not([disabled]) .smart-drop-down-button{border-color:var(--smart-outline)}.smart-input[readonly] .smart-drop-down-button{border-left:none}.smart-input[readonly]:not(.underlined):not(.outlined) input.smart-input,.smart-input[readonly]:not(.underlined):not(.outlined) textarea.smart-input{padding:0;cursor:pointer;padding-left:var(--smart-editor-label-padding);outline:0}.smart-input[readonly]:not(.underlined):not(.outlined):not([opened]):not(:active) input.smart-input,.smart-input[readonly]:not(.underlined):not(.outlined):not([opened]):not(:active) textarea.smart-input{background:var(--smart-surface);color:var(--smart-surface-color)}.smart-input:not([disabled]) .smart-drop-down-button:hover,.smart-input:not([disabled])[readonly]:hover .smart-drop-down-button,.smart-input:not([disabled])[readonly]:hover .smart-input{background:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-input:not([disabled]) .smart-drop-down-button:active,.smart-input:not([disabled]) .smart-drop-down-button[open],.smart-input:not([disabled])[readonly]:active .smart-drop-down-button,.smart-input:not([disabled])[readonly]:active .smart-input,.smart-input:not([disabled])[readonly][open] .smart-drop-down-button,.smart-input:not([disabled])[readonly][open] .smart-input{background:var(--smart-ui-state-active);color:var(--smart-ui-state-color-active)}smart-number-input,smart-number-input.smart-element{background:var(--smart-background)}.smart-input:not([disabled])[readonly]:active .smart-input::-webkit-input-placeholder,.smart-input:not([disabled])[readonly][open] .smart-input::-webkit-input-placeholder{color:var(--smart-ui-state-color-active)}.smart-input:not([disabled])[readonly]:active .smart-input::-moz-placeholder,.smart-input:not([disabled])[readonly][open] .smart-input::-moz-placeholder{color:var(--smart-ui-state-color-active)}.smart-input[disabled] .smart-drop-down-button .arrow{cursor:initial}.smart-input[right-to-left] .smart-input{direction:rtl}.smart-input[right-to-left][readonly] .smart-drop-down-button{border-right:none}.smart-input[right-to-left][readonly] .smart-input,.smart-input[right-to-left][readonly]:not(.underlined):not(.outlined) .smart-input{padding-left:initial;padding-right:var(--smart-editor-label-padding)}.smart-input-drop-down-menu[right-to-left] ul.scroll{width:100%}smart-number-input,smart-password-input{width:var(--smart-text-box-default-width)}.smart-input-drop-down-menu[right-to-left] li a.icon{padding-left:initial;padding-right:var(--smart-column-icon-size)}.smart-input-drop-down-menu[right-to-left] li a.icon:after{left:initial;right:0}smart-number-input{--smart-outline:var(--smart-primary);display:inline-block;overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);text-align:right}smart-number-input>.smart-container{display:flex}.smart-number-input .nav,.smart-number-input .nav.smart-drop-down-button:active,.smart-number-input .nav.smart-drop-down-button:hover,.smart-number-input .nav:active,.smart-number-input .nav:hover{background:var(--smart-surface);color:var(--smart-surface-color)}smart-number-input input.smart-input{border:none;text-overflow:ellipsis}smart-number-input[drop-down-button-position=right] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-number-input .nav{display:flex;width:var(--smart-editor-addon-width);height:100%;flex-direction:column;border-left:1px solid var(--smart-border)}.smart-number-input .nav .down,.smart-number-input .nav .up{display:flex;height:50%;overflow:hidden;cursor:pointer;font-family:var(--smart-font-family-icon);justify-content:center;align-items:center;outline:0}.smart-number-input .nav .down:hover,.smart-number-input .nav .up:hover{background:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-number-input .nav .down:active,.smart-number-input .nav .down[active],.smart-number-input .nav .up:active,.smart-number-input .nav .up[active]{background:var(--smart-ui-state-active);color:var(--smart-ui-state-color-active)}smart-multi-input,smart-multi-input.smart-element,smart-password-input,smart-password-input.smart-element{background:var(--smart-background)}.smart-number-input .nav .up{border-bottom:var(--smart-border-width) solid var(--smart-border)}.smart-number-input .nav .up:after{content:var(--smart-icon-arrow-up)}.smart-number-input .nav .down:after{content:var(--smart-icon-arrow-down)}.smart-number-input[disabled] .nav .down,.smart-number-input[disabled] .nav .up{pointer-events:none}.smart-number-input[right-to-left]>.smart-container{direction:rtl}.smart-number-input[right-to-left] .nav{border-left:initial;border-right:var(--smart-border-width) solid var(--smart-border);border-top-left-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-right-radius);border-top-right-radius:initial;border-bottom-right-radius:initial;order:initial}.smart-number-input[right-to-left] .smart-input{border-top-left-radius:initial;border-bottom-left-radius:initial;border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}.smart-number-input[right-to-left][focus] .nav{border-color:var(--smart-outline)}smart-password-input{--smart-outline:var(--smart-primary);display:inline-block;height:var(--smart-text-box-default-height);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-password-input>.smart-container{display:flex}smart-password-input input.smart-input{border:none;text-overflow:ellipsis}.smart-password-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}smart-multi-input{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-multi-input>.smart-container{display:flex}smart-multi-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-multi-input input.smart-input{border:none;text-overflow:ellipsis}smart-multi-input:focus,smart-multi-input[focus]{border-color:var(--smart-outline)}smart-multi-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-multi-input[disabled]{border-color:var(--smart-disabled);outline:0}smart-multi-input[drop-down-button-position=right] .smart-input,smart-multi-input[drop-down-button-position=left] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-multi-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-multi-input-drop-down-menu li a{border-left:var(--smart-border-width) solid transparent}.smart-multi-input-drop-down-menu:not(.smart-check-input-drop-down-menu) li.active a{border-left:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:0;border-bottom-left-radius:0;color:var(--smart-ui-state-color-selected);background:var(--smart-ui-state-selected)}smart-multi-combo-input,smart-multi-combo-input.smart-element{background:var(--smart-background)}.smart-multi-input-drop-down-menu[right-to-left] li a{border-left:none;border-right:var(--smart-border-width) solid transparent}.smart-multi-input-drop-down-menu[right-to-left]:not(.smart-check-input-drop-down-menu) li.active a{border-left:var(--smart-border-width) solid transparent;border-right:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-top-right-radius:0;border-bottom-right-radius:0}smart-multi-combo-input{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-multi-combo-input>.smart-container{display:flex}smart-multi-combo-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-multi-combo-input input.smart-input{border:none;text-overflow:ellipsis}smart-multi-combo-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-multi-combo-input[focus]{border-color:var(--smart-outline)}.smart-multi-combo-input{height:auto!important;min-height:var(--smart-editor-height)}.smart-multi-combo-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-multi-combo-input .smart-drop-down-button,.smart-multi-combo-input .smart-drop-down-button .arrow,.smart-multi-combo-input>.smart-container{min-height:var(--smart-editor-height)}.smart-multi-combo-input .smart-token{position:relative;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;user-select:none;display:flex;align-items:center;padding:1px 6px;border-radius:20px;background-color:var(--smart-primary);color:var(--smart-primary-color);margin:var(--smart-editor-label-padding) 0 0 var(--smart-editor-label-padding);height:22px}.smart-multi-combo-input .smart-token .smart-drop-down-list-selection-label{text-overflow:ellipsis;overflow:hidden}.smart-multi-combo-input .smart-token .smart-drop-down-list-selection-image{display:flex;justify-content:center;align-items:center;border-radius:50%;width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:cover;margin-right:4px}.smart-multi-combo-input .smart-action-button{display:flex;outline:transparent solid 1px;height:100%;width:100%;flex-wrap:wrap;overflow:hidden;position:relative;user-select:none;border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);min-height:var(--smart-editor-height)}.smart-multi-combo-input .smart-drop-down-list-unselect-button{position:relative;margin-left:2px;margin-right:-2px}.smart-multi-combo-input .smart-drop-down-list-unselect-button:after{content:var(--smart-icon-close);display:flex;justify-content:center;align-items:center;transform-origin:center;font-family:var(--smart-font-family-icon);background:rgba(var(--smart-primary-rgb),.2);border-radius:50%;width:20px;height:20px}.smart-multi-combo-input.smart-input .smart-input{flex-grow:1;align-self:center;width:var(--smart-editor-addon-width);min-width:var(--smart-editor-addon-width);min-height:100%;max-height:1rem;vertical-align:middle;margin:0}.smart-multi-combo-input.smart-input .smart-drop-down-button{height:initial}.smart-multi-combo-input[drop-down-button-position=right] .smart-action-button,.smart-multi-combo-input[drop-down-button-position=left] .smart-action-button{width:calc(100% - var(--smart-editor-addon-width))}.smart-multi-combo-input[input-tags-mode=one] .smart-action-button{align-items:center}.smart-multi-combo-input[readonly] .smart-input{visibility:hidden}.smart-multi-combo-input[readonly]:hover .smart-action-button{background:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-multi-combo-input[hide-input-tags-close-button] .smart-drop-down-list-unselect-button:after{display:none}.smart-multi-combo-input[right-to-left] .smart-token{margin:var(--smart-editor-label-padding) var(--smart-editor-label-padding) 0 0;padding:1px 6px 1px 2px}.smart-multi-combo-input[right-to-left] .smart-token:last-of-type{margin:var(--smart-editor-label-padding) var(--smart-editor-label-padding) var(--smart-editor-label-padding) 0}.smart-multi-combo-input[right-to-left] .smart-action-button{direction:rtl}.smart-multi-combo-input[right-to-left] .smart-drop-down-list-unselect-button{margin:0 5px 0 0}.smart-multi-combo-input-drop-down-menu .smart-scroll-viewer{width:inherit;height:inherit;padding:initial;min-height:inherit;border:initial}.smart-multi-combo-input-drop-down-menu .smart-select-all{height:auto;border-bottom:var(--smart-border-width) solid var(--smart-border)}.smart-multi-combo-input-drop-down-menu[right-to-left]>ul{direction:rtl}.smart-multi-combo-input-drop-down-menu ul li a{display:flex;align-items:center}.smart-multi-combo-input-drop-down-menu ul li a .smart-drop-down-list-selection-image{display:flex;justify-content:center;align-items:center;width:25px;height:25px;background-position:center;background-repeat:no-repeat;background-size:cover;margin-right:4px;border-radius:50%;border:1px solid var(--smart-border)}.smart-multi-combo-input-drop-down-menu[pills] ul li:after,.smart-multi-combo-input-drop-down-menu[pills] ul li:before,.smart-multi-combo-input-drop-down-menu[single-select] ul li.selected:after,.smart-multi-combo-input-drop-down-menu[single-select] ul li::after,.smart-multi-combo-input-drop-down-menu[single-select] ul li:hover:after{display:none}.smart-multi-combo-input-drop-down-menu[single-select] ul li{height:36px;margin-top:1px;cursor:pointer}.smart-multi-combo-input-drop-down-menu[single-select] ul li a{padding:0 0 0 6px;height:100%}.smart-multi-combo-input-drop-down-menu[single-select] ul li.selected,.smart-multi-combo-input-drop-down-menu[single-select] ul li:hover{background:var(--smart-ui-state-hover);border-color:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}.smart-multi-combo-input-drop-down-menu[pills] ul li{height:30px;margin-top:1px}.smart-multi-combo-input-drop-down-menu[pills] ul li a{padding:2px 10px;color:inherit;display:inline-flex;align-items:center;border-radius:15px;margin-top:5px;margin-left:5px;height:auto;background:var(--smart-primary);border-color:var(--smart-primary);color:var(--smart-primary-color)}.smart-multi-combo-input-drop-down-menu[pills] ul li a .smart-drop-down-list-selection-image{height:20px;width:20px}.smart-multi-combo-input-drop-down-menu[pills] ul li.selected,.smart-multi-combo-input-drop-down-menu[pills] ul li:hover{background:var(--smart-ui-state-hover);border-color:var(--smart-ui-state-hover);color:var(--smart-ui-state-color-hover)}smart-check-input,smart-check-input.smart-element{background:var(--smart-background)}.smart-multi-combo-input-drop-down-menu[pills] ul li.active.selected:before,.smart-multi-combo-input-drop-down-menu[pills] ul li.selected:after,.smart-multi-combo-input-drop-down-menu[pills] ul li:hover:after{display:none}smart-check-input{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-check-input>.smart-container{display:flex}smart-check-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-check-input input.smart-input{border:none;text-overflow:ellipsis}smart-check-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-check-input[disabled]{border-color:var(--smart-disabled);outline:0}smart-check-input:focus,smart-check-input[focus]{border-color:var(--smart-outline)}smart-check-input[drop-down-button-position=right] .smart-input,smart-check-input[drop-down-button-position=left] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-check-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-check-input-drop-down-menu ul li{position:relative}.smart-check-input-drop-down-menu ul li:before{content:'';transform:scale(0);background-color:#fff}.smart-check-input-drop-down-menu ul li:after{content:'';position:absolute;border:var(--smart-border-width) solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);width:var(--smart-check-box-default-size);height:var(--smart-check-box-default-size);padding:1px;margin-left:10px;font-family:var(--smart-font-family-icon);justify-content:center;align-items:center;display:flex;top:50%;transform:translateY(-50%);pointer-events:none}.smart-check-input-drop-down-menu ul li a{padding-left:calc(var(--smart-tree-indent) + 25px)}.smart-check-input-drop-down-menu ul li.selected:after{content:var(--smart-icon-check);background:var(--smart-primary);border-color:var(--smart-primary);color:var(--smart-primary-color)}.smart-check-input-drop-down-menu ul li.active.selected:before{position:absolute;content:'';border-radius:50%;width:calc(var(--smart-check-box-default-size) + 16px);height:calc(var(--smart-check-box-default-size) + 16px);background:var(--smart-primary);opacity:.3;margin-left:4px;top:50%;transform:scale(1) translateY(-50%);transform-origin:top}smart-color-input,smart-date-input,smart-date-range-input,smart-time-input{width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);display:inline-block}.smart-check-input-drop-down-menu ul li.active.focused a{border-left:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:0;border-bottom-left-radius:0;color:var(--smart-ui-state-color-selected);background:var(--smart-ui-state-selected)}.smart-check-input-drop-down-menu ul li[indeterminate]:after{background-color:var(--smart-ui-state-selected);padding:2px;background-clip:content-box}.smart-check-input-drop-down-menu[inverted] ul li a,.smart-check-input-drop-down-menu[right-to-left] ul li a{padding-left:10px;padding-right:calc(var(--smart-tree-indent) + 25px)}.smart-check-input-drop-down-menu[inverted] ul li:after{margin-left:initial;margin-right:10px;right:0}.smart-check-input-drop-down-menu[inverted] ul li.selected:before{right:0}.smart-check-input-drop-down-menu[inverted] ul li.active.selected:before{margin-left:initial;margin-right:4px}.smart-check-input-drop-down-menu:not([animation=none]) ul li:before{transition:transform .25s ease-in-out}.smart-check-input-drop-down-menu[right-to-left] ul li:after{margin-left:initial;margin-right:10px}.smart-check-input-drop-down-menu[right-to-left] ul li.active.focused a{border-left:var(--smart-border-width) solid transparent;border-right:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-top-right-radius:0;border-bottom-right-radius:0}.smart-check-input-drop-down-menu[right-to-left] ul li.active.selected:before{margin-left:initial;margin-right:4px}smart-color-input{--smart-outline:var(--smart-primary);border:none;overflow:visible;background:var(--smart-background)}smart-color-input[value-display-mode=colorBox] .smart-action-button{cursor:pointer}smart-date-input,smart-date-range-input,smart-time-input{--smart-outline:var(--smart-primary);background:var(--smart-background);border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);overflow:hidden}smart-date-input>.smart-container,smart-date-range-input>.smart-container,smart-time-input>.smart-container{display:flex}smart-date-input.smart-element,smart-date-range-input.smart-element,smart-time-input.smart-element{background:var(--smart-background)}smart-date-input[drop-down-button-position=right] .smart-input,smart-date-input[drop-down-button-position=left] .smart-input,smart-date-range-input[drop-down-button-position=right] .smart-input,smart-date-range-input[drop-down-button-position=left] .smart-input,smart-time-input[drop-down-button-position=right] .smart-input,smart-time-input[drop-down-button-position=left] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}smart-date-range-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-date-range-input input.smart-input{border:none;text-overflow:ellipsis}smart-date-range-input:focus,smart-date-range-input[focus]{border-color:var(--smart-outline)}.smart-time-box{display:block;height:auto;width:300px;overflow:hidden}.smart-time-box .smart-timepicker{display:grid;grid-template-columns:60% 35%;grid-column-gap:5%;background:var(--smart-background);padding:10px;border-color:var(--smart-border)}.smart-time-box[right-to-left] .smart-timepicker{direction:rtl}.smart-time-input.smart-input .smart-drop-down-button .arrow:after,.smart-time-input.smart-input .smart-drop-down-button[open] .arrow:after{content:var(--smart-icon-clock);transform:rotate(0)}.smart-timepicker .hour-selection,.smart-timepicker .minute-selection{display:grid;grid-template-columns:repeat(5,20%);grid-template-rows:repeat(6,auto);justify-content:center;align-items:center;justify-items:center;position:relative;cursor:default}.smart-timepicker .hour-selection .smart-calendar-cell,.smart-timepicker .minute-selection .smart-calendar-cell{margin:initial;line-height:var(--smart-calendar-cell-size);display:flex;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:100%}.smart-date-range-input-drop-down-menu .smart-done-button,.smart-date-range-input-drop-down-menu .smart-today-button,.smart-date-range-input-drop-down-menu smart-button:last-of-type{margin-right:5px}.smart-timepicker .hour-selection .header,.smart-timepicker .minute-selection .header{content:attr(header-label);width:100%;display:flex;justify-content:center;align-items:center;grid-row:1/3;grid-column:1/6;font-weight:600;height:var(--smart-calendar-cell-size);line-height:calc(var(--smart-calendar-cell-size) - 2px)}.smart-timepicker .minute-selection{border-right:var(--smart-border-width) solid var(--smart-border);grid-template-columns:repeat(2,50%);border-left:var(--smart-border-width) solid var(--smart-border)}.smart-timepicker .minute-selection .header{grid-column:span 2}.smart-timepicker .hour-selection:after,.smart-timepicker .hour-selection:before{content:attr(am-label);width:100%;display:flex;justify-content:center;grid-column:1;font-weight:600;height:var(--smart-calendar-cell-size);line-height:calc(var(--smart-calendar-cell-size) - 2px)}.smart-date-range-input-drop-down-menu .smart-button-controls,.smart-date-range-input-drop-down-menu .smart-timepicker-button:empty,.smart-date-range-input-drop-down-menu .smart-timepicker-buttons{display:none}.smart-timepicker .hour-selection:after{content:attr(pm-label);grid-row:4/9}.smart-date-input.smart-input .smart-drop-down-button .arrow:after,.smart-date-input.smart-input .smart-drop-down-button[open] .arrow:after,.smart-date-range-input.smart-input .smart-drop-down-button .arrow:after,.smart-date-range-input.smart-input .smart-drop-down-button[open] .arrow:after{content:var(--smart-icon-calendar);transform:rotate(0)}.smart-date-range-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible}.smart-date-range-input-drop-down-menu smart-button:first-of-type{margin-left:5px}.smart-date-range-input-drop-down-menu .smart-calendar{height:100%;min-width:100%;--smart-calendar-default-height:auto;--smart-calendar-footer-height:0px}.smart-date-range-input-drop-down-menu .smart-clear-button,.smart-date-range-input-drop-down-menu .smart-done-button,.smart-date-range-input-drop-down-menu .smart-today-button{height:auto;--smart-button-padding:5px}.smart-date-range-input-drop-down-menu .smart-calendar-footer{flex-direction:column}.smart-date-range-input-drop-down-menu .smart-date-range-input-footer-controls{width:100%;height:100%}.smart-date-range-input-drop-down-menu .smart-timepicker-button{position:relative;white-space:nowrap}.smart-date-range-input-drop-down-menu .smart-timepicker-button:before{content:var(--smart-icon-clock);height:100%;font-family:var(--smart-font-family-icon);font-weight:var(--smart-font-weight);font-size:var(--smart-arrow-size);margin:0 var(--smart-editor-label-padding)}.smart-date-range-input-drop-down-menu .smart-timepicker-button:hover{color:var(--smart-ui-state-color-hover);border-color:var(--smart-ui-state-hover);background-color:var(--smart-ui-state-hover);transition:background-color .1s linear,color .1s ease-in-out;opacity:var(--smart-button-opacity-hover);cursor:pointer}.smart-date-range-input-drop-down-menu .smart-timepicker-button[selected]{color:var(--smart-ui-state-color-selected)}.smart-date-range-input-drop-down-menu .smart-icon-today:before{content:var(--smart-icon-calendar)}.smart-date-range-input-drop-down-menu .smart-icon-clear:before{content:var(--smart-icon-cancel)}.smart-date-range-input-drop-down-menu .smart-timepicker{position:absolute;top:0;display:grid;grid-template-columns:60% 35%;height:calc(100% - var(--smart-calendar-footer-height));width:100%;grid-column-gap:5%;background:var(--smart-background);box-sizing:border-box;padding:10px;border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);border-width:var(--smart-border-width);border-style:solid;border-bottom:none}.smart-date-range-input-drop-down-menu[icons] smart-calendar,.smart-date-range-input-drop-down-menu[timepicker] smart-calendar{--smart-calendar-footer-height:30px}.smart-date-range-input-drop-down-menu[icons] .smart-timepicker-buttons,.smart-date-range-input-drop-down-menu[timepicker] .smart-timepicker-buttons{display:flex;justify-content:space-around;width:100%;height:100%;align-items:center}.smart-date-range-input-drop-down-menu[timepicker][icons] .smart-date-range-input-footer-controls{display:grid;grid-template-columns:60% 38%;grid-column-gap:2%;justify-items:center}.smart-date-range-input-drop-down-menu.smart-input-drop-down-menu{height:auto;width:var(--smart-input-drop-down-menu-width)}.smart-date-range-input-drop-down-menu.smart-input-drop-down-menu.smart-date-input-drop-down-menu{height:250px}.smart-date-range-input-drop-down-menu:not([timepicker]) .smart-timepicker-buttons{display:none}.smart-date-range-input-drop-down-menu:not([animation=none]) .smart-timepicker{transition:transform .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1);transform:scale(1)}.smart-date-range-input-drop-down-menu:not([animation=none]) .smart-timepicker.smart-visibility-hidden{transition:visibility .2s cubic-bezier(.4,0,.6,1),transform .2s cubic-bezier(.4,0,.6,1);transform:scale(0)}.smart-date-range-input-drop-down-menu[right-to-left] .smart-timepicker{direction:rtl}smart-country-input,smart-phone-input{--smart-outline:var(--smart-primary);display:inline-block;width:var(--smart-text-box-default-width);height:var(--smart-text-box-default-height);overflow:visible;background:var(--smart-background);border:1px solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-country-input>.smart-container,smart-phone-input>.smart-container{display:flex}smart-country-input.smart-element,smart-phone-input.smart-element{background:var(--smart-background)}smart-country-input input::selection,smart-phone-input input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}smart-country-input input.smart-input,smart-phone-input input.smart-input{border:none;text-overflow:ellipsis}smart-country-input:focus,smart-country-input[focus],smart-phone-input:focus,smart-phone-input[focus]{border-color:var(--smart-outline)}smart-country-input:hover,smart-phone-input:hover{border-color:var(--smart-ui-state-border-hover)}smart-country-input[disabled],smart-phone-input[disabled]{border-color:var(--smart-disabled);outline:0}smart-country-input[drop-down-button-position=right] .smart-input,smart-country-input[drop-down-button-position=left] .smart-input,smart-phone-input[drop-down-button-position=right] .smart-input,smart-phone-input[drop-down-button-position=left] .smart-input{width:calc(100% - var(--smart-editor-addon-width))}.smart-country-input .smart-container,.smart-phone-input .smart-container{width:100%;height:100%;color:inherit;font-family:inherit;position:relative;overflow:visible;align-items:center}.smart-phone-input{--smart-editor-addon-width:45px}.smart-phone-input.invalid-number .smart-container::after{color:var(--smart-error)}.smart-phone-input .smart-container::after{font-family:var(--smart-font-family-icon);content:var(--smart-icon-phone);color:var(--smart-success);padding-right:5px}.smart-phone-input .smart-drop-down-button{display:flex;justify-content:center;align-items:center;flex-direction:row;background:0 0;border-right:none;padding-left:2px}.smart-phone-input .smart-drop-down-button::after{font-family:var(--smart-font-family-icon);content:var(--smart-icon-arrow-down)}.smart-flag-box{margin-right:6px}.smart-flag-box .flag{width:20px}.smart-flag-box .flag.be{width:18px}.smart-flag-box .flag.ch{width:15px}.smart-flag-box .flag.mc{width:19px}.smart-flag-box .flag.ne{width:18px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.smart-flag-box .flag{background-size:5652px 15px}}.smart-flag-box .flag.ac{height:10px;background-position:0 0}.smart-flag-box .flag.ad{height:14px;background-position:-22px 0}.smart-flag-box .flag.ae{height:10px;background-position:-44px 0}.smart-flag-box .flag.af{height:14px;background-position:-66px 0}.smart-flag-box .flag.ag{height:14px;background-position:-88px 0}.smart-flag-box .flag.ai{height:10px;background-position:-110px 0}.smart-flag-box .flag.al{height:15px;background-position:-132px 0}.smart-flag-box .flag.am{height:10px;background-position:-154px 0}.smart-flag-box .flag.ao{height:14px;background-position:-176px 0}.smart-flag-box .flag.aq{height:14px;background-position:-198px 0}.smart-flag-box .flag.ar{height:13px;background-position:-220px 0}.smart-flag-box .flag.as{height:10px;background-position:-242px 0}.smart-flag-box .flag.at{height:14px;background-position:-264px 0}.smart-flag-box .flag.au{height:10px;background-position:-286px 0}.smart-flag-box .flag.aw{height:14px;background-position:-308px 0}.smart-flag-box .flag.ax{height:13px;background-position:-330px 0}.smart-flag-box .flag.az{height:10px;background-position:-352px 0}.smart-flag-box .flag.ba{height:10px;background-position:-374px 0}.smart-flag-box .flag.bb{height:14px;background-position:-396px 0}.smart-flag-box .flag.bd{height:12px;background-position:-418px 0}.smart-flag-box .flag.be{height:15px;background-position:-440px 0}.smart-flag-box .flag.bf{height:14px;background-position:-460px 0}.smart-flag-box .flag.bg{height:12px;background-position:-482px 0}.smart-flag-box .flag.bh{height:12px;background-position:-504px 0}.smart-flag-box .flag.bi{height:12px;background-position:-526px 0}.smart-flag-box .flag.bj{height:14px;background-position:-548px 0}.smart-flag-box .flag.bl{height:14px;background-position:-570px 0}.smart-flag-box .flag.bm{height:10px;background-position:-592px 0}.smart-flag-box .flag.bn{height:10px;background-position:-614px 0}.smart-flag-box .flag.bo{height:14px;background-position:-636px 0}.smart-flag-box .flag.bq{height:14px;background-position:-658px 0}.smart-flag-box .flag.br{height:14px;background-position:-680px 0}.smart-flag-box .flag.bs{height:10px;background-position:-702px 0}.smart-flag-box .flag.bt{height:14px;background-position:-724px 0}.smart-flag-box .flag.bv{height:15px;background-position:-746px 0}.smart-flag-box .flag.bw{height:14px;background-position:-768px 0}.smart-flag-box .flag.by{height:10px;background-position:-790px 0}.smart-flag-box .flag.bz{height:14px;background-position:-812px 0}.smart-flag-box .flag.ca{height:10px;background-position:-834px 0}.smart-flag-box .flag.cc{height:10px;background-position:-856px 0}.smart-flag-box .flag.cd{height:15px;background-position:-878px 0}.smart-flag-box .flag.cf{height:14px;background-position:-900px 0}.smart-flag-box .flag.cg{height:14px;background-position:-922px 0}.smart-flag-box .flag.ch{height:15px;background-position:-944px 0}.smart-flag-box .flag.ci{height:14px;background-position:-961px 0}.smart-flag-box .flag.ck{height:10px;background-position:-983px 0}.smart-flag-box .flag.cl{height:14px;background-position:-1005px 0}.smart-flag-box .flag.cm{height:14px;background-position:-1027px 0}.smart-flag-box .flag.cn{height:14px;background-position:-1049px 0}.smart-flag-box .flag.co{height:14px;background-position:-1071px 0}.smart-flag-box .flag.cp{height:14px;background-position:-1093px 0}.smart-flag-box .flag.cr{height:12px;background-position:-1115px 0}.smart-flag-box .flag.cu{height:10px;background-position:-1137px 0}.smart-flag-box .flag.cv{height:12px;background-position:-1159px 0}.smart-flag-box .flag.cw{height:14px;background-position:-1181px 0}.smart-flag-box .flag.cx{height:10px;background-position:-1203px 0}.smart-flag-box .flag.cy{height:14px;background-position:-1225px 0}.smart-flag-box .flag.cz{height:14px;background-position:-1247px 0}.smart-flag-box .flag.de{height:12px;background-position:-1269px 0}.smart-flag-box .flag.dg{height:10px;background-position:-1291px 0}.smart-flag-box .flag.dj{height:14px;background-position:-1313px 0}.smart-flag-box .flag.dk{height:15px;background-position:-1335px 0}.smart-flag-box .flag.dm{height:10px;background-position:-1357px 0}.smart-flag-box .flag.do{height:14px;background-position:-1379px 0}.smart-flag-box .flag.dz{height:14px;background-position:-1401px 0}.smart-flag-box .flag.ea{height:14px;background-position:-1423px 0}.smart-flag-box .flag.ec{height:14px;background-position:-1445px 0}.smart-flag-box .flag.ee{height:13px;background-position:-1467px 0}.smart-flag-box .flag.eg{height:14px;background-position:-1489px 0}.smart-flag-box .flag.eh{height:10px;background-position:-1511px 0}.smart-flag-box .flag.er{height:10px;background-position:-1533px 0}.smart-flag-box .flag.es{height:14px;background-position:-1555px 0}.smart-flag-box .flag.et{height:10px;background-position:-1577px 0}.smart-flag-box .flag.eu{height:14px;background-position:-1599px 0}.smart-flag-box .flag.fi{height:12px;background-position:-1621px 0}.smart-flag-box .flag.fj{height:10px;background-position:-1643px 0}.smart-flag-box .flag.fk{height:10px;background-position:-1665px 0}.smart-flag-box .flag.fm{height:11px;background-position:-1687px 0}.smart-flag-box .flag.fo{height:15px;background-position:-1709px 0}.smart-flag-box .flag.fr{height:14px;background-position:-1731px 0}.smart-flag-box .flag.ga{height:15px;background-position:-1753px 0}.smart-flag-box .flag.gb{height:10px;background-position:-1775px 0}.smart-flag-box .flag.gd{height:12px;background-position:-1797px 0}.smart-flag-box .flag.ge{height:14px;background-position:-1819px 0}.smart-flag-box .flag.gf{height:14px;background-position:-1841px 0}.smart-flag-box .flag.gg{height:14px;background-position:-1863px 0}.smart-flag-box .flag.gh{height:14px;background-position:-1885px 0}.smart-flag-box .flag.gi{height:10px;background-position:-1907px 0}.smart-flag-box .flag.gl{height:14px;background-position:-1929px 0}.smart-flag-box .flag.gm{height:14px;background-position:-1951px 0}.smart-flag-box .flag.gn{height:14px;background-position:-1973px 0}.smart-flag-box .flag.gp{height:14px;background-position:-1995px 0}.smart-flag-box .flag.gq{height:14px;background-position:-2017px 0}.smart-flag-box .flag.gr{height:14px;background-position:-2039px 0}.smart-flag-box .flag.gs{height:10px;background-position:-2061px 0}.smart-flag-box .flag.gt{height:13px;background-position:-2083px 0}.smart-flag-box .flag.gu{height:11px;background-position:-2105px 0}.smart-flag-box .flag.gw{height:10px;background-position:-2127px 0}.smart-flag-box .flag.gy{height:12px;background-position:-2149px 0}.smart-flag-box .flag.hk{height:14px;background-position:-2171px 0}.smart-flag-box .flag.hm{height:10px;background-position:-2193px 0}.smart-flag-box .flag.hn{height:10px;background-position:-2215px 0}.smart-flag-box .flag.hr{height:10px;background-position:-2237px 0}.smart-flag-box .flag.ht{height:12px;background-position:-2259px 0}.smart-flag-box .flag.hu{height:10px;background-position:-2281px 0}.smart-flag-box .flag.ic{height:14px;background-position:-2303px 0}.smart-flag-box .flag.id{height:14px;background-position:-2325px 0}.smart-flag-box .flag.ie{height:10px;background-position:-2347px 0}.smart-flag-box .flag.il{height:15px;background-position:-2369px 0}.smart-flag-box .flag.im{height:10px;background-position:-2391px 0}.smart-flag-box .flag.in{height:14px;background-position:-2413px 0}.smart-flag-box .flag.io{height:10px;background-position:-2435px 0}.smart-flag-box .flag.iq{height:14px;background-position:-2457px 0}.smart-flag-box .flag.ir{height:12px;background-position:-2479px 0}.smart-flag-box .flag.is{height:15px;background-position:-2501px 0}.smart-flag-box .flag.it{height:14px;background-position:-2523px 0}.smart-flag-box .flag.je{height:12px;background-position:-2545px 0}.smart-flag-box .flag.jm{height:10px;background-position:-2567px 0}.smart-flag-box .flag.jo{height:10px;background-position:-2589px 0}.smart-flag-box .flag.jp{height:14px;background-position:-2611px 0}.smart-flag-box .flag.ke{height:14px;background-position:-2633px 0}.smart-flag-box .flag.kg{height:12px;background-position:-2655px 0}.smart-flag-box .flag.kh{height:13px;background-position:-2677px 0}.smart-flag-box .flag.ki{height:10px;background-position:-2699px 0}.smart-flag-box .flag.km{height:12px;background-position:-2721px 0}.smart-flag-box .flag.kn{height:14px;background-position:-2743px 0}.smart-flag-box .flag.kp{height:10px;background-position:-2765px 0}.smart-flag-box .flag.kr{height:14px;background-position:-2787px 0}.smart-flag-box .flag.kw{height:10px;background-position:-2809px 0}.smart-flag-box .flag.ky{height:10px;background-position:-2831px 0}.smart-flag-box .flag.kz{height:10px;background-position:-2853px 0}.smart-flag-box .flag.la{height:14px;background-position:-2875px 0}.smart-flag-box .flag.lb{height:14px;background-position:-2897px 0}.smart-flag-box .flag.lc{height:10px;background-position:-2919px 0}.smart-flag-box .flag.li{height:12px;background-position:-2941px 0}.smart-flag-box .flag.lk{height:10px;background-position:-2963px 0}.smart-flag-box .flag.lr{height:11px;background-position:-2985px 0}.smart-flag-box .flag.ls{height:14px;background-position:-3007px 0}.smart-flag-box .flag.lt{height:12px;background-position:-3029px 0}.smart-flag-box .flag.lu{height:12px;background-position:-3051px 0}.smart-flag-box .flag.lv{height:10px;background-position:-3073px 0}.smart-flag-box .flag.ly{height:10px;background-position:-3095px 0}.smart-flag-box .flag.ma{height:14px;background-position:-3117px 0}.smart-flag-box .flag.mc{height:15px;background-position:-3139px 0}.smart-flag-box .flag.md{height:10px;background-position:-3160px 0}.smart-flag-box .flag.me{height:10px;background-position:-3182px 0}.smart-flag-box .flag.mf{height:14px;background-position:-3204px 0}.smart-flag-box .flag.mg{height:14px;background-position:-3226px 0}.smart-flag-box .flag.mh{height:11px;background-position:-3248px 0}.smart-flag-box .flag.mk{height:10px;background-position:-3270px 0}.smart-flag-box .flag.ml{height:14px;background-position:-3292px 0}.smart-flag-box .flag.mm{height:14px;background-position:-3314px 0}.smart-flag-box .flag.mn{height:10px;background-position:-3336px 0}.smart-flag-box .flag.mo{height:14px;background-position:-3358px 0}.smart-flag-box .flag.mp{height:10px;background-position:-3380px 0}.smart-flag-box .flag.mq{height:14px;background-position:-3402px 0}.smart-flag-box .flag.mr{height:14px;background-position:-3424px 0}.smart-flag-box .flag.ms{height:10px;background-position:-3446px 0}.smart-flag-box .flag.mt{height:14px;background-position:-3468px 0}.smart-flag-box .flag.mu{height:14px;background-position:-3490px 0}.smart-flag-box .flag.mv{height:14px;background-position:-3512px 0}.smart-flag-box .flag.mw{height:14px;background-position:-3534px 0}.smart-flag-box .flag.mx{height:12px;background-position:-3556px 0}.smart-flag-box .flag.my{height:10px;background-position:-3578px 0}.smart-flag-box .flag.mz{height:14px;background-position:-3600px 0}.smart-flag-box .flag.na{height:14px;background-position:-3622px 0}.smart-flag-box .flag.nc{height:10px;background-position:-3644px 0}.smart-flag-box .flag.ne{height:15px;background-position:-3666px 0}.smart-flag-box .flag.nf{height:10px;background-position:-3686px 0}.smart-flag-box .flag.ng{height:10px;background-position:-3708px 0}.smart-flag-box .flag.ni{height:12px;background-position:-3730px 0}.smart-flag-box .flag.nl{height:14px;background-position:-3752px 0}.smart-flag-box .flag.no{height:15px;background-position:-3774px 0}.smart-flag-box .flag.np{width:13px;height:15px;background-position:-3796px 0}.smart-flag-box .flag.nr{height:10px;background-position:-3811px 0}.smart-flag-box .flag.nu{height:10px;background-position:-3833px 0}.smart-flag-box .flag.nz{height:10px;background-position:-3855px 0}.smart-flag-box .flag.om{height:10px;background-position:-3877px 0}.smart-flag-box .flag.pa{height:14px;background-position:-3899px 0}.smart-flag-box .flag.pe{height:14px;background-position:-3921px 0}.smart-flag-box .flag.pf{height:14px;background-position:-3943px 0}.smart-flag-box .flag.pg{height:15px;background-position:-3965px 0}.smart-flag-box .flag.ph{height:10px;background-position:-3987px 0}.smart-flag-box .flag.pk{height:14px;background-position:-4009px 0}.smart-flag-box .flag.pl{height:13px;background-position:-4031px 0}.smart-flag-box .flag.pm{height:14px;background-position:-4053px 0}.smart-flag-box .flag.pn{height:10px;background-position:-4075px 0}.smart-flag-box .flag.pr{height:14px;background-position:-4097px 0}.smart-flag-box .flag.ps{height:10px;background-position:-4119px 0}.smart-flag-box .flag.pt{height:14px;background-position:-4141px 0}.smart-flag-box .flag.pw{height:13px;background-position:-4163px 0}.smart-flag-box .flag.py{height:11px;background-position:-4185px 0}.smart-flag-box .flag.qa{height:8px;background-position:-4207px 0}.smart-flag-box .flag.re{height:14px;background-position:-4229px 0}.smart-flag-box .flag.ro{height:14px;background-position:-4251px 0}.smart-flag-box .flag.rs{height:14px;background-position:-4273px 0}.smart-flag-box .flag.ru{height:14px;background-position:-4295px 0}.smart-flag-box .flag.rw{height:14px;background-position:-4317px 0}.smart-flag-box .flag.sa{height:14px;background-position:-4339px 0}.smart-flag-box .flag.sb{height:10px;background-position:-4361px 0}.smart-flag-box .flag.sc{height:10px;background-position:-4383px 0}.smart-flag-box .flag.sd{height:10px;background-position:-4405px 0}.smart-flag-box .flag.se{height:13px;background-position:-4427px 0}.smart-flag-box .flag.sg{height:14px;background-position:-4449px 0}.smart-flag-box .flag.sh{height:10px;background-position:-4471px 0}.smart-flag-box .flag.si{height:10px;background-position:-4493px 0}.smart-flag-box .flag.sj{height:15px;background-position:-4515px 0}.smart-flag-box .flag.sk{height:14px;background-position:-4537px 0}.smart-flag-box .flag.sl{height:14px;background-position:-4559px 0}.smart-flag-box .flag.sm{height:15px;background-position:-4581px 0}.smart-flag-box .flag.sn{height:14px;background-position:-4603px 0}.smart-flag-box .flag.so{height:14px;background-position:-4625px 0}.smart-flag-box .flag.sr{height:14px;background-position:-4647px 0}.smart-flag-box .flag.ss{height:10px;background-position:-4669px 0}.smart-flag-box .flag.st{height:10px;background-position:-4691px 0}.smart-flag-box .flag.sv{height:12px;background-position:-4713px 0}.smart-flag-box .flag.sx{height:14px;background-position:-4735px 0}.smart-flag-box .flag.sy{height:14px;background-position:-4757px 0}.smart-flag-box .flag.sz{height:14px;background-position:-4779px 0}.smart-flag-box .flag.ta{height:10px;background-position:-4801px 0}.smart-flag-box .flag.tc{height:10px;background-position:-4823px 0}.smart-flag-box .flag.td{height:14px;background-position:-4845px 0}.smart-flag-box .flag.tf{height:14px;background-position:-4867px 0}.smart-flag-box .flag.tg{height:13px;background-position:-4889px 0}.smart-flag-box .flag.th{height:14px;background-position:-4911px 0}.smart-flag-box .flag.tj{height:10px;background-position:-4933px 0}.smart-flag-box .flag.tk{height:10px;background-position:-4955px 0}.smart-flag-box .flag.tl{height:10px;background-position:-4977px 0}.smart-flag-box .flag.tm{height:14px;background-position:-4999px 0}.smart-flag-box .flag.tn{height:14px;background-position:-5021px 0}.smart-flag-box .flag.to{height:10px;background-position:-5043px 0}.smart-flag-box .flag.tr{height:14px;background-position:-5065px 0}.smart-flag-box .flag.tt{height:12px;background-position:-5087px 0}.smart-flag-box .flag.tv{height:10px;background-position:-5109px 0}.smart-flag-box .flag.tw{height:14px;background-position:-5131px 0}.smart-flag-box .flag.tz{height:14px;background-position:-5153px 0}.smart-flag-box .flag.ua{height:14px;background-position:-5175px 0}.smart-flag-box .flag.ug{height:14px;background-position:-5197px 0}.smart-flag-box .flag.um{height:11px;background-position:-5219px 0}.smart-flag-box .flag.un{height:14px;background-position:-5241px 0}.smart-flag-box .flag.us{height:11px;background-position:-5263px 0}.smart-flag-box .flag.uy{height:14px;background-position:-5285px 0}.smart-flag-box .flag.uz{height:10px;background-position:-5307px 0}.smart-flag-box .flag.va{width:15px;height:15px;background-position:-5329px 0}.smart-flag-box .flag.vc{height:14px;background-position:-5346px 0}.smart-flag-box .flag.ve{height:14px;background-position:-5368px 0}.smart-flag-box .flag.vg{height:10px;background-position:-5390px 0}.smart-flag-box .flag.vi{height:14px;background-position:-5412px 0}.smart-flag-box .flag.vn{height:14px;background-position:-5434px 0}.smart-flag-box .flag.vu{height:12px;background-position:-5456px 0}.smart-flag-box .flag.wf{height:14px;background-position:-5478px 0}.smart-flag-box .flag.ws{height:10px;background-position:-5500px 0}.smart-flag-box .flag.xk{height:15px;background-position:-5522px 0}.smart-flag-box .flag.ye{height:14px;background-position:-5544px 0}.smart-flag-box .flag.yt{height:14px;background-position:-5566px 0}.smart-flag-box .flag.za{height:14px;background-position:-5588px 0}.smart-flag-box .flag.zm{height:14px;background-position:-5610px 0}.smart-flag-box .flag.zw{height:10px;background-position:-5632px 0}.smart-flag-box .flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(../images/flags.png);background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}.smart-flag-box .flag.np{background-color:transparent}.smart-country-input-drop-down-menu ul li a,.smart-phone-input-drop-down-menu ul li a{border-left:var(--smart-border-width) solid transparent;display:flex;align-items:center}.smart-country-input-drop-down-menu ul li .dial-code,.smart-phone-input-drop-down-menu ul li .dial-code{margin-left:6px;opacity:.5}.smart-country-input-drop-down-menu:not(.smart-check-input-drop-down-menu) li.active a,.smart-phone-input-drop-down-menu:not(.smart-check-input-drop-down-menu) li.active a{border-left:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:0;border-bottom-left-radius:0;color:var(--smart-ui-state-color-selected);background:var(--smart-ui-state-selected)}.smart-country-input-drop-down-menu[right-to-left] li a,.smart-phone-input-drop-down-menu[right-to-left] li a{border-left:none;border-right:var(--smart-border-width) solid transparent}.smart-country-input-drop-down-menu[right-to-left]:not(.smart-check-input-drop-down-menu) li.active a,.smart-phone-input-drop-down-menu[right-to-left]:not(.smart-check-input-drop-down-menu) li.active a{border-left:var(--smart-border-width) solid transparent;border-right:var(--smart-border-width) solid var(--smart-primary);border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-top-right-radius:0;border-bottom-right-radius:0}.underlined.smart-input,.underlined.smart-input .smart-drop-down-button,.underlined.smart-text-box input.smart-input{border-top:none;border-left:none;border-right:none}.underlined.smart-input,.underlined.smart-input[hover]{border-bottom-left-radius:0;border-bottom-right-radius:0}smart-check-input.underlined,smart-date-range-input.underlined,smart-input.underlined,smart-multi-combo-input.underlined,smart-multi-input.underlined,smart-password-input.underlined,smart-text-box.underlined{background-color:transparent}smart-date-input.underlined,smart-date-range-input.underlined,smart-time-input.underlined{overflow:visible}.underlined.smart-input{transition:border-bottom .2s,background-color .2s}.underlined.smart-input .smart-hint{position:absolute;top:0;left:0;right:0;bottom:0;display:block!important;box-sizing:border-box;padding:var(--smart-editor-label-padding);color:var(--smart-background-color);pointer-events:none;font-size:75%;opacity:0;transition:color .2s,font-size .2s,line-height .2s,margin-top .2s,opacity .3s,top .2s;margin-top:calc(0px - var(--smart-font-size))}.underlined.smart-input .smart-hint:after{content:"";position:absolute;left:0;bottom:-2px;display:block;width:100%;height:2px;background-color:var(--smart-primary);transform-origin:bottom center;transform:scaleX(0);transition:transform .2s}.underlined.smart-input[hover]{border-bottom-color:var(--smart-background-color)}.underlined.smart-input[focus] .smart-hint{color:var(--smart-primary);opacity:1}.underlined.smart-input[focus] .smart-hint:before{opacity:.12}.underlined.smart-input[focus] .smart-hint:after{transform:scale(1)}.underlined.smart-input .smart-input:not(:focus):placeholder-shown+.smart-hint{font-size:inherit;margin-top:0}.underlined.smart-input:not([readonly]) .smart-drop-down-button{border-bottom-left-radius:initial;border-bottom-right-radius:initial}.underlined.smart-input:not([opened]) .smart-drop-down-button{background-color:transparent}.underlined.smart-input.smart-multi-combo-input:not([focus]) .smart-hint{margin-top:0}.underlined.smart-input.smart-date-range-input[opened][drop-down-button-position=right]:not([readonly]){border-bottom-left-radius:0;border-bottom-right-radius:0}.underlined.smart-input[readonly] .smart-input{cursor:pointer;background:var(--smart-background)!important;color:var(--smart-background-color)!important;opacity:.75}.underlined.smart-input[drop-down-button-position=left] .smart-drop-down-button{background:inherit;color:inherit;border-bottom-left-radius:initial}.underlined.smart-input[drop-down-button-position=left] .smart-hint{margin-left:var(--smart-editor-addon-width)}.underlined.smart-input[drop-down-button-position=left][focus] .smart-hint:after{margin-left:calc(0px - var(--smart-editor-addon-width));width:calc(100% + var(--smart-editor-addon-width))}.underlined.smart-input[drop-down-button-position=left][opened]:not([readonly]),.underlined.smart-input[drop-down-button-position=left][opened]:not([readonly]) input{border-bottom-right-radius:0}.underlined.smart-input[drop-down-button-position=right] .smart-drop-down-button{background:var(--smart-background);color:var(--smart-background-color);border-bottom-right-radius:initial}.underlined.smart-input[drop-down-button-position=right][opened]:not([readonly]),.underlined.smart-input[drop-down-button-position=right][opened]:not([readonly]) input{border-bottom-left-radius:0}.underlined.smart-input.smart-invalid{border-bottom-color:rgba(var(--smart-error-rgb),.5)}.underlined.smart-input.smart-invalid .smart-hint:after{background-color:var(--smart-error)}.underlined.smart-text-box input.smart-input{border-bottom-left-radius:initial;border-bottom-right-radius:initial}.underlined.smart-number-input .nav{background:var(--smart-background);color:var(--smart-background-color)}.underlined.smart-number-input .nav .up{border-bottom:none}smart-check-input.outlined,smart-date-range-input.outlined,smart-input.outlined,smart-masked-text-box.outlined,smart-multi-combo-input.outlined,smart-multi-input.outlined,smart-password-input.outlined,smart-password-text-box.outlined,smart-text-box.outlined{background-color:transparent}smart-date-input.outlined,smart-date-range-input.outlined,smart-time-input.outlined{overflow:visible}.outlined.smart-input{position:relative;display:inline-block;font-family:var(--smart-font-family);font-size:var(--smart-font-size);line-height:1.5;height:50px;margin:0;border:none;border-radius:0;padding-top:6px;overflow:hidden}.outlined.smart-input .smart-input{padding:12px 13px;z-index:5;background:var(--smart-background);border:1px solid var(--smart-border);transition:border-color .2s}.outlined.smart-input.smart-valid[focus] .smart-drop-down-button,.outlined.smart-input.smart-valid[focus] .smart-input{border-color:var(--smart-primary)}.outlined.smart-input.smart-valid[focus] .smart-drop-down-button{color:var(--smart-primary)}.outlined.smart-input.smart-invalid .smart-drop-down-button,.outlined.smart-input.smart-invalid .smart-input{border-color:rgba(var(--smart-error-rgb),.5)}.outlined.smart-input.smart-invalid[focus] .smart-drop-down-button,.outlined.smart-input.smart-invalid[focus] .smart-input{border-color:var(--smart-error)}.outlined.smart-input.smart-invalid[focus] .smart-drop-down-button{color:var(--smart-error)}.outlined.smart-input.smart-multi-combo-input .smart-input{padding:0;border:none!important;z-index:initial}.outlined.smart-input.smart-multi-combo-input .smart-drop-down-button{padding:0!important}.outlined.smart-input.smart-multi-combo-input .smart-action-button{padding:12px 13px;z-index:5;background:var(--smart-background);border:1px solid var(--smart-border);transition:border-color .2s}.outlined.smart-input.smart-multi-combo-input[hint] .smart-action-button{border-top:1px solid var(--smart-background)}.outlined.smart-input.smart-multi-combo-input[focus] .smart-action-button{border-color:var(--smart-primary);color:var(--smart-primary)}.outlined.smart-input.smart-multi-combo-input[focus][hint] .smart-action-button{border-top-color:var(--smart-background)}.outlined.smart-input.smart-multi-combo-input.smart-valid[focus] .smart-action-button,.outlined.smart-input[focus]{border-color:var(--smart-primary)}.outlined.smart-input.smart-multi-combo-input.smart-valid[focus] .smart-action-button.smart-valid{color:var(--smart-primary)}.outlined.smart-input.smart-multi-combo-input.smart-invalid[focus] .smart-action-button.smart-invalid{color:var(--smart-error)}.outlined.smart-input[drop-down-button-position=right] input{border-right:none}.outlined.smart-input[drop-down-button-position=right] .smart-drop-down-button{padding:10px 0 9px;border-left:none;border-bottom:1px solid var(--smart-border);border-right:1px solid var(--smart-border);border-top:1px solid var(--smart-border);background:inherit;color:inherit;z-index:6;cursor:pointer}.outlined.smart-input[drop-down-button-position=left] input{border-left:none}.outlined.smart-input[drop-down-button-position=left] .smart-drop-down-button{padding:10px 0;border-right:none;border-bottom:1px solid var(--smart-border);border-left:1px solid var(--smart-border);background:inherit;color:inherit;z-index:6;cursor:pointer}.outlined.smart-input[hint] .smart-hint{position:absolute;top:0;left:0;display:flex!important;border-color:var(--smart-border)!important;width:100%;max-height:100%;color:var(--smart-background-color);font-size:75%;line-height:15px;cursor:text;margin-top:-6px;z-index:7;white-space:nowrap;transition:color .2s,z-index .2s,font-size .2s,opacity .3s,font-size .2s,line-height .2s}.outlined.smart-input[hint] .smart-hint:after,.outlined.smart-input[hint] .smart-hint:before{content:"";display:block;box-sizing:border-box;margin-top:6px;border-top:solid 1px;border-top-color:var(--smart-border)!important;min-width:10px;height:8px;pointer-events:none;box-shadow:inset 0 1px transparent;transition:border-color .2s,box-shadow .2s;z-index:7}.outlined.smart-input[hint] .smart-hint:before{margin-right:4px;border-left:solid 1px transparent;border-radius:4px 0}.outlined.smart-input[hint] .smart-hint:after{flex-grow:1;margin-left:4px;border-right:solid 1px transparent;border-radius:0 4px}.outlined.smart-input[hint][drop-down-button-position=left] .smart-hint:before{width:var(--smart-editor-addon-width);margin-right:13px}.outlined.smart-input[focus]{border-top-color:transparent!important;box-shadow:inset 1px 0 var(--smart-material-safari-helper1),inset -1px 0 var(--smart-material-safari-helper1),inset 0 -1px var(--smart-material-safari-helper1);outline:0}.outlined.smart-input[focus] .smart-input{border-color:var(--smart-primary)}.outlined.smart-input[focus] .smart-drop-down-button{color:var(--smart-primary);border-color:var(--smart-primary)}.outlined.smart-input[focus][hint] .smart-input{border-top-color:var(--smart-background)}.outlined.smart-input[focus][hint] .smart-hint{color:var(--smart-primary);opacity:1}.outlined.smart-input[focus][hint] .smart-hint:after,.outlined.smart-input[focus][hint] .smart-hint:before{border-top-color:var(--smart-primary)!important;box-shadow:none!important}.outlined.smart-input[hover]{border-color:var(--smart-border);border-top-color:transparent}.outlined.smart-input[hover][hint] .smart-hint:before{border-top-color:var(--smart-border)}.outlined.smart-input[hover][hint]>input:not(:focus):placeholder-shown,.outlined.smart-input[hover][hint]>textarea:not(:focus):placeholder-shown{border-color:var(--smart-border)}.outlined.smart-input[readonly] .smart-input{background:var(--smart-background)!important;color:var(--smart-background-color)!important;opacity:.75}.outlined.smart-input:not([focus]) .smart-input,.outlined.smart-input:not([focus]) .smart-input:not(:focus):placeholder-shown{border-top:1px solid var(--smart-border);z-index:5}.outlined.smart-input:not([focus]).smart-invalid .smart-input,.outlined.smart-input:not([focus]).smart-invalid .smart-input:not(:focus):placeholder-shown{border-top:1px solid rgba(var(--smart-error-rgb),.5);z-index:5}.outlined.smart-input:not([focus]):not([value]).smart-multi-combo-input[hint] .smart-hint,.outlined.smart-input[hint] .smart-input:not(:focus):placeholder-shown+.smart-hint,.outlined.smart-input[hint]:not([focus]) .smart-hint{font-size:var(--smart-font-size);line-height:60px;z-index:2;user-select:none;pointer-events:none}.outlined.smart-input.smart-invalid[focus]{border-color:var(--smart-error)}.outlined.smart-input.smart-invalid[focus][hint] .smart-hint{color:var(--smart-error)}.outlined.smart-input.smart-invalid[focus][hint] .smart-hint:after,.outlined.smart-input.smart-invalid[focus][hint] .smart-hint:before{border-top-color:var(--smart-error)!important}.outlined.smart-input.smart-valid[focus]{border-color:var(--smart-primary)}.outlined.smart-input.smart-valid[focus][hint] .smart-hint{color:var(--smart-primary)}.outlined.smart-input.smart-valid[focus][hint] .smart-hint:after,.outlined.smart-input.smart-valid[focus][hint] .smart-hint:before{border-top-color:var(--smart-primary)!important}.outlined.smart-text-area[hint] .smart-input:not(:focus):placeholder-shown+.smart-hint,.outlined.smart-text-area[hint]:not([focus]) .smart-hint{font-size:var(--smart-font-size);line-height:var(--smart-editor-height);opacity:0;z-index:2}.outlined.smart-text-box input{border:none;padding:7px}.outlined.smart-number-input .nav{background:var(--smart-background);color:var(--smart-background-color)}.outlined.smart-number-input .nav .up{border-bottom:none}.outlined.smart-number-input[drop-down-button-position=right] .smart-drop-down-button,.outlined.smart-number-input[drop-down-button-position=left] .smart-drop-down-button{padding:0}.smart-invalid .outlined.smart-input.smart-multi-combo-input .smart-action-button{border-color:rgba(var(--smart-error-rgb),.5)}.smart-invalid .outlined.smart-input.smart-multi-combo-input[focus] .smart-action-button{border-color:var(--smart-error)}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.smart-input .smart-hint,.smart-input .smart-hint::after,.smart-input .smart-input{transition-duration:.1s}}}