@smart-webcomponents-angular/passwordtextbox 22.0.2 → 25.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/passwordtextbox/smart.passwordtextbox.mjs +33 -33
- package/fesm2015/smart-webcomponents-angular-passwordtextbox.mjs +32 -32
- package/fesm2015/smart-webcomponents-angular-passwordtextbox.mjs.map +1 -1
- package/fesm2020/smart-webcomponents-angular-passwordtextbox.mjs +32 -32
- package/fesm2020/smart-webcomponents-angular-passwordtextbox.mjs.map +1 -1
- package/index.d.ts +5656 -5320
- package/package.json +1 -1
- package/passwordtextbox/smart.passwordtextbox.d.ts +32 -32
- package/source/modules/smart.passwordtextbox.js +2 -2
- package/source/smart.button.js +2 -2
- package/source/smart.element.js +2 -2
- package/source/smart.input.js +2 -2
- package/source/smart.passwordtextbox.js +2 -2
- package/source/smart.tooltip.js +1 -1
- package/styles/smart.base.css +1 -1
- package/styles/smart.passwordtextbox.css +1 -1
package/source/smart.input.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
/* Smart UI
|
|
2
|
+
/* Smart UI v25.5.5 (2026-02-24)
|
|
3
3
|
Copyright (c) 2011-2024 jQWidgets.
|
|
4
4
|
License: https://htmlelements.com/license/ */ //
|
|
5
5
|
|
|
6
|
-
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",reflectToAttribute:!1,value:[]},dropDownHeight:{type:"any",value:200},dropDownOpenMode:{allowedValues:["default","manual"],value:"default",type:"string"},dropDownAppendTo:{value:null,type:"any"},dropDownWidth:{type:"any",value:null},dropDownButtonPosition:{allowedValues:["none","left","right"],value:"none",type:"string"},dropDownOpenPosition:{allowedValues:["bottom","top","auto"],value:"bottom",type:"string"},dropDownPlaceholder:{type:"string",value:""},hint:{type:"string",value:""},inputPurpose:{type:"string",value:"off"},items:{type:"number",value:8},minLength:{type:"number",value:1},maxLength:{type:"number",value:99999999},name:{value:"",type:"string"},prefix:{value:"",type:"string",reflectToAttribute:!1},suffix:{value:"",type:"string",reflectToAttribute:!1},onAffixClick:{value:null,type:"any",reflectToAttribute:!1},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},selectedValue:{type:"any",value:""},selectedValues:{value:[],type:"array"},type:{type:"string"},value:{type:"string",value:""},innerHTML:{type:"string",reflectToAttribute:!1}}}static get styleUrls(){return["smart.textbox.css"]}template(){return'<div id="inputContainer" role="presentation"><div id="optionsContainer" inner-h-t-m-l=\'{{innerHTML}}\' class="smart-hidden"></div><span class="smart-input-prefix" id="prefix" inner-h-t-m-l=\'{{prefix}}\'></span><input maxlength=\'[[maxLength]]\' class="smart-input" id=\'input\' readonly=\'[[readonly]]\' placeholder=\'[[placeholder]]\' type=\'[[type]]\' name=\'[[name]]\' value=\'{{value::keyup}}\' disabled=\'[[disabled]]\' /><span class="smart-hidden smart-hint" id="span">[[hint]]</span><span id="suffix" class="smart-input-suffix" inner-h-t-m-l=\'{{suffix}}\'></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","prefix.click":"_prefixClick","suffix.click":"_suffixClick","dropDownButton.down":"_dropDownButtonDownHandler","inputContainer.down":"_downHandler","document.up":"_documentUpHandler"}}_prefixClick(e){const t=this;if(t.onAffixClick)if("string"==typeof t.onAffixClick){const o=t.onAffixClick.replace("()","");window[o]&&window[o].apply(t,e)}else t.onAffixClick(e)}_suffixClick(e){const t=this;if("string"==typeof t.onAffixClick){const o=t.onAffixClick.replace("()","");window[o]&&window[o].apply(t,e)}else t.onAffixClick(e)}get selectedIndexes(){return this.isCompleted?[this.selectedIndex]:[]}set selectedIndexes(e){if(!this.isCompleted)return;const t=this;if(e&&void 0!==e[0]){if(this.selectedIndex=e[0],null===this.dataSource)return;const o=this.dataSource[this.selectedIndex];if(!o)return;const l=this.context;this.context=this,this.$.input.dataValue=this.selectedValue="string"==typeof o?o:o.value,this.setAttribute("data-value",this.$.input.dataValue);let a=t.dataSource;"string"==typeof a&&(a=t.$.deserialize(a,"array"));for(let e=0;e<a.length;e++){let o=a[e];"string"!=typeof o&&"number"!=typeof o&&(o.value===t.$.input.dataValue?o.selected=!0:o.selected=!1)}this.context=l}else{const e=this.context;this.context=this,this.$.input.dataValue=this.selectedValue="",this.setAttribute("data-value",this.$.input.dataValue),this.selectedIndex=-1;let o=t.dataSource;if("string"==typeof o&&(o=t.$.deserialize(o,"array")),o&&Array.isArray(o))for(let e=0;e<o.length;e++){let l=o[e];"string"!=typeof l&&(l.value===t.$.input.dataValue?l.selected=!0:l.selected=!1)}this.context=e}}focus(){this.$.input.focus()}select(){const e=this;e.readonly?e.$.input.focus():e.$.input.select()}_documentUpHandler(e){const t=this,o=t.shadowRoot||t.isInShadowDOM?e.originalEvent.composedPath()[0]:e.originalEvent.target;o!==t&&o!==t.$.dropDownButton&&o!==t.$.input&&o!==t.$.arrow?t.$.scrollView.contains(o.shadowParent||o)?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,o=t.$.input,l=o.value,a=o.selectionStart,r=o.selectionEnd;if(!e.clipboardData&&!window.clipboardData)return;if(t.disabled)return;const i=(e.clipboardData||window.clipboardData).getData("text");let n=l.slice(0,a)+i;n.length,n+=l.slice(r),t.setAttribute("data-value",n),t._refreshSelectedIndex()}_refreshSelectedIndex(){const e=this;let t=e.dataSource;if(t){let o=-1,l=null;if(e.dataSource instanceof Promise)return;if("function"==typeof e.dataSource)return;"string"==typeof t&&(t=e.$.deserialize(t,"array"));for(let a=0;a<t.length;a++){let r=t[a];if("number"!=typeof r&&"boolean"!=typeof r||(r=""+r),"string"==typeof r){if(r===e.value){o=a,l=e.value;break}}else r&&(delete r.selected,r.label===e.value&&(o=a,l=r.value,r.selected=!0))}e.set("selectedIndex",o,!1),e.set("selectedValue",l,!1),-1===e.selectedIndex&&(e.$.input.dataValue=null)}}selectItem(e){const t=this;let o=t.dataSource;if("string"==typeof o&&(o=t.$.deserialize(o,"array")),o)for(let l=0;l<o.length;l++){const a=o[l];if(t.set("selectedIndex",-1),t.set("value",""),t.$.input.dataValue=null,"string"==typeof a){if(a===e)return t.set("selectedIndex",l,!1),t.set("value",t.$.input.dataValue=e),void t.setAttribute("data-value",t.$.input.dataValue)}else if(a.value===e)return t.set("selectedIndex",l,!1),t.set("value",a.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 o=0;o<t.dataSource.length;o++){const l=t.dataSource[o];if(l.value===e)return l}return null}getPrevItem(){const e=this,t=e.getSelectedItem();if(e.dataSource&&t)for(let o=0;o<e.dataSource.length;o++)if(e.dataSource[o].value===t.value)return e.dataSource[o-1];return null}getNextItem(){const e=this,t=e.getSelectedItem();if(e.dataSource&&t)for(let o=0;o<e.dataSource.length;o++)if(e.dataSource[o].value===t.value)return e.dataSource[o+1];return null}getSelectedItem(){const e=this;return e.dataSource&&0===e.dataSource.length?{label:e.value,value:e.$.input.dataValue?e.$.input.dataValue:e.value}:{label:e.value,value:void 0!==e.$.input.dataValue?e.$.input.dataValue:e.value}}_refreshMenu(){const e=this;e.$.menu.classList.remove("scroll"),e.$.scrollView.computedVerticalScrollBarVisibility&&e.$.menu.classList.add("scroll")}_fromHTMLEntities(e){const t=this,o=t._textArea?t._textArea:document.createElement("textarea");return o.innerHTML=e,t._textArea=o,o.value}_performSelect(){const e=this,t=e.$.menu.querySelector(".active");let o="",l="";t&&(o=t.getAttribute("data-label"),o=e._fromHTMLEntities(o),l=t.dataValue);let a=e.value,r=e.$.input.dataValue;e.set("value",o),e.$.input.dataValue=l,e.setAttribute("data-value",l),t&&e.set("selectedIndex",t.index),e.set("selectedValues",[e.$.input.dataValue]),e.set("selectedValue",e.$.input.dataValue);let i=e.dataSource;if("string"==typeof i&&(i=e.$.deserialize(i,"array")),i&&Array.isArray(i))for(let t=0;t<i.length;t++){let o=i[t];"string"!=typeof o&&"number"!=typeof o&&(o.value===e.$.input.dataValue?o.selected=!0:o.selected=!1)}e.close(),o===a&&l===r||(e.$.fireEvent("change",{value:l,label:o,oldValue:r,oldLabel:a}),e._updateTargetValue())}_open(){const e=this;if(e.opened)return;const t=window.scrollX,o=window.scrollY;let l=e.getBoundingClientRect(),a=0,r=0;if(e.timer&&clearTimeout(e.timer),e.getRootNode()&&e.getRootNode().host)e.getRootNode().host.shadowRoot.appendChild(e.$.scrollView);else if(e.dropDownAppendTo){if("body"===e.dropDownAppendTo||e.dropDownAppendTo===document.body)document.body.appendChild(e.$.scrollView);else if(e.dropDownAppendTo instanceof HTMLElement)e.dropDownAppendTo.appendChild(e.$.scrollView);else if("string"==typeof dropDownAppendTo){let t=document.getElementById(e.dropDownAppendTo);t instanceof HTMLElement?t.appendChild(e.$.scrollView):document.body.appendChild(e.$.scrollView)}}else document.body.appendChild(e.$.scrollView);if(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();a=e.left,r=e.top}if(e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",""),e.$.scrollView.style.left=-3+l.left+t-a+"px",e.$.scrollView.classList.remove("open"),e.$.scrollView.removeAttribute("top"),"bottom"===e.dropDownOpenPosition)e.$.scrollView.style.top=l.bottom+o-r+1+"px";else if("top"===e.dropDownOpenPosition)e.$.scrollView.style.top=l.top-e.$.scrollView.offsetHeight+o-r-2+"px",e.$.scrollView.setAttribute("top","");else if("auto"===e.dropDownOpenPosition){e.$.scrollView.style.top=l.bottom+o-r+1+"px";const t=l.top-e.$.scrollView.offsetHeight+o-r-2;window.innerHeight<parseInt(e.$.scrollView.style.top)+e.$.scrollView.offsetHeight-o?t>=0&&(e.$.scrollView.style.top=t+"px",e.$.scrollView.setAttribute("top","")):e.$.scrollView.style.top=l.bottom+o-r+1+"px"}if(e.dropDownAppendTo&&"body"!==e.dropDownAppendTo){e.$.scrollView.style.position="absolute",e.$.scrollView.style.width="auto",e.$.scrollView.style.height="auto";const t=e.$.scrollView.parentNode.getBoundingClientRect();e.$.scrollView.style.top=l.bottom-t.top+"px","top"===e.dropDownOpenPosition&&(e.$.scrollView.style.top=l.top-t.top-e.$.scrollView.offsetHeight+"px"),e.$.scrollView.style.left=-3+l.left-t.left+"px",e.dropDownHeight&&(e.$.scrollView.style.height=e.dropDownHeight),e.dropDownWidth&&(e.$.scrollView.style.width=e.dropDownWidth)}e.opening=!0,e._positionTimer&&clearInterval(e._positionTimer),e.dropDownAppendTo||(e._positionTimer=setInterval((()=>{const t=e.getBoundingClientRect();if(e.opening)e.opening=!1,l=t;else if(Math.abs(parseInt(t.top)-parseInt(l.top))>=10||Math.abs(parseInt(t.left)-parseInt(l.left))>=10){const o=window.scrollX,l=window.scrollY;return e.$.scrollView.style.left=-3+t.left+o-a+"px",void("bottom"===e.dropDownOpenPosition?e.$.scrollView.style.top=t.bottom+l-r+1+"px":"top"===e.dropDownOpenPosition?e.$.scrollView.style.top=t.top-e.$.scrollView.offsetHeight+l-r+1+"px":"auto"===e.dropDownOpenPosition&&(e.$.scrollView.removeAttribute("top"),e.$.scrollView.style.top=t.bottom+l-r+1+"px",window.innerHeight<parseInt(e.$.scrollView.style.top)+e.$.scrollView.offsetHeight-l?(e.$.scrollView.style.top=t.top-e.$.scrollView.offsetHeight+l-r+1+"px",e.$.scrollView.setAttribute("top","")):e.$.scrollView.style.top=t.bottom+l-r+1+"px"))}}),50)),e.$.scrollView.onpointerdown=function(t){e._isPointerDown=!0,t.stopPropagation(),t.preventDefault()},requestAnimationFrame((function(){const o=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",""),o&&"string"==typeof o&&-1!==o.indexOf("%")){const t=parseFloat(o)/100;e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",e.offsetWidth*t+"px")}else if("auto"!==o&&o)e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",parseFloat(o)+"px");else if("auto"===o){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 o=e.$.menu.querySelectorAll("li");for(let t=0;t<o.length;t++)e._maxDropDownWidth=Math.max((o[t].firstElementChild||o[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=""}const r=parseInt(e.$.scrollView.style.left),i=e.$.scrollView.offsetWidth;r+i>document.body.offsetWidth&&(e.$.scrollView.style.left=-3+l.right+t-a-i+"px"),(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._getDataSourceFromOption(),e.close()}_lookup(e){const t=this;t.query=t.$.input.value;const o=t.context;if(t.context=t,t.selectedIndex=-1,t.selectedValue=null,t.context=o,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 l=function(e){clearTimeout(t._autoCompleteTimeout),t._autoCompleteTimeout=setTimeout((()=>{const o=t.context;t.context=t,t._process(e),t.context=o}),t.autoCompleteDelay)};"function"==typeof t.dataSource?t.dataSource(t.query,l):l(t.dataSource)}_downHandler(e){const t=this;t.readonly&&t._dropDownButtonDownHandler(e)}_dropDownButtonDownHandler(e){const t=this;return"manual"!==t.dropDownOpenMode&&(t._toggle(),t.focus()),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 o=e.$.menu.querySelector(".active");if(o){const t=e.$.input.dataValue;for(let l=0;l<e.$.menu.children.length;l++){const a=e.$.menu.children[l],r=a.getAttribute("data-label"),i=a.dataValue;if(void 0!==t&&i===t||void 0===t&&r===e.$.input.value){o.classList.remove("active"),a.classList.add("active"),e._setActiveDescendant(a),e.$.input.dataValue=i,e.setAttribute("data-value",i);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")),t.readonly,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.dropDownPlaceholder&&t.close(),0===e.length&&!0!==t.allowItemsAdd&&""===t.dropDownPlaceholder||(t.query.length>0?t.readonly?t._render(e):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 o,l=[],a=[],r=[];if(e&&""===e[0])return e;for(;o=e.shift();){let e=o.label||o;e=""+e,e.toLowerCase().indexOf(t.query.toLowerCase())?~e.indexOf(t.query)?a.push(o):r.push(o):l.push(o)}return l.concat(a,r)}_highlighter(e){const t=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return this.query?e.replace(new RegExp("("+t+")","ig"),(function(e,t){return"<strong>"+t+"</strong>"})):e}_render(e){const t=this;let o=0,l=-1,a=null;const r=e.map((function(e){let r=e,i=e;"object"==typeof e&&(r=e.label,i=void 0!==e.value?e.value:r),r=""+r,r=r.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/'/g,"'").replace(/"/g,""");const n=document.createElement("li"),s=document.createElement("a");if(s.href="javascript:void(0)",n.id=t.id+"Item"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),n.setAttribute("data-label",r),n.index=o++,n.dataValue=i,"string"==typeof i?n.setAttribute("value",i):n.setAttribute("value",JSON.stringify(i)),n.setAttribute("role","option"),n.setAttribute("aria-label",r),void 0!==e.menuLabel?(r=e.menuLabel,s.innerHTML=r):s.innerHTML=t.highlighter?t.highlighter(r):t._highlighter(r),s.setAttribute("aria-hidden",!0),e.disabled&&n.classList.add("smart-disabled"),void 0!==e.visible&&!1===e.visible&&n.classList.add("smart-hidden"),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}if(e.dataset)for(let t in e.dataset)n.setAttribute("data-"+t,e.dataset[t]);if(e.className){const t=e.className.split(" ");for(let e=0;e<t.length;e++)n.classList.add(t[e].trim())}return void 0!==t.selectedValue&&void 0!==e.value&&""!==t.selectedValue&&t.selectedValue===e.value&&(e.selected=!0,a=e,l=n.index,n.classList.add("active")),n.appendChild(s),n}));function i(){const e=t.$.menu.getElementsByClassName("active");e[0]&&e[0].classList.remove("active"),this.classList.add("active"),t._setActiveDescendant(this)}-1===l&&r.length>0&&(r[0].classList.add("active"),t._setActiveDescendant(r[0])),a&&(t.$.input.value=a.label,t.$.input.dataValue=a.value,t.setAttribute("data-value",t.$.input.dataValue)),t.$.menu.innerHTML="",0===r.length&&t.dropDownPlaceholder&&(t.$.menu.innerHTML='<div class="smart-flex smart-truncate smart-quiet" style="padding:10px; align-items: center;">'+t.dropDownPlaceholder+"</div>");for(let e=0;e<r.length;e++){const o=r[e];t.$.menu.appendChild(o),o.onmouseenter=i,o.onmouseleave=function(){this.classList.remove("active"),t._setActiveDescendant(null)},o.onclick=i}}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 o=t.nextElementSibling;o||(o=e.$.menu.firstElementChild),o.classList.add("active"),e._setActiveDescendant(o),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 o=t.previousElementSibling;o||(o=e.$.menu.lastElementChild),o.classList.add("active"),e._setActiveDescendant(o),e.ensureVisible()}_move(e){const t=this;if(t.readonly&&!t.opened){if("ArrowUp"===e.key){const o=t.getPrevItem();o&&t.selectItem(o.value),e.preventDefault()}if("ArrowDown"===e.key){const o=t.getNextItem();o&&t.selectItem(o.value),e.preventDefault()}}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;if(t._suppressKeyPressRepeat=![40,38,9,13,27,16,17,18].includes(e.keyCode),t._oldValue=t.$.input.value,!(e.shiftKey||e.altKey||e.ctrlKey))return t.opened&&"Escape"===e.key?(t.close(),e.stopPropagation(),void e.preventDefault()):void 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||"a"===e.key&&e.ctrlKey))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;if(!t.readonly&&!t.$.menu.querySelector(".active")){const o=t.$.input.value;return t._performSelect(),t.value=t.$.input.value=o,e.stopPropagation(),void e.preventDefault()}t._performSelect(),e.stopPropagation(),e.preventDefault();break;case 27:if(!t.opened)return;t.close(),e.stopPropagation(),e.preventDefault();break;default:t._lookupTimer&&clearTimeout(t._lookupTimer),t._lookupTimer=setTimeout((()=>{if(t._lookup(e),!t.opened||e.ctrlKey||e.shiftKey||(e.stopPropagation(),e.preventDefault()),t.$.fireEvent("changing",{value:t.$.input.value,oldValue:t._oldValue}),t.dataSource&&t.dataSource.length&&"function"!=typeof t.dataSource)for(let e=0;e<t.dataSource.length;e++){const o=t.dataSource[e];if("string"==typeof o){if(o===t.$.input.value){t.$.input.dataValue=t.$.input.value,t.setAttribute("data-value",t.$.input.dataValue);break}}else if(void 0!==o.label&&o.label===t.$.input.value){t.$.input.dataValue=o.value,t.setAttribute("data-value",o.value);break}}else t.$.input.dataValue=t.$.input.value,t.setAttribute("data-value",t.$.input.dataValue);t._updateTargetValue()}),300)}}clearValue(){const e=this;e.$.input.value="",e.$.input.dataValue="",e.removeAttribute("data-value"),e.set("value",""),e.set("selectedIndex",-1),e.set("selectedValues",[e.$.input.dataValue]),e.set("selectedValue",e.$.input.dataValue)}propertyChangedHandler(e,t,o){super.propertyChangedHandler(e,t,o);const l=this;if("innerHTML"===e&&(l._getDataSourceFromOption(),l._setSelection(!1)),"selectedValue"===e){let e=-1;if(l.dataSource&&Array.isArray(l.dataSource)&&l.dataSource.forEach(((t,l)=>{"string"==typeof t?t===o&&(e=l):t&&t.value===o&&(e=l)})),e>=0){const t=l.context;l.context=l,l.selectedIndex=e,l.context=t}l._setSelection()}if("selectedIndex"===e){let e=l.dataSource;if(l.selectedValue=null,e&&Array.isArray(e))for(let t=0;t<e.length;t++){let o=e[t];"string"!=typeof o&&"number"!=typeof o&&(o.selected=!1)}l._setSelection()}else if("dataSource"===e){if(l.dataSource&&Array.isArray(l.dataSource)){let e=-1;if(l.dataSource.forEach(((t,o)=>{t.selected&&(e=o)})),e>=0){const t=l.context;l.context=l,l.selectedIndex=e,l.context=t}}l._setSelection(!1)}else if("dropDownClassList"===e){const e=l.$.scrollView;for(let o=0,l=t.length;o<l;o+=1)e.classList.remove(t[o]);for(let t=0,l=o.length;t<l;t+=1)e.classList.add(o[t])}else if("dropDownHeight"===e)"auto"!==l.dropDownHeight?l.$.scrollView.style.setProperty("--smart-input-drop-down-menu-height",l.dropDownHeight+"px"):l.$.scrollView.style.setProperty("--smart-input-drop-down-menu-height","auto");else if("opened"===e)l.opened=t,o?l.open():l.close();else if("placeholder"===e){if(l.readonly){const e=l.getAttribute("aria-label");if(e&&e!==t)return;o?l.setAttribute("aria-label",o):l.removeAttribute("aria-label")}}else if("selectedValues"===e)if(null===o)l.$.input.value="",l.$.input.dataValue=o,l.setAttribute("data-value",o),l._refreshSelectedIndex();else{const e=o.join(","),t=l.value;if(l.$.input.dataValue=e,e&&-1===e.indexOf(",")){let e=-1,t=o[0];if(l.dataSource&&Array.isArray(l.dataSource)&&l.dataSource.forEach(((l,a)=>{"string"==typeof l?l!==o&&l!==t||(e=a):l&&l.value===t&&(e=a)})),e>=0){const t=l.context;l.context=l,l.selectedIndex=e,l.context=t}}l._setSelection(),l.propertyChangedHandler("value",t,l.value)}else"value"===e?(l.displayMember!==l.valueMember&&"string"!=typeof o?(l.set("value",o[l.displayMember]),l.$.input.dataValue=o[l.valueMember],l.setAttribute("data-value",l.$.input.dataValue)):(l.$.input.value=l.$.input.dataValue=o,l.setAttribute("data-value",o)),l._refreshSelectedIndex()):"readonly"===e?(l._setAriaRelations(),l._setInputPurpose()):"theme"===e||"rightToLeft"===e?l.$.scrollView[e]=o:"inputPurpose"===e?l._setInputPurpose():"inverted"===e?o?l.$.scrollView.setAttribute("inverted",""):l.$.scrollView.removeAttribute("inverted"):"disabled"!==e&&"unfocusable"!==e||l._setFocusable()}_updateTargetValue(){const e=this;if(e.dataset.target){const t=document.querySelector(e.dataset.target);if(t){const o=e.dataset.property,l=e.value;o&&void 0!==t[o]&&(t[o]=l)}}}detached(){super.detached(),this.close(),this.removeAttribute("focus")}_getDataSourceFromOption(){const e=this;if(e.innerHTML.indexOf("<option")>=0){e.$.optionsContainer.innerHTML=e.innerHTML.trim();const t=e.querySelectorAll("option");let o=[];for(let e=0;e<t.length;e++){const l=t[e],a=l.hasAttribute("selected")||l.hasAttribute("is-selected")&&"false"!==l.getAttribute("is-selected");let r=(""+l.textContent).trim();const i=(""+l.innerHTML).trim(),n=l.hasAttribute("value")?l.getAttribute("value"):r,s=l.hasAttribute("disabled"),u=l.hasAttribute("label")?l.getAttribute("label"):null;u&&(r=u),o.push({label:r,menuLabel:i,value:n,disabled:s,selected:a,className:l.className,dataset:l.dataset}),l.classList.add("smart-hidden")}e.dataSource=o}}render(){const e=this,t=e.dropDownClassList;if(e._getDataSourceFromOption(),e.selectedValues&&e.selectedValues.length){const t=e.selectedValues.join(",");e.value=t}e._createElement&&e._createElement();const o=e.$.scrollView;for(let e=0,l=t.length;e<l;e+=1)o.classList.add(t[e]);e.opened&&(e.opened=!1,e.open());const l=e.$.menu;l&&(l.setAttribute("role","presentation"),o.appendChild(l)),"auto"!==e.dropDownHeight?o.style.setProperty("--smart-input-drop-down-menu-height",e.dropDownHeight+"px"):o.style.setProperty("--smart-input-drop-down-menu-height","auto"),o.classList.add("smart-input-drop-down-menu");for(let t=0;t<e.classList.length;t++){const l=e.classList[t];"smart-element"!==l&&"smart-input"!==l&&o.classList.add(l+"-drop-down-menu")}o.id=e.id+"_"+e.tagName.toLowerCase()+"_menu_"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),o.ownerElement=e;let a=e.dataSource;if("string"==typeof a&&(a=e.$.deserialize(a,"array")),a&&a.length&&Array.isArray(a)){let t=-1;if(a.forEach(((e,o)=>{e.selected&&(t=o)})),t>=0){e.selectedIndex=t;const o=a[t];e.selectedValue="string"==typeof o?a[t]:a[t].value}}e._setAriaRelations(),e._setInputPurpose(),e._setSelection(),e.isInitialized=!0,e.hasAttribute("tabindex")&&(e.readonly||(e.$.input.setAttribute("tabindex",e.getAttribute("tabindex")),e.removeAttribute("tabindex"))),super.render()}_setSelection(e){const t=this;let o=t.dataSource;if("string"==typeof o&&(o=t.$.deserialize(o,"array")),t.selectedIndex>=0&&o&&o.length>0){let l=o[t.selectedIndex];if("number"!=typeof l&&"boolean"!=typeof l||(l=""+l),"string"==typeof l){let o=t.$.input.dataValue,a=t.value;t.set("value",l),t.$.input.dataValue=l,t.$.input.setAttribute("data-value",l),t.selectedValues=[t.$.input.dataValue],t.isInitialized&&!1!==e&&(t.$.fireEvent("change",{value:t.value,label:t.label,oldValue:o,oldLabel:a}),t._updateTargetValue())}else{let o=t.$.input.dataValue,a=t.value;l&&(void 0!==l.value?(t.set("value",void 0!==l.value?l.value+"":""),t.$.input.dataValue=l.value,t.$.input.setAttribute("data-value",l.value),t.selectedValues=[t.$.input.dataValue]):l.label&&(t.selectedValues=[l.value]),l.label&&t.set("value",l.label)),t.isInitialized&&!1!==e&&(t.$.fireEvent("change",{value:t.$.input.dataValue,label:l.value,oldValue:o,oldLabel:a}),t._updateTargetValue())}}}_createElement(){const e=this,t=document.createElement("ul"),o=document.createElement("smart-scroll-viewer");o.rightToLeft=e.rightToLeft,o.theme=e.theme,o.horizontalScrollBarVisibility="hidden",e.inverted?o.setAttribute("inverted",""):o.removeAttribute("inverted"),e.$.scrollView=o,e.$.menu=t,e._setFocusable();const l=e.$.input;e.$.menu.onpointerdown=function(t){const o=t.target.closest("li"),a=e.$.menu.querySelector(".active");a&&o&&(a.classList.remove("active"),o.classList.add("active")),t.stopPropagation(),t.preventDefault(),setTimeout((()=>{e._performSelect(),o&&o.parentNode&&e.$.fireEvent("itemClick",{index:[...o.parentNode.children].indexOf(o),item:o,label:o.getAttribute("aria-label"),value:o.dataValue}),l.focus()}),50)},e.$.menu.onpointerup=function(t){t.stopPropagation(),t.preventDefault(),e.$.scrollView.$.verticalScrollBar.thumbCapture&&(e.$.scrollView.$.verticalScrollBar.thumbCapture=!1)}}_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.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")}});
|
|
6
|
+
Smart("smart-input",class extends Smart.BaseElement{static get properties(){return{autoAdjustWidth:{value:!1,type:"boolean"},autoCompleteDelay:{value:100,type:"number"},dataSource:{type:"any",value:[],reflectToAttribute:!1},dropDownClassList:{value:[],type:"array",reflectToAttribute:!1},dropDownDataSource:{type:"any",reflectToAttribute:!1,value:[]},dropDownHeight:{type:"any",value:200},dropDownMaxHeight:{type:"any",value:""},dropDownOpenMode:{allowedValues:["default","manual"],value:"default",type:"string"},dropDownAppendTo:{value:null,type:"any"},dropDownWidth:{type:"any",value:null},dropDownButtonPosition:{allowedValues:["none","left","right"],value:"none",type:"string"},dropDownOpenPosition:{allowedValues:["bottom","top","auto"],value:"bottom",type:"string"},dropDownPlaceholder:{type:"string",value:""},hint:{type:"string",value:""},inputPurpose:{type:"string",value:"off"},items:{type:"number",value:8},minLength:{type:"number",value:1},maxLength:{type:"number",value:99999999},name:{value:"",type:"string"},prefix:{value:"",type:"string",reflectToAttribute:!1},suffix:{value:"",type:"string",reflectToAttribute:!1},onAffixClick:{value:null,type:"any",reflectToAttribute:!1},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},selectedValue:{type:"any",value:""},selectedValues:{value:[],type:"array"},type:{type:"string"},value:{type:"string",value:""},innerHTML:{type:"string",reflectToAttribute:!1}}}static get styleUrls(){return["smart.textbox.css"]}template(){return'<div id="inputContainer" role="presentation"><div id="optionsContainer" inner-h-t-m-l=\'{{innerHTML}}\' class="smart-hidden"></div><span class="smart-input-prefix" id="prefix" inner-h-t-m-l=\'{{prefix}}\'></span><input maxlength=\'[[maxLength]]\' class="smart-input" id=\'input\' readonly=\'[[readonly]]\' placeholder=\'[[placeholder]]\' type=\'[[type]]\' name=\'[[name]]\' value=\'{{value::keyup}}\' disabled=\'[[disabled]]\' /><span class="smart-hidden smart-hint" id="span">[[hint]]</span><span id="suffix" class="smart-input-suffix" inner-h-t-m-l=\'{{suffix}}\'></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","input.input":"_inputHandler","prefix.click":"_prefixClick","suffix.click":"_suffixClick","dropDownButton.down":"_dropDownButtonDownHandler","inputContainer.down":"_downHandler","document.up":"_documentUpHandler"}}_inputHandler(){const e=this;e.autoAdjustWidth&&e._autoAdjustWidth()}get selectionStart(){return this.$&&this.$.input?this.$.input.selectionStart:0}set selectionStart(e){this.$&&this.$.input&&(this.$.input.selectionStart=e)}get selectionEnd(){return this.$&&this.$.input?this.$.input.selectionEnd:0}set selectionEnd(e){this.$&&this.$.input&&(this.$.input.selectionEnd=e)}_prefixClick(e){const t=this;if(t.onAffixClick)if("string"==typeof t.onAffixClick){const o=t.onAffixClick.replace("()","");window[o]&&window[o].apply(t,e)}else t.onAffixClick(e)}_suffixClick(e){const t=this;if("string"==typeof t.onAffixClick){const o=t.onAffixClick.replace("()","");window[o]&&window[o].apply(t,e)}else t.onAffixClick(e)}get selectedIndexes(){return this.isCompleted?[this.selectedIndex]:[]}set selectedIndexes(e){if(!this.isCompleted)return;const t=this;if(e&&void 0!==e[0]){if(this.selectedIndex=e[0],null===this.dataSource)return;const o=this.dataSource[this.selectedIndex];if(!o)return;const l=this.context;this.context=this,this.$.input.dataValue=this.selectedValue="string"==typeof o?o:o.value,this.setAttribute("data-value",this.$.input.dataValue);let a=t.dataSource;"string"==typeof a&&(a=t.$.deserialize(a,"array"));for(let e=0;e<a.length;e++){let o=a[e];"string"!=typeof o&&"number"!=typeof o&&(o.value===t.$.input.dataValue?o.selected=!0:o.selected=!1)}this.context=l}else{const e=this.context;this.context=this,this.$.input.dataValue=this.selectedValue="",this.setAttribute("data-value",this.$.input.dataValue),this.selectedIndex=-1;let o=t.dataSource;if("string"==typeof o&&(o=t.$.deserialize(o,"array")),o&&Array.isArray(o))for(let e=0;e<o.length;e++){let l=o[e];"string"!=typeof l&&(l.value===t.$.input.dataValue?l.selected=!0:l.selected=!1)}this.context=e}}focus(){this.$.input.focus()}select(){const e=this;e.readonly?e.$.input.focus():e.$.input.select()}_documentUpHandler(e){const t=this,o=t.shadowRoot||t.isInShadowDOM?e.originalEvent.composedPath()[0]:e.originalEvent.target;o!==t&&o!==t.$.dropDownButton&&o!==t.$.input&&o!==t.$.arrow?t.$.scrollView.contains(o.shadowParent||o)?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._autoAdjustWidth(),e._refreshSelectedIndex(),delete e._preventLookup}_pasteHandler(e){const t=this,o=t.$.input,l=o.value,a=o.selectionStart,i=o.selectionEnd;if(!e.clipboardData&&!window.clipboardData)return;if(t.disabled)return;const r=(e.clipboardData||window.clipboardData).getData("text");let n=l.slice(0,a)+r;n.length,n+=l.slice(i),t.setAttribute("data-value",n),t._refreshSelectedIndex()}_refreshSelectedIndex(){const e=this;let t=e.dataSource;if(t){let o=-1,l=null;if(e.dataSource instanceof Promise)return;if("function"==typeof e.dataSource)return;"string"==typeof t&&(t=e.$.deserialize(t,"array"));for(let a=0;a<t.length;a++){let i=t[a];if("number"!=typeof i&&"boolean"!=typeof i||(i=""+i),"string"==typeof i){if(i===e.value){o=a,l=e.value;break}}else i&&(delete i.selected,i.label===e.value&&(o=a,l=i.value,i.selected=!0))}e.set("selectedIndex",o,!1),e.set("selectedValue",l,!1),-1===e.selectedIndex&&(e.$.input.dataValue=null),e._autoAdjustWidth()}}selectItem(e){const t=this;let o=t.dataSource;if("string"==typeof o&&(o=t.$.deserialize(o,"array")),o)for(let l=0;l<o.length;l++){const a=o[l];if(t.value,t.set("selectedIndex",-1),t.set("value",""),t.$.input.dataValue=null,"string"==typeof a){if(a===e)return t.set("selectedIndex",l,!1),t.set("value",t.$.input.dataValue=e),t.setAttribute("data-value",t.$.input.dataValue),void t._setSelection()}else if(a.value===e)return t.set("selectedIndex",l,!1),t.set("value",a.label),t.$.input.dataValue=e,t.setAttribute("data-value",t.$.input.dataValue),void t._setSelection()}else t.set("value",t.$.input.dataValue=e),t.setAttribute("data-value",t.$.input.dataValue),t.set("selectedIndex",-1,!1);t._autoAdjustWidth()}getItem(e){const t=this;if(t.dataSource)for(let o=0;o<t.dataSource.length;o++){const l=t.dataSource[o];if(l.value===e)return l}return null}getPrevItem(){const e=this,t=e.getSelectedItem();if(e.dataSource&&t)for(let o=0;o<e.dataSource.length;o++)if(e.dataSource[o].value===t.value)return e.dataSource[o-1];return null}getNextItem(){const e=this,t=e.getSelectedItem();if(e.dataSource&&t)for(let o=0;o<e.dataSource.length;o++)if(e.dataSource[o].value===t.value)return e.dataSource[o+1];return null}getSelectedItem(){const e=this;return e.dataSource&&0===e.dataSource.length?{label:e.value,value:e.$.input.dataValue?e.$.input.dataValue:e.value}:{label:e.value,value:void 0!==e.$.input.dataValue?e.$.input.dataValue:e.value}}_refreshMenu(){const e=this;e.$.menu.classList.remove("scroll"),e.$.scrollView.computedVerticalScrollBarVisibility&&e.$.menu.classList.add("scroll")}_fromHTMLEntities(e){const t=this,o=t._textArea?t._textArea:document.createElement("textarea");return o.innerHTML=e,t._textArea=o,o.value}_performSelect(){const e=this,t=e.$.menu.querySelector(".active");let o="",l="";t&&(o=t.getAttribute("data-label"),o=e._fromHTMLEntities(o),l=t.dataValue);let a=e.value,i=e.$.input.dataValue;e.set("value",o),e.$.input.dataValue=l,e.setAttribute("data-value",l),t&&e.set("selectedIndex",t.index),e.set("selectedValues",[e.$.input.dataValue]),e.set("selectedValue",e.$.input.dataValue);let r=e.dataSource;if("string"==typeof r&&(r=e.$.deserialize(r,"array")),r&&Array.isArray(r))for(let t=0;t<r.length;t++){let o=r[t];"string"!=typeof o&&"number"!=typeof o&&(o.value===e.$.input.dataValue?o.selected=!0:o.selected=!1)}e.close(),o===a&&l===i||(e.$.fireEvent("change",{value:l,label:o,oldValue:i,oldLabel:a}),e._updateTargetValue())}_open(){const e=this;if(e.opened)return;const t=window.scrollX,o=window.scrollY;let l=e.getBoundingClientRect(),a=0,i=0;if(e.timer&&clearTimeout(e.timer),e.getRootNode()&&e.getRootNode().host)e.getRootNode().host.shadowRoot.appendChild(e.$.scrollView);else if(e.dropDownAppendTo){if("body"===e.dropDownAppendTo||e.dropDownAppendTo===document.body)document.body.appendChild(e.$.scrollView);else if(e.dropDownAppendTo instanceof HTMLElement)e.dropDownAppendTo.appendChild(e.$.scrollView);else if("string"==typeof dropDownAppendTo){let t=document.getElementById(e.dropDownAppendTo);t instanceof HTMLElement?t.appendChild(e.$.scrollView):document.body.appendChild(e.$.scrollView)}}else document.body.appendChild(e.$.scrollView);if(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();a=e.left,i=e.top}if(e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",""),e.$.scrollView.style.left=-3+l.left+t-a+"px",e.$.scrollView.classList.remove("open"),e.$.scrollView.removeAttribute("top"),"bottom"===e.dropDownOpenPosition)e.$.scrollView.style.top=l.bottom+o-i+1+"px";else if("top"===e.dropDownOpenPosition)e.$.scrollView.style.top=l.top-e.$.scrollView.offsetHeight+o-i-2+"px",e.$.scrollView.setAttribute("top","");else if("auto"===e.dropDownOpenPosition){e.$.scrollView.style.top=l.bottom+o-i+1+"px";const t=l.top-e.$.scrollView.offsetHeight+o-i-2;window.innerHeight<parseInt(e.$.scrollView.style.top)+e.$.scrollView.offsetHeight-o?t>=0&&(e.$.scrollView.style.top=t+"px",e.$.scrollView.setAttribute("top","")):e.$.scrollView.style.top=l.bottom+o-i+1+"px"}if(e.dropDownAppendTo&&"body"!==e.dropDownAppendTo){e.$.scrollView.style.position="absolute",e.$.scrollView.style.width="auto",e.$.scrollView.style.height="auto";const t=e.$.scrollView.parentNode.getBoundingClientRect();e.$.scrollView.style.top=l.bottom-t.top+"px","top"===e.dropDownOpenPosition&&(e.$.scrollView.style.top=l.top-t.top-e.$.scrollView.offsetHeight+"px"),e.$.scrollView.style.left=-3+l.left-t.left+"px",e.dropDownHeight&&(e.$.scrollView.style.height=e.dropDownHeight),e.dropDownWidth&&(e.$.scrollView.style.width=e.dropDownWidth)}""!==e.dropDownMaxHeight&&e.$.scrollView.offsetHeight>e.dropDownMaxHeight&&e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-height",e.dropDownMaxHeight+"px"),e.opening=!0,e._positionTimer&&clearInterval(e._positionTimer),e.dropDownAppendTo||(e._positionTimer=setInterval((()=>{const t=e.getBoundingClientRect();if(e.opening)e.opening=!1,l=t;else if(Math.abs(parseInt(t.top)-parseInt(l.top))>=10||Math.abs(parseInt(t.left)-parseInt(l.left))>=10){const o=window.scrollX,l=window.scrollY;return e.$.scrollView.style.left=-3+t.left+o-a+"px",void("bottom"===e.dropDownOpenPosition?e.$.scrollView.style.top=t.bottom+l-i+1+"px":"top"===e.dropDownOpenPosition?e.$.scrollView.style.top=t.top-e.$.scrollView.offsetHeight+l-i+1+"px":"auto"===e.dropDownOpenPosition&&(e.$.scrollView.removeAttribute("top"),e.$.scrollView.style.top=t.bottom+l-i+1+"px",window.innerHeight<parseInt(e.$.scrollView.style.top)+e.$.scrollView.offsetHeight-l?(e.$.scrollView.style.top=t.top-e.$.scrollView.offsetHeight+l-i+1+"px",e.$.scrollView.setAttribute("top","")):e.$.scrollView.style.top=t.bottom+l-i+1+"px"))}}),50)),e.$.scrollView.onpointerdown=function(t){e._isPointerDown=!0,t.stopPropagation(),t.preventDefault()},requestAnimationFrame((function(){const o=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",""),o&&"string"==typeof o&&-1!==o.indexOf("%")){const t=parseFloat(o)/100;e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",e.offsetWidth*t+"px")}else if("auto"!==o&&o)e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",parseFloat(o)+"px");else if("auto"===o){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 o=e.$.menu.querySelectorAll("li");for(let t=0;t<o.length;t++)e._maxDropDownWidth=Math.max((o[t].firstElementChild||o[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=""}const i=parseInt(e.$.scrollView.style.left),r=e.$.scrollView.offsetWidth;i+r>document.body.offsetWidth&&(e.$.scrollView.style.left=-3+l.right+t-a-r+"px"),(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._getDataSourceFromOption(),e.close()}_lookup(e){const t=this;t.query=t.$.input.value;const o=t.context;if(t.context=t,t.selectedIndex=-1,t.selectedValue=null,t.context=o,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 l=function(e){clearTimeout(t._autoCompleteTimeout),t._autoCompleteTimeout=setTimeout((()=>{const o=t.context;t.context=t,t._process(e),t.context=o}),t.autoCompleteDelay)};"function"==typeof t.dataSource?t.dataSource(t.query,l):l(t.dataSource)}_downHandler(e){const t=this;t.disabled||t.readonly&&t._dropDownButtonDownHandler(e)}_dropDownButtonDownHandler(e){const t=this;if(!t.disabled)return"manual"!==t.dropDownOpenMode&&(t._toggle(),t.focus()),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 o=e.$.menu.querySelector(".active");if(o){const t=e.$.input.dataValue;for(let l=0;l<e.$.menu.children.length;l++){const a=e.$.menu.children[l],i=a.getAttribute("data-label"),r=a.dataValue;if(void 0!==t&&r===t||void 0===t&&i===e.$.input.value){o.classList.remove("active"),a.classList.add("active"),e._setActiveDescendant(a),e.$.input.dataValue=r,e.setAttribute("data-value",r);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")),t.readonly,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.dropDownPlaceholder&&t.close(),0===e.length&&!0!==t.allowItemsAdd&&""===t.dropDownPlaceholder||(t.query.length>0?t.readonly?t._render(e):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 o,l=[],a=[],i=[];if(e&&""===e[0])return e;for(;o=e.shift();){let e=o.label||o;e=""+e,e.toLowerCase().indexOf(t.query.toLowerCase())?~e.indexOf(t.query)?a.push(o):i.push(o):l.push(o)}return l.concat(a,i)}_highlighter(e){const t=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return this.query?e.replace(new RegExp("("+t+")","ig"),(function(e,t){return"<strong>"+t+"</strong>"})):e}_render(e){const t=this;let o=0,l=-1,a=null;const i=e.map((function(e){let i=e,r=e;"object"==typeof e&&(i=e.label,r=void 0!==e.value?e.value:i,t.displayMember&&void 0!==e[t.displayMember]&&(i=e[t.displayMember]),t.valueMember&&void 0!==e[t.valueMember]&&(r=e[t.valueMember])),i=""+i,i=i.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/'/g,"'").replace(/"/g,""");const n=document.createElement("li"),s=document.createElement("a");if(s.href="javascript:void(0)",n.id=t.id+"Item"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),n.setAttribute("data-label",i),n.index=o++,n.dataValue=r,"string"==typeof r?n.setAttribute("value",r):n.setAttribute("value",JSON.stringify(r)),n.setAttribute("role","option"),n.setAttribute("aria-label",i),void 0!==e.menuLabel?(i=e.menuLabel,s.innerHTML=i):s.innerHTML=t.highlighter?t.highlighter(i):t._highlighter(i),s.setAttribute("aria-hidden",!0),e.disabled&&n.classList.add("smart-disabled"),void 0!==e.visible&&!1===e.visible&&n.classList.add("smart-hidden"),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}if(e.dataset)for(let t in e.dataset)n.setAttribute("data-"+t,e.dataset[t]);if(e.className){const t=e.className.split(" ");for(let e=0;e<t.length;e++)n.classList.add(t[e].trim())}return void 0!==t.selectedValue&&void 0!==e.value&&""!==t.selectedValue&&t.selectedValue===e.value&&(e.selected=!0,a=e,l=n.index,n.classList.add("active")),n.appendChild(s),n}));function r(){const e=t.$.menu.getElementsByClassName("active");e[0]&&e[0].classList.remove("active"),this.classList.add("active"),t._setActiveDescendant(this),t._autoAdjustWidth()}-1===l&&i.length>0&&(i[0].classList.add("active"),t._setActiveDescendant(i[0])),a&&(t.$.input.value=a.label,t.$.input.dataValue=a.value,t.setAttribute("data-value",t.$.input.dataValue)),t.$.menu.innerHTML="",0===i.length&&t.dropDownPlaceholder&&(t.$.menu.innerHTML='<div class="smart-flex smart-truncate smart-quiet" style="padding:10px; align-items: center;">'+t.dropDownPlaceholder+"</div>");for(let e=0;e<i.length;e++){const o=i[e];t.$.menu.appendChild(o),o.onmouseenter=r,o.onmouseleave=function(){this.classList.remove("active"),t._setActiveDescendant(null)},o.onclick=r}}ensureVisible(e){const t=this;let o=t.$.menu.querySelector(".active");if(!o){if(!e)return;{const l=[...t.$.menu.children];for(let t=0;t<l.length;t++){const a=l[t];(a===e||a&&a.value===e)&&(o=a)}}}if(o)o.offsetTop+o.offsetHeight>=t.$.scrollView.scrollTop+t.$.scrollView.offsetHeight&&(t.$.scrollView.scrollTop=o.offsetTop+o.offsetHeight),(o.offsetTop<=t.$.scrollView.scrollTop||o.offsetTop>=t.$.scrollView.scrollTop+t.$.scrollView.offsetHeight)&&(t.$.scrollView.scrollTop=o.offsetTop),0===[...t.$.menu.children].indexOf(o)?t.$.scrollView.scrollTop=0:[...t.$.menu.children].indexOf(o)===t.$.menu.children.length-1&&(t.$.scrollView.scrollTop=t.$.scrollView.scrollHeight);else if(t.dataSource){let o=-1;if(t.dataSource.forEach(((t,l)=>{(t===e||t&&(t.value===e||t.label===e))&&(o=l)})),o>=0){const e=34*o;return void(t.$.scrollView.scrollTop=e)}}}_next(){const e=this,t=e.$.menu.querySelector(".active");if(!t){const t=e.$.menu.firstElementChild;if(!t)return;return t.classList.add("active"),void e._setActiveDescendant(t)}t.classList.remove("active");let o=t.nextElementSibling;o||(o=e.$.menu.firstElementChild),o&&(o.classList.add("active"),e._setActiveDescendant(o),e.ensureVisible())}_prev(){const e=this,t=e.$.menu.querySelector(".active");if(!t){const t=e.$.menu.firstElementChild;if(!t)return;return t.classList.add("active"),void e._setActiveDescendant(t)}t.classList.remove("active");let o=t.previousElementSibling;o||(o=e.$.menu.lastElementChild),o&&(o.classList.add("active"),e._setActiveDescendant(o),e.ensureVisible())}_move(e){const t=this;if(t.readonly&&!t.opened){if("ArrowUp"===e.key){const o=t.getPrevItem();o&&t.selectItem(o.value),e.preventDefault()}if("ArrowDown"===e.key){const o=t.getNextItem();o&&t.selectItem(o.value),e.preventDefault()}}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;if(t._suppressKeyPressRepeat=![40,38,9,13,27,16,17,18].includes(e.keyCode),t._oldValue=t.$.input.value,!(e.shiftKey||e.altKey||e.ctrlKey)){if(t.opened&&"Escape"===e.key)return t.close(),e.stopPropagation(),void e.preventDefault();t._autoAdjustWidth(),t._move(e)}}_keyPressHandler(e){this._suppressKeyPressRepeat||e.shiftKey||e.altKey||e.ctrlKey||this._move(e)}_autoAdjustWidth(){const e=this;if(e.autoAdjustWidth){const t=document.createElement("span");t.textContent=e.$.input.value||e.placeholder||" ",t.style.minWidth="30px",t.classList.add("smart-element"),t.style.position="absolute",e._measureStyle||(e._measureStyle=getComputedStyle(e)),t.style.fontSize=e._measureStyle.fontSize,t.style.fontFamily=e._measureStyle.fontFamily,t.style.fontWeight=e._measureStyle.fontWeight,document.body.appendChild(t);let o=0;e.readonly&&(o=30),e.style.width=t.offsetWidth+10+o+"px",t.remove()}}_keyUpHandler(e){const t=this;if(!(e.shiftKey||"F2"===e.key||"a"===e.key&&e.ctrlKey))switch(t._autoAdjustWidth(),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;if(!t.readonly&&!t.$.menu.querySelector(".active")){const o=t.$.input.value;return t._performSelect(),t.value=t.$.input.value=o,e.stopPropagation(),void e.preventDefault()}t._performSelect(),e.stopPropagation(),e.preventDefault();break;case 27:if(!t.opened)return;t.close(),e.stopPropagation(),e.preventDefault();break;default:t._lookupTimer&&clearTimeout(t._lookupTimer),t._lookupTimer=setTimeout((()=>{if(t._lookup(e),!t.opened||e.ctrlKey||e.shiftKey||(e.stopPropagation(),e.preventDefault()),t.$.fireEvent("changing",{value:t.$.input.value,oldValue:t._oldValue}),t.dataSource&&t.dataSource.length&&"function"!=typeof t.dataSource)for(let e=0;e<t.dataSource.length;e++){const o=t.dataSource[e];if("string"==typeof o){if(o===t.$.input.value){t.$.input.dataValue=t.$.input.value,t.setAttribute("data-value",t.$.input.dataValue);break}}else if(void 0!==o.label&&o.label===t.$.input.value){t.$.input.dataValue=o.value,t.setAttribute("data-value",o.value);break}}else t.$.input.dataValue=t.$.input.value,t.setAttribute("data-value",t.$.input.dataValue);t._updateTargetValue()}),300)}}clearValue(){const e=this;e.$.input.value="",e.$.input.dataValue="",e.removeAttribute("data-value"),e.set("value",""),e.set("selectedIndex",-1),e.set("selectedValues",[e.$.input.dataValue]),e.set("selectedValue",e.$.input.dataValue)}propertyChangedHandler(e,t,o){super.propertyChangedHandler(e,t,o);const l=this;if("innerHTML"===e&&(l._getDataSourceFromOption(),l._setSelection(!1)),"selectedValue"===e){let e=-1;if(l.dataSource&&Array.isArray(l.dataSource)&&l.dataSource.forEach(((t,l)=>{"string"==typeof t?t===o&&(e=l):t&&t.value===o&&(e=l)})),e>=0){const t=l.context;l.context=l,l.selectedIndex=e,l.context=t}l._setSelection()}if("selectedIndex"===e){let e=l.dataSource;if(l.selectedValue=null,e&&Array.isArray(e))for(let t=0;t<e.length;t++){let o=e[t];"string"!=typeof o&&"number"!=typeof o&&(o.selected=!1)}l._setSelection()}else if("dataSource"===e){if(l.dataSource&&Array.isArray(l.dataSource)){let e=-1;if(l.dataSource.forEach(((t,o)=>{t.selected&&(e=o)})),e>=0){const t=l.context;l.context=l,l.selectedIndex=e,l.context=t}}l._setSelection(!1)}else if("dropDownClassList"===e){const e=l.$.scrollView;for(let o=0,l=t.length;o<l;o+=1)e.classList.remove(t[o]);for(let t=0,l=o.length;t<l;t+=1)e.classList.add(o[t])}else if("dropDownHeight"===e)"auto"!==l.dropDownHeight?l.$.scrollView.style.setProperty("--smart-input-drop-down-menu-height",l.dropDownHeight+"px"):l.$.scrollView.style.setProperty("--smart-input-drop-down-menu-height","auto");else if("opened"===e)l.opened=t,o?l.open():l.close();else if("placeholder"===e){if(l.readonly){const e=l.getAttribute("aria-label");if(e&&e!==t)return;o?l.setAttribute("aria-label",o):l.removeAttribute("aria-label")}}else if("selectedValues"===e)if(null==o)l.$.input.value="",l.$.input.dataValue=o,l.setAttribute("data-value",o),l._refreshSelectedIndex();else{const e=o.join(","),t=l.value;if(l.$.input.dataValue=e,e&&-1===e.indexOf(",")){let e=-1,t=o[0];if(l.dataSource&&Array.isArray(l.dataSource)&&l.dataSource.forEach(((l,a)=>{"string"==typeof l?l!==o&&l!==t||(e=a):l&&l.value===t&&(e=a)})),e>=0){const t=l.context;l.context=l,l.selectedIndex=e,l.context=t}}l._setSelection(),l.propertyChangedHandler("value",t,l.value)}else"value"===e?(l.displayMember!==l.valueMember&&"string"!=typeof o?(l.set("value",o[l.displayMember]),l.$.input.dataValue=o[l.valueMember],l.setAttribute("data-value",l.$.input.dataValue)):(l.$.input.value=l.$.input.dataValue=o,l.setAttribute("data-value",o)),l._refreshSelectedIndex()):"readonly"===e?(l._setAriaRelations(),l._setInputPurpose()):"theme"===e||"rightToLeft"===e?l.$.scrollView[e]=o:"inputPurpose"===e?l._setInputPurpose():"inverted"===e?o?l.$.scrollView.setAttribute("inverted",""):l.$.scrollView.removeAttribute("inverted"):"disabled"!==e&&"unfocusable"!==e||l._setFocusable()}_updateTargetValue(){const e=this;if(e.dataset.target){const t=document.querySelector(e.dataset.target);if(t){const o=e.dataset.property,l=e.value;o&&void 0!==t[o]&&(t[o]=l)}}}detached(){super.detached(),this.close(),this.removeAttribute("focus")}_getDataSourceFromOption(){const e=this;if(e.innerHTML.indexOf("<option")>=0||e.innerHTML.indexOf("<smart-list-item")>=0||e.innerHTML.indexOf("<smart-input-item")>=0){e.$.optionsContainer&&(e.$.optionsContainer.innerHTML=e.innerHTML.trim());let t=e.querySelectorAll("option");0===t.length&&(t=e.querySelectorAll("smart-list-item"),0===t.length&&(t=e.querySelectorAll("smart-input-item")));let o=[];for(let e=0;e<t.length;e++){const l=t[e],a=l.hasAttribute("selected")||l.hasAttribute("is-selected")&&"false"!==l.getAttribute("is-selected");let i=(""+l.textContent).trim();const r=(""+l.innerHTML).trim(),n=l.hasAttribute("value")?l.getAttribute("value"):i,s=l.hasAttribute("disabled"),u=l.hasAttribute("label")?l.getAttribute("label"):null;u&&(i=u),o.push({label:i,menuLabel:r,value:n,disabled:s,selected:a,className:l.className,dataset:l.dataset}),l.classList.add("smart-hidden")}e.dataSource=o}}render(){const e=this,t=e.dropDownClassList;if(e._getDataSourceFromOption(),e.selectedValues&&e.selectedValues.length){const t=e.selectedValues.join(",");e.value=t}e._createElement&&e._createElement();const o=e.$.scrollView;for(let e=0,l=t.length;e<l;e+=1)o.classList.add(t[e]);e.opened&&(e.opened=!1,e.open());const l=e.$.menu;l&&(l.setAttribute("role","presentation"),o.appendChild(l)),"auto"!==e.dropDownHeight?o.style.setProperty("--smart-input-drop-down-menu-height",e.dropDownHeight+"px"):o.style.setProperty("--smart-input-drop-down-menu-height","auto"),o.classList.add("smart-input-drop-down-menu");for(let t=0;t<e.classList.length;t++){const l=e.classList[t];"smart-element"!==l&&"smart-input"!==l&&o.classList.add(l+"-drop-down-menu")}o.id=e.id+"_"+e.tagName.toLowerCase()+"_menu_"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),o.ownerElement=e;let a=e.dataSource;if("string"==typeof a&&(a=e.$.deserialize(a,"array")),a&&a.length&&Array.isArray(a)){let t=-1;if(a.forEach(((e,o)=>{e.selected&&(t=o)})),t>=0){e.selectedIndex=t;const o=a[t];e.selectedValue="string"==typeof o?a[t]:a[t].value}}e._setAriaRelations(),e._setInputPurpose(),e._setSelection(),e.isInitialized=!0,e.hasAttribute("tabindex")&&(e.readonly||(e.$.input.setAttribute("tabindex",e.getAttribute("tabindex")),e.removeAttribute("tabindex"))),e._autoAdjustWidth(),super.render()}_setSelection(e){const t=this;let o=t.dataSource;if("string"==typeof o&&(o=t.$.deserialize(o,"array")),t.selectedIndex>=0&&o&&o.length>0){let l=o[t.selectedIndex];if("number"!=typeof l&&"boolean"!=typeof l||(l=""+l),"string"==typeof l){let o=t.$.input.dataValue,a=t.value;t.set("value",l),t.$.input.dataValue=l,t.$.input.setAttribute("data-value",l),t.selectedValues=[t.$.input.dataValue],t.isInitialized&&!1!==e&&(t.$.fireEvent("change",{value:t.value,label:t.label,oldValue:o,oldLabel:a}),t._updateTargetValue())}else{let o=t.$.input.dataValue,a=t.value;l&&(void 0!==l.value?(t.set("value",void 0!==l.value?l.value+"":""),t.$.input.dataValue=l.value,t.$.input.setAttribute("data-value",l.value),t.selectedValues=[t.$.input.dataValue]):l.label&&(t.selectedValues=[l.value]),l.label&&t.set("value",l.label)),t.isInitialized&&!1!==e&&(t.$.fireEvent("change",{value:t.$.input.dataValue,label:l.value,oldValue:o,oldLabel:a}),t._updateTargetValue())}}}_createElement(){const e=this,t=document.createElement("ul"),o=document.createElement("smart-scroll-viewer");o.rightToLeft=e.rightToLeft,o.theme=e.theme,o.horizontalScrollBarVisibility="hidden",e.inverted?o.setAttribute("inverted",""):o.removeAttribute("inverted"),e.$.scrollView=o,e.$.menu=t,e._setFocusable();const l=e.$.input;e.$.menu.onpointerdown=function(t){const o=t.target.closest("li"),a=e.$.menu.querySelector(".active");a&&o&&(a.classList.remove("active"),o.classList.add("active")),t.stopPropagation(),t.preventDefault(),setTimeout((()=>{e._performSelect(),o&&o.parentNode&&e.$.fireEvent("itemClick",{index:[...o.parentNode.children].indexOf(o),item:o,label:o.getAttribute("aria-label"),value:o.dataValue}),l.focus()}),50)},e.$.menu.onpointerup=function(t){t.stopPropagation(),t.preventDefault(),e.$.scrollView.$.verticalScrollBar.thumbCapture&&(e.$.scrollView.$.verticalScrollBar.thumbCapture=!1)}}_setAriaRelations(){const e=this,t=e.getAttribute("aria-label");if(e.readonly){e.setAttribute("role","presentation"),!t&&e.placeholder&&e.setAttribute("aria-label",e.placeholder);const o=t||(e.placeholder?e.placeholder:"Input");e.$.input.setAttribute("aria-label",o),e.removeAttribute("aria-readonly"),e.$.input.removeAttribute("aria-activedescendant"),e.$.input.removeAttribute("aria-controls"),e.$.dropDownButton.setAttribute("aria-hidden",!0)}else{e.setAttribute("role","combobox"),t&&t===e.placeholder&&e.removeAttribute("aria-label");const o=t||(e.placeholder?e.placeholder:"Input");e.$.input.setAttribute("aria-label",o),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")}});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
/* Smart UI
|
|
2
|
+
/* Smart UI v25.5.5 (2026-02-24)
|
|
3
3
|
Copyright (c) 2011-2024 jQWidgets.
|
|
4
4
|
License: https://htmlelements.com/license/ */ //
|
|
5
5
|
|
|
6
|
-
Smart("smart-password-text-box",class extends Smart.BaseElement{static get properties(){return{autoFocus:{value:!1,type:"boolean"},hint:{value:"",reflectToAttribute:!0,type:"string"},label:{value:"",reflectToAttribute:!0,type:"string"},maxLength:{value:null,type:"number?"},minLength:{value:2,type:"number"},messages:{value:{en:{passwordStrength:"Password strength",short:"Short",weak:"Weak",far:"Far",good:"Good",strong:"Strong",showPassword:"Show password"}},type:"object",extend:!0},name:{value:"",type:"string"},passwordStrength:{value:null,type:"function?",reflectToAttribute:!1},placeholder:{value:"",type:"string"},selectAllOnFocus:{value:!1,type:"boolean"},showPasswordIcon:{value:!1,type:"boolean"},showPasswordStrength:{value:!1,type:"boolean"},tooltipArrow:{value:!1,type:"boolean"},tooltipDelay:{value:0,type:"number"},tooltipPosition:{allowedValues:["bottom","top","left","right","absolute"],value:"top",type:"string"},tooltipTemplate:{value:null,type:"string?"},type:{value:"password",type:"string",defaultReflectToAttribute:!0,readonly:!0},value:{value:"",reflectToAttribute:!1,type:"string"}}}static get listeners(){return{"document.up":"_documentUpHandler",mouseenter:"_mouseEventsHandler",mouseleave:"_mouseEventsHandler","passwordIcon.down":"_showPassword","input.change":"_textBoxChangeHandler","input.paste":"_textBoxChangeHandler","input.keyup":"_textBoxChangeHandler","input.blur":"_blurHandler","input.focus":"_focusHandler"}}static get requires(){return{"Smart.Tooltip":"smart.tooltip.js"}}static get styleUrls(){return["smart.textbox.css","smart.passwordtextbox.css"]}template(){return'<div id="container" role="presentation"><span id="label" class="smart-label">[[label]]</span><div id="innerContainer" class="smart-content" role="presentation"><input class="smart-input" type="password" id="input"\n disabled="[[disabled]]"\n maxlength="[[maxLength]]"\n minlength="[[minLength]]"\n name="[[name]]"\n placeholder="[[placeholder]]"\n readonly="[[readonly]]"\n value="[[value]]"/><span id="passwordIcon" title="Show Password" class="smart-password-icon smart-hidden" role="button" aria-label="Show Password"></span></div><span id="hint" class="smart-hint">[[hint]]</span><smart-tooltip id="tooltip"\n open-mode="manual"\n arrow="[[tooltipArrow]]"\n right-to-left="[[rightToLeft]]"\n tooltip-template="[[tooltipTemplate]]"\n position="[[tooltipPosition]]"\n delay="[[tooltipDelay]]"></smart-tooltip></div>'}propertyChangedHandler(e,t,
|
|
6
|
+
Smart("smart-password-text-box",class extends Smart.BaseElement{static get properties(){return{autoFocus:{value:!1,type:"boolean"},hint:{value:"",reflectToAttribute:!0,type:"string"},label:{value:"",reflectToAttribute:!0,type:"string"},maxLength:{value:null,type:"number?"},minLength:{value:2,type:"number"},messages:{value:{en:{passwordStrength:"Password strength",short:"Short",weak:"Weak",far:"Far",good:"Good",strong:"Strong",showPassword:"Show password"}},type:"object",extend:!0},name:{value:"",type:"string"},passwordStrength:{value:null,type:"function?",reflectToAttribute:!1},placeholder:{value:"",type:"string"},selectAllOnFocus:{value:!1,type:"boolean"},showPasswordIcon:{value:!1,type:"boolean"},showPasswordStrength:{value:!1,type:"boolean"},tooltipArrow:{value:!1,type:"boolean"},tooltipDelay:{value:0,type:"number"},tooltipPosition:{allowedValues:["bottom","top","left","right","absolute"],value:"top",type:"string"},tooltipTemplate:{value:null,type:"string?"},type:{value:"password",type:"string",defaultReflectToAttribute:!0,readonly:!0},value:{value:"",reflectToAttribute:!1,type:"string"}}}static get listeners(){return{"document.up":"_documentUpHandler",mouseenter:"_mouseEventsHandler",mouseleave:"_mouseEventsHandler","passwordIcon.down":"_showPassword","input.change":"_textBoxChangeHandler","input.paste":"_textBoxChangeHandler","input.keyup":"_textBoxChangeHandler","input.blur":"_blurHandler","input.focus":"_focusHandler"}}static get requires(){return{"Smart.Tooltip":"smart.tooltip.js"}}static get styleUrls(){return["smart.textbox.css","smart.passwordtextbox.css"]}template(){return'<div id="container" role="presentation"><span id="label" class="smart-label">[[label]]</span><div id="innerContainer" class="smart-content" role="presentation"><input class="smart-input" type="password" id="input"\n disabled="[[disabled]]"\n maxlength="[[maxLength]]"\n minlength="[[minLength]]"\n name="[[name]]"\n placeholder="[[placeholder]]"\n readonly="[[readonly]]"\n value="[[value]]"/><span id="passwordIcon" title="Show Password" class="smart-password-icon smart-hidden" role="button" aria-label="Show Password"></span></div><span id="hint" class="smart-hint">[[hint]]</span><smart-tooltip id="tooltip"\n open-mode="manual"\n arrow="[[tooltipArrow]]"\n right-to-left="[[rightToLeft]]"\n tooltip-template="[[tooltipTemplate]]"\n position="[[tooltipPosition]]"\n delay="[[tooltipDelay]]"></smart-tooltip></div>'}propertyChangedHandler(e,t,a){const s=this;let o;switch(e){case"locale":case"messages":case"passwordStrength":o=s._evaluatePasswordStrength(),s._updateTooltipString(o),s.$.passwordIcon.setAttribute("title",s.localize("showPassword")),s._updatePasswordStrengthStyles(o);break;case"tooltipPosition":s.$.tooltip.position=s.tooltipPosition;break;case"tooltipTemplate":s.$.tooltip.tooltipTemplate=s.tooltipTemplate;break;case"value":o=s._evaluatePasswordStrength(),s._updateTooltipString(o),s._updatePasswordStrengthStyles(o);break;case"disabled":case"unfocusable":s._setFocusable();break;case"readonly":break;default:super.propertyChangedHandler(e,t,a)}}_setFocusable(){const e=this;e.disabled||e.unfocusable?e.$.input.tabIndex=-1:e.$.input.removeAttribute("tabindex")}render(){this._createElement(),super.render()}focus(){this.$.input.focus()}blur(){this.$.input.blur()}reset(){const e=this;e.$.input.value=e.value=e._initializationValue}_createElement(){const e=this;e.autoFocus&&e.$.input.focus(),e.$.input.autocomplete="new-password",e.$.addClass("smart-input"),e._setFocusable(),e.$.tooltip.selector=e.$.innerContainer,e.$.passwordIcon.setAttribute("title",e.localize("showPassword")),e._updateTooltipString("short"),e._updatePasswordStrengthStyles(),e._initializationValue=e.value,e.value.length>0?e.$.addClass("has-value"):e.$.removeClass("has-value"),e._handleHintContainer(),e.shadowRoot&&(e.$.tooltip.style.display="none",requestAnimationFrame((()=>e.$.tooltip.style.display=""))),e.$.label.id||(e.$.label.id=e.id+"Label"),e.$.hint.id||(e.$.hint.id=e.id+"Hint"),e.setAttribute("role","presentation"),e.$.innerContainer.removeAttribute("aria-describedby"),e.$.input.setAttribute("aria-describedby",e.$.tooltip.id+" "+e.$.hint.id),e.$.input.setAttribute("aria-labelledby",e.$.label.id);const t=e.$.label.textContent.trim(),a=t||(e.placeholder?e.placeholder:"Input");e.$.input.setAttribute("aria-label",a)}_handleHintContainer(){const e=this;if(!e.hint)return;const t=e.$.hint;if("function"==typeof e.hint){const a=e.value;e.hint(a,t)?e.$.addClass("invalid"):e.$.removeClass("invalid")}else"string"==typeof e.hint&&(t.innerHTML=e.hint,e.$.removeClass("invalid"))}_focusHandler(){const e=this;e.disabled||(e.selectAllOnFocus&&e.$.input.select(),e.showPasswordIcon&&(e.className.indexOf("smart-validation")>=0?e.$.passwordIcon.style.marginRight="30px":e.$.passwordIcon.style.marginRight="",e.$passwordIcon.removeClass("smart-hidden")),e.setAttribute("focus",""),e._valueBeforeChange=e.value,e.$.fireEvent("focus"),e.showPasswordStrength&&(e._tooltipOpened||(e.$.tooltip.open(),e._tooltipOpened=!0)))}_blurHandler(){const e=this;e.disabled||e._passwordIconPressed||(e._valueBeforeChange!==e.value&&(e.$.fireEvent("change",{value:e.value,oldValue:e._valueBeforeChange}),e._valueBeforeChange=""),e.showPasswordIcon&&e.$passwordIcon.addClass("smart-hidden"),e.removeAttribute("focus"),e.value.length>0?e.$.addClass("has-value"):e.$.removeClass("has-value"),e.$.fireEvent("blur"),e._tooltipOpened&&(e.$.tooltip.close(),e._tooltipOpened=!1))}_showPassword(){const e=this;!e.disabled&&e.showPasswordIcon&&(e.$.input.type="text",e._passwordIconPressed=!0)}_documentUpHandler(){const e=this;!e.disabled&&e.showPasswordIcon&&e._passwordIconPressed&&(e.$.input.type="password",e._passwordIconPressed=!1,e.$.input.focus())}_textBoxChangeHandler(e){const t=this;if(t.disabled||t.readonly)return;const a=t.value;if(t.value=t.$.input.value,t.$.input){const s=t.$.input.value;a!==s&&t.$.fireEvent("changing",{oldValue:a,value:s}),e&&"Enter"===e.key&&(t.$.fireEvent("change",{value:t.value,oldValue:t._valueBeforeChange}),t._valueBeforeChange=t.value)}e&&"keyup"!==e.type&&e.stopPropagation();let s=t._evaluatePasswordStrength();t._updateTooltipString(s),t._updatePasswordStrengthStyles(s)}_updatePasswordStrengthStyles(e){const t=this,a=["short","weak","far","good","strong"];e=e||"short";for(let e=0;e<a.length;e++)t.$container.removeClass("smart-password-"+a[e]);t.disabled||t.$container.addClass("smart-password-"+e)}_evaluatePasswordStrength(){const e=this,t=e.$.input.value,a=t.length,s="<>@!#$%^&*()_+[]{}?:;|'\"\\,./~`-=";if(e.disabled)return;if(e.passwordStrength)return e.passwordStrength(t,s);let o=0,n=0,r=0,l=0;for(var i=0;i<a;i++){const e=t.charAt(i),a=t.charCodeAt(i);a>64&&a<91||a>96&&a<123||a>127&&a<155||a>159&&a<166?o+=1:!1!==isNaN(e)?-1===s.indexOf(e)||(r+=1):n+=1}return l=o+n+2*r+o*n/2+a,a<8?"short":l<20?"weak":l<30?"far":l<40?"good":"strong"}refresh(){}_keyUpHandler(){}_mouseWheelHandler(){}_resizeHandler(){}_selectStartHandler(){}_setDropDownSize(){}_styleChangedHandler(){}_mouseEventsHandler(e){"mouseenter"===e.type?this.setAttribute("hover",""):this.removeAttribute("hover")}_updateTooltipString(e){const t=this;t.$.tooltip.value='<span class="password-strength-label">'+t.localize("passwordStrength")+': </span><span class="password-strength-value">'+t.localize(e)+"</span>"}});
|
package/source/smart.tooltip.js
CHANGED
package/styles/smart.base.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
:root{--smart-primary-rgb:0,92,153;--smart-primary:rgb(var(--smart-primary-rgb));--smart-primary-color:#ffffff;--smart-secondary-rgb:45,45,48;--smart-secondary:rgb(var(--smart-secondary-rgb));--smart-secondary-color:#ffffff;--smart-error-rgb:176,0,32;--smart-error:rgb(var(--smart-error-rgb));--smart-error-color:#ffffff;--smart-success-rgb:139,195,74;--smart-success:rgb(var(--smart-success-rgb));--smart-success-color:#ffffff;--smart-info-rgb:92,192,222;--smart-info:rgb(var(--smart-info-rgb));--smart-info-color:#fff;--smart-warning-rgb:240,173,78;--smart-warning:rgb(var(--smart-warning-rgb));--smart-warning-color:#fff;--smart-light-rgb:255,255,255;--smart-light:rgb(var(--smart-light-rgb));--smart-light-color:#222222;--smart-dark-rgb:34,34,34;--smart-dark:rgb(var(--smart-dark-rgb));--smart-dark-color:#ffffff;--smart-background:#fefefe;--smart-background-color:#5A5A5A;--smart-surface:#F5F5F5;--smart-surface-color:#323232;--smart-disabled:#CCCCCC;--smart-disabled-color:#555;--smart-ui-state-hover:#ebebeb;--smart-ui-state-color-hover:#333;--smart-ui-state-border-hover:var(--smart-ui-state-hover);--smart-ui-state-active:var(--smart-primary);--smart-ui-state-color-active:var(--smart-primary-color);--smart-ui-state-border-active:var(--smart-primary);--smart-ui-state-focus:#e2e0e0;--smart-ui-state-color-focus:#333;--smart-ui-state-border-focus:var(--smart-ui-state-focus);--smart-ui-state-selected:rgba(var(--smart-primary-rgb), .1);--smart-ui-state-color-selected:var(--smart-primary);--smart-ui-state-border-selected:rgba(var(--smart-primary-rgb), .1);--smart-item-border-width:1px;--smart-item-border-radius:var(--smart-border-radius);--smart-item-border-top-left-radius:var(--smart-border-radius);--smart-item-border-top-right-radius:var(--smart-border-radius);--smart-item-border-bottom-left-radius:var(--smart-border-radius);--smart-item-border-bottom-right-radius:var(--smart-border-radius);--smart-font-size:14px;--smart-font-weight:inherit;--smart-font-style:inherit;--smart-font-family:Roboto,"Helvetica Neue",sans-serif;--smart-font-family-icon:smart-icons;--smart-font-family-icon-src:local('./font/smart-icons'),url(./font/smart-icons.woff2) format('woff2'),url(./font/smart-icons.woff) format('woff'),url(./font/smart-icons.ttf) format('truetype'),url(./font/smart-icons.eot) format('embedded-opentype');--smart-border-width:1px;--smart-border-radius:4px;--smart-border-top-left-radius:var(--smart-border-radius);--smart-border-top-right-radius:var(--smart-border-radius);--smart-border-bottom-left-radius:var(--smart-border-radius);--smart-border-bottom-right-radius:var(--smart-border-radius);--smart-border:#E0E0E0;--smart-border-rgb:244,224,224;--smart-outline:#b2b2b2;--smart-editor-selection:var(--smart-primary);--smart-editor-selection-color:var(--smart-primary-color);--smart-alternation-index0-color:var(--smart-surface-color);--smart-alternation-index0-border:var(--smart-surface);--smart-alternation-index0-background:var(--smart-surface);--smart-alternation-index1-color:#111;--smart-alternation-index1-border:#9BBB59;--smart-alternation-index1-background:#9BBB59;--smart-alternation-index2-color:#fff;--smart-alternation-index2-border:#FC3752;--smart-alternation-index2-background:#FC3752;--smart-tick-color:var(--smart-border);--smart-tick-label-color:var(--smart-background-color);--smart-box-height:450px;--smart-box-width:450px;--smart-bar-height:48px;--smart-bar-width:400px;--smart-editor-height:30px;--smart-editor-width:250px;--smart-editor-drop-down-width:300px;--smart-editor-drop-down-height:400px;--smart-editor-drop-down-padding-size:3px;--smart-editor-drop-down-max-width:800px;--smart-editor-drop-down-min-width:100px;--smart-editor-drop-down-max-height:400px;--smart-editor-drop-down-min-height:50px;--smart-editor-drop-down-resize-bar-height:15px;--smart-editor-drop-down-vertical-offset:5px;--smart-editor-drop-down-z-index:9999;--smart-editor-label-padding:4px;--smart-editor-addon-width:27px;--smart-column-icon-size:30px;--smart-icon-table:'\e800';--smart-icon-star:'\e801';--smart-icon-star-empty:'\e802';--smart-icon-plus:'\e803';--smart-icon-minus:'\e804';--smart-icon-attention-circled:'\e805';--smart-icon-align-left:'\e806';--smart-icon-align-right:'\e807';--smart-icon-align-center:'\e808';--smart-icon-align-justify:'\e813';--smart-icon-reload:'\e809';--smart-icon-cloud:'\e84d';--smart-icon-cancel:'\e80d';--smart-icon-close:'\e80d';--smart-icon-cancel-circled:'\e80e';--smart-icon-cancel-alt:'\E849';--smart-icon-arrow-alt:'\F105';--smart-icon-plus-circled:'\e810';--smart-icon-power:'\e811';--smart-icon-minus-circled:'\e814';--smart-icon-arrow-up-alt:'\e817';--smart-icon-radio:'\e818';--smart-icon-refresh:'\e819';--smart-icon-chart:'\e81a';--smart-icon-check-squared:'\e81b';--smart-icon-resize-full:'\e81c';--smart-icon-resize-small:'\e81d';--smart-icon-resize-vertical:'\e80c';--smart-icon-resize-horizontal:'\e80f';--smart-icon-lock:'\e821';--smart-icon-sort:'\e823';--smart-icon-delete:'\e826';--smart-icon-search:'\e828';--smart-icon-calendar:'\e829';--smart-icon-edit:'\e82a';--smart-icon-popup:'\e82c';--smart-icon-lock-open:'\e82e';--smart-icon-add-filter:'\e82f';--smart-icon-block:'\e832';--smart-icon-settings:'\e833';--smart-icon-duplicate:'\e834';--smart-icon-copy-record:'\e835';--smart-icon-download-alt:'\e836';--smart-icon-clock:'\e837';--smart-icon-attention:'\e838';--smart-icon-help-circled:'\e839';--smart-icon-mail:'\e83c';--smart-icon-up:'\e83f';--smart-icon-first-page:'\e900';--smart-icon-arrow-down:'\e901';--smart-icon-arrow-left:'\e902';--smart-icon-arrow-right:'\e903';--smart-icon-arrow-up:'\e904';--smart-icon-arrow-down-filled:'\e812';--smart-icon-arrow-left-filled:'\e816';--smart-icon-arrow-right-filled:'\e81e';--smart-icon-arrow-up-filled:'\e815';--smart-icon-last-page:'\e905';--smart-icon-more-horiz:'\e906';--smart-icon-skip-next:'\e907';--smart-icon-check:'\e908';--smart-icon-mode-edit:'\e909';--smart-icon-replay:'\e90c';--smart-icon-visibility:'\e90d';--smart-icon-visibility-off:'\e90e';--smart-icon-link:'\e831';--smart-icon-unlink:'\f127';--smart-icon-link-ext:'\f08e';--smart-icon-check-empty:'\f096';--smart-icon-filter:'\f0b0';--smart-icon-resize-full-alt:'\f0b2';--smart-icon-menu:'\f0c9';--smart-icon-sort-1:'\f0dc';--smart-icon-paste:'\f0ea';--smart-icon-circle-empty:'\f10c';--smart-icon-circle:'\f111';--smart-icon-ellipsis:'\f141';--smart-icon-minus-squared:'\f146';--smart-icon-ok-squared:'\f14a';--smart-icon-sort-name-up:'\f15d';--smart-icon-sort-name-down:'\f15e';--smart-icon-sort-alt-up:'\f160';--smart-icon-sort-alt-down:'\f161';--smart-icon-sort-number-up:'\f162';--smart-icon-sort-number-down:'\f163';--smart-icon-dot-circled:'\f192';--smart-icon-toggle-off:'\f204';--smart-icon-toggle-on:'\f205';--smart-icon-group:'\f247';--smart-icon-ungroup:'\f248';--smart-icon-window-maximize:'\f2d0';--smart-icon-window-minimize:'\f2d1';--smart-icon-window-restore:'\f2d2';--smart-icon-window-pin-alt:'\e82d';--smart-icon-window-pin:'\e80a';--smart-icon-docs:'\f0c5';--smart-icon-pdf:'\f1c1';--smart-icon-excel:'\f1C3';--smart-icon-word:'\f1C2';--smart-icon-archive:'\f1C6';--smart-icon-file:'\e845';--smart-icon-powerpoint:'\f1c4';--smart-icon-text:'\f0f6';--smart-icon-math:'\f01a';--smart-icon-spin:'\e80b';--smart-icon-user:'\e81f';--smart-icon-font:'\f031';--smart-icon-fontsize:'\f088';--smart-icon-contains:'\f063';--smart-icon-starts_with:'\f064';--smart-icon-ends_with:'\f065';--smart-icon-does_not_contain:'\f066';--smart-icon-equals:'\f52c';--smart-icon-greater-than:'\f531';--smart-icon-greater-than-equal:'\f532';--smart-icon-less-than:'\f536';--smart-icon-less-than-equal:'\f537';--smart-icon-not-equal:'\f53e';--smart-icon-percentage:'\f541';--smart-icon-grip-vertical:'\f58e';--smart-icon-between:'\f06a';--smart-icon-bold:'\e820';--smart-icon-italic:'\e822';--smart-icon-underline:'\f0cd';--smart-icon-strike-through:'\f0cc';--smart-icon-list-ordered:'\f0cb';--smart-icon-list-unordered:'\f0ca';--smart-icon-list-check:'\e89f';--smart-icon-subscript:'\f12c';--smart-icon-superscript:'\f12b';--smart-icon-color-background:'\e830';--smart-icon-indent-right:'\e824';--smart-icon-indent-left:'\e825';--smart-icon-image:'\e827';--smart-icon-case-lower:'aa';--smart-icon-case-upper:'AA';--smart-icon-print:'\e82b';--smart-icon-format-clear:'T';--smart-icon-source-code:'\f121';--smart-icon-split-mode:'\e83b';--smart-icon-cut:'\e83a';--smart-icon-video:'\f16a';--smart-icon-video-camera:'\e840';--smart-icon-bell:'\f0f3';--smart-icon-header:'\f1dc';--smart-icon-row:'\f0db';--smart-icon-row-before:'\f2d0';--smart-icon-row-after:'\f2d0';--smart-icon-row-delete:var(--smart-icon-cancel-circled);--smart-icon-column:'\f0db';--smart-icon-column-left:'\f2d0';--smart-icon-column-right:'\f2d0';--smart-icon-column-delete:var(--smart-icon-cancel-circled);--smart-icon-vertical-align:'\f06a \e80c';--smart-icon-styles:'\f1fc';--smart-icon-comment:'\F0E5';--smart-icon-card:'\E83E';--smart-icon-tasks:'\F0AE';--smart-icon-phone:'\E83D';--smart-icon-kanban:'\F181';--smart-icon-table-alt:'\F0CE';--smart-icon-zoom-in:'\E841';--smart-icon-zoom-out:'\E842';--smart-icon-move:'\F047';--smart-icon-home:'\E843';--smart-icon-history:'\F1DA';--smart-icon-kanban-alt:'\e8a1';--smart-icon-card-alt:'\e8a2';--smart-icon-grid-alt:'\e8a3';--smart-icon-timeline:'\E8A4';--smart-icon-scheduler:'\E8A5';--smart-icon-like:'\F164';--smart-icon-heart:'\E84E';--smart-icon-flag:'\E850';--smart-icon-music:'\E851';--smart-accordion-animation-duration:225ms;--smart-accordion-default-width:var(--smart-box-width);--smart-accordion-default-height:var(--smart-box-height);--smart-accordion-expanded-content-height:0px;--smart-accordion-expanded-content-local-height:0px;--smart-accordion-item-header-height:var(--smart-bar-height);--smart-accordion-item-expanded-offset:20px;--smart-array-default-width:var(--smart-box-width);--smart-array-default-height:var(--smart-box-height);--smart-array-element-gap:3px;--smart-breadcrumb-default-width:400px;--smart-breadcrumb-default-height:auto;--smart-breadcrumb-padding:10px;--smart-breadcrumb-drop-down-width:var(--smart-editor-drop-down-width);--smart-breadcrumb-item-height:40px;--smart-breadcrumb-horizontal-offset:10px;--smart-button-text-transform:uppercase;--smart-button-padding:8px 16px;--smart-button-large-padding:10px 16px;--smart-button-large-font-size:18px;--smart-button-small-padding:5px 10px;--smart-button-small-font-size:12px;--smart-button-very-small-padding:3px 5px;--smart-button-very-small-font-size:10px;--smart-button-flat-color:var(--smart-background-color);--smart-button-outlined-color:var(--smart-background-color);--smart-button-outlined-border:var(--smart-border);--smart-button-group-default-width:auto;--smart-button-group-default-height:auto;--smart-calendar-header-height:calc(0.75 * var(--smart-bar-height));--smart-calendar-footer-height:calc(0.75 * var(--smart-bar-height));--smart-calendar-title-height:calc(1.25 * var(--smart-bar-height));--smart-calendar-cell-size:30px;--smart-calendar-cell-spacing:4px;--smart-calendar-default-width:calc(50px + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));--smart-calendar-default-height:calc(var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height));--smart-calendar-title-text-transform:initial;--smart-calendar-week-title-text-transform:uppercase;--smart-calendar-header-text-transform:uppercase;--smart-calendar-footer-text-transform:uppercase;--smart-calendar-cell-border-top-right-radius:15px;--smart-calendar-cell-border-top-left-radius:15px;--smart-calendar-cell-border-bottom-left-radius:15px;--smart-calendar-cell-border-bottom-right-radius:15px;--smart-calendar-title-padding:10px;--smart-calendar-important-date-background:var(--smart-ui-state-hover);--smart-calendar-important-date-color:var(--smart-ui-state-color-hover);--smart-calendar-important-date-border-color:var(--smart-ui-state-border-hover);--smart-calendar-navigation-button-size:30px;--smart-card-view-default-width:1200px;--smart-card-view-default-height:800px;--smart-card-view-header-height:30px;--smart-card-view-cover-height:var(--smart-carousel-default-height);--smart-card-view-vertical-offset:15px;--smart-card-view-column-min-width:250px;--smart-card-view-gap:10px;--smart-card-view-add-new-button-size:60px;--smart-carousel-default-width:600px;--smart-carousel-default-height:200px;--smart-carousel-3d-mode-slide-width:400px;--smart-carousel-3d-mode-slide-height:400px;--smart-carousel-multiple-mode-slide-width:200px;--smart-chart-default-width:850px;--smart-chart-default-height:500px;--smart-check-box-default-size:calc(1px + 1/2 * var(--smart-editor-height));--smart-color-panel-default-width:auto;--smart-color-panel-default-height:auto;--smart-color-panel-palette-size:300px;--smart-color-panel-grid-mode-item-size:20px;--smart-color-panel-grid-mode-column-count:8;--smart-color-panel-grid-mode-columns-gap:1px;--smart-color-panel-brightness:0;--smart-color-panel-default-mode-sections-gap:8px;--smart-color-panel-palette-width:var(--smart-color-panel-palette-size);--smart-color-panel-palette-height:var(--smart-color-panel-palette-size);--smart-color-panel-alpha-channel-color:white;--smart-color-picker-default-width:var(--smart-editor-width);--smart-color-picker-default-height:var(--smart-editor-height);--smart-color-picker-drop-down-width:auto;--smart-color-picker-drop-down-height:auto;--smart-combo-box-default-width:var(--smart-editor-width);--smart-combo-box-default-height:var(--smart-editor-height);--smart-combo-box-drop-down-width:auto;--smart-combo-box-drop-down-height:auto;--smart-chip-default-height:var(--smart-editor-height);--smart-chip-avatar-background:var(--smart-secondary);--smart-currency-format-panel-currency-holder-width:1fr;--smart-currency-format-panel-apply-button-width:125px;--smart-currency-format-panel-header-holder-offset:2%;--smart-currency-format-panel-currency-holder-input-width:1fr;--smart-currency-format-panel-currency-holder-dropdown-width:165px;--smart-currency-format-panel-currency-holder-dropdown-button-width:95%;--smart-currency-format-panel-border-size:1px;--smart-currency-format-panel-border-color:#ccc;--smart-currency-format-panel-border-radius:4px;--smart-currency-format-panel-currencies-margin-top:15px;--smart-currency-format-panel-currencies-max-height:400px;--smart-currency-format-panel-currencies-item-padding:12px;--smart-currency-format-panel-currency-holder-padding-left:5px;--smart-currency-format-panel-currency-holder-padding-top:3px;--smart-currency-format-panel-currency-holder-padding-bottom:3px;--smart-currency-format-panel-currency-input-width:100%;--smart-currency-format-panel-currencies-left-padding:10px;--smart-currency-format-panel-currencies-hover-background:#f1f1f1;--smart-currency-format-panel-currencies-example-format-color:#777;--smart-data-view-padding:10px;--smart-data-view-customize-panel-width:320px;--smart-data-view-filter-panel-width:550px;--smart-data-view-sort-panel-width:470px;--smart-data-view-search-panel-width:250px;--smart-date-format-panel-main-container-width:960px;--smart-date-format-panel-main-container-padding:15px;--smart-date-format-panel-border-radius:4px;--smart-date-format-panel-border-size:1px;--smart-date-format-panel-border-color:#ccc;--smart-date-format-panel-smart-inputs-container-width:1fr;--smart-date-format-panel-apply-container-width:150px;--smart-date-format-panel-smart-input-buttons-column-gap:2%;--smart-date-format-panel-smart-inputs-holder-width:94%;--smart-date-format-panel-add-format-holder-width:6%;--smart-date-format-panel-smart-inputs-list-holder-offset:2px;--smart-date-format-panel-smart-input-format-width:150px;--smart-date-format-panel-smart-input-sign-width:80px;--smart-date-format-panel-smart-input-height:25px;--smart-date-format-panel-each-smart-input-offset:4px;--smart-date-format-panel-all-format-holders-width:255px;--smart-date-format-panel-add-format-holder-button:120px;--smart-date-format-panel-each-add-format-holder-width:120px;--smart-date-format-panel-add-new-format-dropdown-offset:5px;--smart-date-format-panel-date-time-format-list-offset-top:15px;--smart-date-format-panel-date-time-format-list-max-height:400px;--smart-date-format-panel-each-date-time-format-offset:12px;--smart-date-time-picker-default-width:var(--smart-editor-width);--smart-date-time-picker-default-height:var(--smart-editor-height);--smart-date-time-picker-header-opacity:0.8;--smart-date-time-picker-header-opacity-active:1;--smart-date-time-picker-drop-down-width:var(--smart-editor-drop-down-height);--smart-date-time-picker-drop-down-height:auto;--smart-docking-layout-default-width:1000px;--smart-docking-layout-default-height:800px;--smart-docking-layout-feedback-background-secondary-size:7px;--smart-drop-down-list-default-width:var(--smart-editor-width);--smart-drop-down-list-default-height:var(--smart-editor-height);--smart-drop-down-list-drop-down-width:initial;--smart-drop-down-list-drop-down-height:auto;--smart-drop-down-button-default-width:auto;--smart-drop-down-button-default-height:var(--smart-editor-height);--smart-drop-down-button-drop-down-width:var(--smart-editor-drop-down-width);--smart-drop-down-button-drop-down-height:var(--smart-editor-drop-down-height);--smart-editor-default-width:100%;--smart-editor-default-height:600px;--smart-editor-input-min-height:100px;--smart-editor-padding:15px;--smart-editor-toolbar-item-margin:5px;--smart-editor-toolbar-button-width:30px;--smart-editor-toolbar-delimiter-width:5px;--smart-editor-toolbar-drop-down-width-large:100px;--smart-editor-toolbar-drop-down-width-small:65px;--smart-editor-window-header-height:var(--smart-scheduler-window-header-height);--smart-editor-window-footer-height:var(--smart-scheduler-window-footer-height);--smart-editor-inline-toolbar-max-width:80vw;--smart-editor-table-column-width:initial;--smart-editor-table-cell-min-height:20px;--smart-editor-table-cell-min-width:var(--smart-editor-table-cell-min-height);--smart-editor-char-counter-offset:30px;--smart-editor-toolbar-item-height:30px;--smart-editor-toolbar-item-border-radius:var(--smart-border-radius);--smart-editor-toolbar-height:calc(var(--smart-editor-toolbar-item-height) + 2 * var(--smart-editor-toolbar-item-margin));--smart-editor-highlight:var(--smart-primary);--smart-editor-highlight-color:var(--smart-primary-color);--smart-editor-search-bar-offset:5px;--smart-editor-search-bar-padding:5px;--smart-filter-builder-default-width:var(--smart-box-width);--smart-filter-builder-default-height:var(--smart-box-height);--smart-filter-builder-row-height:var(--smart-editor-height);--smart-filter-builder-item-width:var(--smart-editor-width);--smart-filter-builder-group-container-border:4px;--smart-filter-builder-item-margin:20px;--smart-filter-builder-group-condition-margin:5px;--smart-filter-builder-group-margin:15px;--smart-filter-panel-default-width:300px;--smart-filter-panel-default-height:auto;--smart-filter-panel-padding:10px;--smart-filter-panel-border-top-right-radius:var(--smart-border-radius);--smart-filter-panel-border-top-left-radius:var(--smart-border-radius);--smart-filter-panel-border-bottom-left-radius:var(--smart-border-radius);--smart-filter-panel-border-bottom-right-radius:var(--smart-border-radius);--smart-filter-panel-border-width:var(--smart-border-width);--smart-filter-panel-border:var(--smart-border);--smart-filter-panel-background:var(--smart-background);--smart-filter-panel-color:var(--smart-background-color);--smart-filter-panel-vertical-offset:10px;--smart-filter-panel-main-element-height:400px;--smart-file-upload-default-width:var(--smart-editor-width);--smart-file-upload-browse-button-width:auto;--smart-file-upload-browse-button-height:auto;--smart-file-upload-footer-button-width:auto;--smart-file-upload-footer-button-height:auto;--smart-file-upload-text-content-uploading-start:"Connecting ...";--smart-file-upload-text-content-uploading:"Uploading ...";--smart-file-upload-text-content-error:"Upload error!";--smart-file-upload-text-content-pause:"Upload paused!";--smart-file-upload-text-content-drop-zone:"Drag files here";--smart-file-upload-text-content-drop-zone-over:"Drop here \e824";--smart-file-upload-container-min-height:60px;--smart-file-upload-total-files-min-height:20px;--smart-file-upload-drop-zone-height:100%;--smart-gantt-chart-resource-splitter-bar-fit-size:calc(var(--smart-gantt-chart-resource-timeline-content-height) + var(--smart-gantt-chart-task-default-height));--smart-gantt-chart-task-splitter-bar-fit-size:var(--smart-gantt-chart-task-timeline-content-height);--smart-gantt-chart-task-default-height:30px;--smart-gantt-chart-header-height:var(--smart-gantt-chart-task-default-height);--smart-gantt-chart-task-bar-fill-padding:5px;--smart-gantt-chart-task-label-padding:2px var(--smart-gantt-chart-task-bar-fill-padding);--smart-gantt-chart-task-thumb-color:rgba(0, 0, 0, .55);--smart-gantt-chart-task-progress-color:rgba(0, 0, 0, .15);--smart-gantt-chart-project-color:#ffa558;--smart-gantt-chart-project-label-color:#333;--smart-gantt-chart-project-label-color-selected:#000;--smart-gantt-chart-project-progress-color:var(--smart-gantt-chart-task-progress-color);--smart-gantt-chart-task-color:rgb(43, 195, 190);--smart-gantt-chart-milestone-color:#800080;--smart-gantt-chart-timeline-task-background-color:transparent;--smart-gantt-chart-timeline-task-connection-feedback-color:#e6510a;--smart-gantt-chart-timeline-task-connection-feedback-width:1px;--smart-gantt-chart-timeline-task-connection-feedback-style:dashed;--smart-gantt-chart-timeline-task-connection-color:var(--smart-gantt-chart-timeline-task-connection-feedback-color);--smart-gantt-chart-timeline-task-connection-color-hover:var(--smart-gantt-chart-timeline-task-connection-color);--smart-gantt-chart-timeline-task-connection-width:var(--smart-gantt-chart-timeline-task-connection-feedback-width);--smart-gantt-chart-timeline-task-connection-style:solid;--smart-gantt-chart-timeline-task-connection-arrow-type:solid;--smart-gantt-chart-timeline-task-connection-arrow-width:5px;--smart-gantt-chart-timeline-task-resize-indicator-width:4px;--smart-gantt-chart-timeline-task-resize-indicator-color:#fff;--smart-gantt-chart-timeline-task-resize-indicator-border-color:#333;--smart-gantt-chart-timeline-task-progress-thumb-size:10px;--smart-gantt-chart-timeline-cell-size:auto;--smart-gantt-chart-timeline-cell-min-size:70px;--smart-gantt-chart-timeline-task-min-width:5px;--smart-gantt-chart-timeline-weekend-color:#EFF5FD;--smart-gantt-chart-timeline-nonworking-color:#F5F5F5;--smart-gantt-chart-default-width:auto;--smart-gantt-chart-default-height:600px;--smart-gantt-chart-task-popup-window-default-width:60vw;--smart-gantt-chart-connection-popup-window-default-width:300px;--smart-gantt-chart-confirm-popup-window-default-width:var(--smart-gantt-chart-connection-popup-default-width);--smart-gantt-chart-popup-window-header-height:35px;--smart-gantt-chart-popup-window-footer-height:50px;--smart-gantt-chart-header-placeholder:' - ';--smart-gantt-chart-progress-label-padding:0 10px 0 10px;--smart-gantt-chart-filter-row-height:30px;--smart-gantt-chart-task-fill-border-radius:0;--smart-gantt-chart-segment-link-color:var(--smart-gantt-chart-task-color);--smart-gantt-chart-segment-link-size:var(--smart-border-width);--smart-gantt-chart-date-marker-height:25px;--smart-gantt-chart-date-marker-width:var(--smart-border-width);--smart-gantt-chart-date-marker-background:var(--smart-primary);--smart-gantt-chart-date-marker-color:var(--smart-primary-color);--smart-gantt-chart-date-marker-v-offset:15%;--smart-gantt-chart-date-marker-h-offset:10px;--smart-gantt-chart-indicator-icon:initial;--smart-gantt-chart-deadline-icon:var(--smart-icon-attention-circled);--smart-gantt-chart-deadline-color:var(--smart-error);--smart-gantt-chart-baseline-proportion:2;--smart-gantt-chart-baseline-background:rgba(166, 205, 87, .5);--smart-gantt-chart-progress-label-width:60px;--smart-gantt-chart-current-time-indicator-size:1px;--smart-gantt-chart-current-time-indicator-background:var(--smart-primary);--smart-gantt-chart-current-time-indicator-arrow-size:7px;--smart-gantt-chart-current-time-indicator-header-size:2px;--smart-gantt-chart-shader-background:rgba(var(--smart-border-rgb), .5);--smart-gauge-default-width:var(--smart-box-width);--smart-gauge-default-height:var(--smart-box-height);--smart-gauge-track-border:var(--smart-border);--smart-gauge-track-background:var(--smart-background);--smart-gauge-needle-background:var(--smart-primary);--smart-gauge-label-fill-state:initial;--smart-gauge-label-stroke:initial;--smart-grid-default-width:800px;--smart-grid-default-height:400px;--smart-grid-footer-height:var(--smart-bar-height);--smart-grid-header-height:var(--smart-bar-height);--smart-grid-group-header-height:var(--smart-bar-height);--smart-grid-row-height:30px;--smart-grid-column-header-height:var(--smart-bar-height);--smart-grid-filter-footer-height:var(--smart-bar-height);--smart-grid-aggregate-footer-height:var(--smart-bar-height);--smart-grid-header-background-freeze:var(--smart-surface);--smart-grid-header-color-freeze:var(--smart-surface-color);--smart-grid-column-menu-width:200px;--smart-grid-column-menu-height:auto;--smart-grid-column-buttons-width:23px;--smart-grid-cell-color-freeze:var(--smart-surface-color);--smart-grid-cell-background-freeze:var(--smart-surface);--smart-grid-cell-background-freeze-selected:#DCE5EC;--smart-grid-cell-color-delete:#333;--smart-grid-cell-background-delete:#FFDCDC;--smart-grid-cell-color-update:#333;--smart-grid-cell-background-update:#D7F9C7;--smart-grid-cell-background-color:#D7F9C7;--smart-grid-cell-color-add:#333;--smart-grid-cell-background-add:#FED59B;--smart-grid-cell-color-unbound:var(--smart-surface-color);--smart-grid-cell-background-unbound:var(--smart-surface);--smart-grid-cell-color-sort:var(--smart-surface-color);--smart-grid-cell-background-sort:#FEF3dd;--smart-grid-cell-color-filter:var(--smart-surface-color);--smart-grid-cell-background-filter:#E8F2DB;--smart-grid-view-bar-background:#FCFCFC;--smart-grid-group-row-vertical-offset:5;--smart-grid-group-row-horizontal-offset:1;--smart-grid-template-columns:none;--smart-grid-column-gap:0px;--smart-grid-row-gap:0px;--smart-grid-freeze-splitter-size:1px;--smart-grid-resize-line-size:1px;--smart-grid-layout-col-gap:10px;--smart-grid-layout-row-gap:10px;--smart-grid-layout-width:100%;--smart-grid-layout-rows:none;--smart-grid-panel-default-width:450px;--smart-grid-panel-default-height:auto;--smart-grid-panel-padding:10px;--smart-grid-panel-vertical-offset:10px;--smart-grid-panel-item-height:30px;--smart-column-panel-drop-down-height:350px;--smart-multi-column-filter-panel-template-columns:15px 60px 2fr 3fr 3fr;--smart-formatting-panel-default-width:600px;--smart-formatting-panel-row-height:30px;--smart-formatting-panel-add-new-button-size:40px;--smart-formatting-panel-popup-width:300px;--smart-formatting-panel-color-box-height:20px;--smart-kanban-default-width:1200px;--smart-kanban-default-height:500px;--smart-kanban-header-size:35px;--smart-kanban-task-min-width:150px;--smart-kanban-task-min-height:80px;--smart-kanban-text-max-height:200px;--smart-kanban-user-icon-size:30px;--smart-kanban-user-list-width:150px;--smart-kanban-user-list-max-height:500px;--smart-kanban-comments-list-width:350px;--smart-kanban-comments-list-height:auto;--smart-kanban-new-comment-height:50px;--smart-kanban-new-comment-height-expanded:175px;--smart-kanban-send-button-height:30px;--smart-kanban-color-band-width:3px;--smart-kanban-add-new-column-width:1fr;--smart-list-box-default-width:var(--smart-editor-width);--smart-list-box-default-height:var(--smart-editor-width);--smart-list-item-group-header-text-transform:uppercase;--smart-list-item-horizontal-offset:3px;--smart-list-item-vertical-offset:3px;--smart-list-item-height:36px;--smart-list-item-check-box-radius:2px;--smart-list-item-label-padding:0;--smart-list-item-label-border-radius:0;--smart-list-item-padding:9px 12px;--smart-loader-size:var(--smart-editor-height);--smart-led-default-width:var(--smart-editor-height);--smart-led-default-height:var(--smart-editor-height);--smart-list-menu-default-width:var(--smart-box-width);--smart-list-menu-default-height:var(--smart-box-height);--smart-list-menu-filter-input-vertical-offset:5px;--smart-list-menu-filter-input-horizontal-offset:5px;--smart-masked-text-box-default-width:var(--smart-editor-width);--smart-masked-text-box-default-height:var(--smart-editor-height);--smart-menu-default-width:var(--smart-bar-width);--smart-menu-default-height:var(--smart-bar-height);--smart-menu-vertical-default-width:calc(var(--smart-bar-width) / 2);--smart-menu-vertical-default-height:var(--smart-bar-width);--smart-menu-scroll-button-size:calc(var(--smart-bar-height) / 1.5);--smart-multiline-text-box-default-width:var(--smart-editor-width);--smart-multiline-text-box-default-height:calc(10 * var(--smart-editor-height));--smart-multi-split-button-default-width:var(--smart-editor-width);--smart-multi-split-button-default-height:var(--smart-editor-height);--smart-number-format-panel-selected-format-width:1fr;--smart-number-format-panel-apply-button-width:125px;--smart-number-format-panel-header-holder-offset:10px;--smart-number-format-panel-border-size:1px;--smart-number-format-panel-border-color:#ccc;--smart-number-format-panel-border-radius:4px;--smart-number-format-panel-sample-container-vertical-offset:15px;--smart-number-format-panel-sample-container-horizontal-offset:5px;--smart-number-format-panel-formats-list-margin-top:15px;--smart-number-format-panel-formats-list-max-height:400px;--smart-number-format-panel-formats-item-padding:12px;--smart-number-format-panel-selected-format-padding-left:5px;--smart-number-format-panel-selected-format-padding-top:3px;--smart-number-format-panel-selected-format-padding-bottom:3px;--smart-number-format-panel-header-input-width:100%;--smart-number-format-panel-formats-item-left-padding:10px;--smart-number-format-panel-formats-item-hover-background:#f1f1f1;--smart-number-format-panel-formats-item-example-format-color:#777;--smart-numeric-text-box-default-width:var(--smart-editor-width);--smart-numeric-text-box-default-height:var(--smart-editor-height);--smart-numeric-text-box-default-radix-display-width:12%;--smart-numeric-text-box-default-unit-display-width:var(--smart-editor-addon-width);--smart-numeric-text-box-text-align:right;--smart-path-default-width:var(--smart-editor-width);--smart-path-default-height:var(--smart-editor-height);--smart-path-drop-down-width:auto;--smart-path-drop-down-height:auto;--smart-path-button-gap:5px;--smart-path-text-align:start;--smart-power-button-default-width:var(--smart-editor-height);--smart-power-button-default-height:var(--smart-editor-height);--smart-progress-bar-default-width:var(--smart-editor-width);--smart-progress-bar-default-height:var(--smart-editor-height);--smart-circular-progress-bar-default-size:var(--smart-editor-width);--smart-circular-progress-bar-fill-size:20%;--smart-query-builder-default-width:auto;--smart-query-builder-default-height:auto;--smart-query-builder-min-width:100px;--smart-query-builder-content-padding:5px;--smart-query-builder-editor-width:125px;--smart-radio-button-default-size:calc(1px + 1/2 * var(--smart-editor-height));--smart-ribbon-tab-height:125px;--smart-ribbon-collapsed-tab-height:50px;--smart-ribbon-border-color:var(--smart-border);--smart-ribbon-tab-header-width:100px;--smart-ribbon-tab-padding:0px;--smart-ribbon-group-items-padding:0 10px;--smart-ribbon-tab-header-height:32px;--smart-ribbon-header-padding:0px;--smart-sortable-handle-size:25px;--smart-splitter-default-width:var(--smart-box-width);--smart-splitter-default-height:var(--smart-box-height);--smart-splitter-bar-size:10px;--smart-splitter-bar-fit-size:100%;--smart-splitter-item-padding:0;--smart-splitter-item-content-padding:0;--smart-splitter-item-size:auto;--smart-switch-button-default-width:calc(var(--smart-editor-height) + 10px);--smart-switch-button-default-height:var(--smart-editor-height);--smart-switch-button-thumb-size:calc(var(--smart-switch-button-default-height) - 8px);--smart-slider-default-width:var(--smart-editor-width);--smart-slider-default-height:35px;--smart-slider-track-size:1px;--smart-slider-thumb-width:20px;--smart-slider-thumb-height:20px;--smart-slider-tooltip-width:60px;--smart-slider-tooltip-height:30px;--smart-slider-spin-button-width:30px;--smart-slider-spin-button-height:30px;--smart-slider-tick-size:10px;--smart-slider-minor-tick-size:5px;--smart-slider-thumb-border-top-right-radius:15px;--smart-slider-thumb-border-top-left-radius:15px;--smart-slider-thumb-border-bottom-left-radius:15px;--smart-slider-thumb-border-bottom-right-radius:15px;--smart-scroll-button-size:16px;--smart-scroll-bar-size:18px;--smart-scroll-bar-default-width:var(--smart-editor-width);--smart-scroll-bar-default-height:var(--smart-scroll-bar-size);--smart-scroll-bar-background:#F1F1F1;--smart-scroll-bar-track-background:var(--smart-scroll-bar-background);--smart-scroll-bar-border:#F1F1F1;--smart-scroll-bar-thumb-border-top-right-radius:0px;--smart-scroll-bar-thumb-border-top-left-radius:0px;--smart-scroll-bar-thumb-border-bottom-left-radius:0px;--smart-scroll-bar-thumb-border-bottom-right-radius:0px;--smart-scroll-bar-thumb-background:#C1C1C1;--smart-scroll-bar-thumb-border:transparent;--smart-scroll-bar-thumb-size:100%;--smart-scroll-bar-thumb-padding:1px;--smart-scroll-bar-thumb-background-hover:#A8A8A8;--smart-scroll-bar-thumb-border-hover:transparent;--smart-scroll-bar-thumb-background-active:#787878;--smart-scroll-bar-thumb-border-active:transparent;--smart-scroll-bar-button-background:#F1F1F1;--smart-scroll-bar-button-border:#F1F1F1;--smart-scroll-bar-button-color:#505050;--smart-scroll-bar-button-background-hover:#D2D2D2;--smart-scroll-bar-button-border-hover:#F1F1F1;--smart-scroll-bar-button-color-hover:#505050;--smart-scroll-bar-button-background-active:#787878;--smart-scroll-bar-button-border-active:#F1F1F1;--smart-scroll-bar-button-color-active:#fff;--smart-table-default-width:100%;--smart-table-default-height:auto;--smart-table-header-footer-height:56px;--smart-table-column-header-height:var(--smart-table-header-footer-height);--smart-table-row-height:48px;--smart-table-cell-padding:12px;--smart-table-row-detail-height:var(--smart-table-row-height);--smart-table-indent:30px;--smart-table-arrow-size:16px;--smart-table-arrow-margin:5px;--smart-table-group-name-display:unset;--smart-table-group-count-display:unset;--smart-pivot-table-cell-width:200px;--smart-pivot-table-secondary-group-width:calc(1.25 * var(--smart-pivot-table-cell-width));--smart-pivot-panel-width:300px;--smart-pivot-panel-default-height:800px;--smart-pivot-panel-tab-item-height:150px;--smart-pivot-panel-padding:10px;--smart-tank-default-width:var(--smart-editor-width);--smart-tank-default-height:calc(10 * var(--smart-editor-height));--smart-tank-scale-size:105px;--smart-tank-thumb-width:25px;--smart-tank-thumb-height:var(--smart-tank-thumb-width);--smart-tank-tooltip-width:80px;--smart-tank-tooltip-height:30px;--smart-tank-tick-size:10px;--smart-tank-minor-tick-size:5px;--smart-tank-minimum-track-size:6px;--smart-tabs-header-button-size:20px;--smart-tabs-animation-duration:0.5s;--smart-tabs-default-width:var(--smart-box-width);--smart-tabs-default-height:var(--smart-box-height);--smart-tabs-header-padding:0px;--smart-tabs-header-offset:0px;--smart-tab-item-padding:12px 16px;--smart-tab-item-offset:5px;--smart-tab-item-initial-offset:5px;--smart-tab-item-text-transform:uppercase;--smart-time-picker-default-width:var(--smart-editor-width);--smart-time-picker-default-height:calc(12 * var(--smart-editor-height));--smart-tooltip-arrow-width:6px;--smart-tooltip-arrow-color:var(--smart-secondary);--smart-tooltip-arrow-translate:0;--smart-tooltip-padding:4px 8px;--smart-tooltip-content-shadow:none;--smart-toast-item-icon:'';--smart-toast-container-default-width:var(--smart-bar-width);--smart-toast-header-height:20px;--smart-toast-info-background:var(--smart-info);--smart-toast-info-color:var(--smart-info-color);--smart-toast-warning-background:var(--smart-warning);--smart-toast-warning-color:var(--smart-warning-color);--smart-toast-error-background:var(--smart-error);--smart-toast-error-color:var(--smart-error-color);--smart-toast-success-background:var(--smart-success);--smart-toast-success-color:var(--smart-success-color);--smart-tree-default-width:var(--smart-box-width);--smart-tree-default-height:var(--smart-box-height);--smart-tree-scroll-button-size:20px;--smart-tree-lines-style:dashed;--smart-tree-indent:16px;--smart-tree-lines-color:var(--smart-border);--smart-tree-lines-width:1px;--smart-tree-item-label-height:36px;--smart-tree-item-padding:9px 12px;--smart-tree-item-vertical-offset:3px;--smart-tree-item-horizontal-offset:3px;--smart-text-box-default-width:var(--smart-editor-width);--smart-text-box-default-height:var(--smart-editor-height);--smart-validation-panel-description-width:20%;--smart-validation-panel-content-width:80%;--smart-validation-panel-appearance-vertical-offset:10px;--smart-validation-panel-appearance-reset-button-left-offset:5px;--smart-validation-panel-appearance-textbox-vertical-offset:5px;--smart-validation-panel-appearance-reset-button-color:var(--smart-primary);--smart-validation-panel-criteria-row-margin-top:10px;--smart-validation-panel-criteria-container-vertical-offset:10px;--smart-validation-panel-criteria-container-input-width:180px;--smart-validation-panel-criteria-container-input-horizontal-offset:2px;--smart-validation-panel-criteria-container-textbox-width:80px;--smart-validation-panel-criteria-container-textbox-horizontal-offset:2px;--smart-validation-panel-criteria-container-text-between-inputs-offset:5px;--smart-validation-panel-invalid-data-vertical-offset:10px;--smart-validation-panel-footer-button-color:#188038;--smart-validation-panel-footer-button-background:white;--smart-validation-panel-footer-vertical-offset:20px;--smart-validation-panel-footer-button-horizontal-offset:5px;--smart-validation-panel-footer-remove-validation-button-color:var(--smart-validation-panel-footer-button-color);--smart-validation-panel-footer-cancel-button-color:var(--smart-validation-panel-footer-button-color);--smart-validation-panel-footer-save-button-color:var(--smart-validation-panel-footer-button-background);--smart-validation-panel-footer-save-button-background:var(--smart-validation-panel-footer-button-color);--smart-password-text-box-default-width:var(--smart-editor-width);--smart-password-text-box-default-height:var(--smart-editor-height);--smart-pager-default-width:var(--smart-bar-width);--smart-pager-default-height:var(--smart-bar-height);--smart-pager-button-width:'auto';--smart-pager-button-height:32px;--smart-pager-page-size-selector-width:60px;--smart-pager-page-index-selector-width:32px;--smart-pager-page-index-selector-height:32px;--smart-pager-page-index-ellipsis-selector-width:32px;--smart-pager-page-index-ellipsis-selector-height:32px;--smart-pager-page-index-selector-horizontal-offset:8px;--smart-pager-padding:2px;--smart-pager-input-width:50px;--smart-scroll-viewer-min-width:none;--smart-scroll-viewer-max-width:none;--smart-scroll-viewer-min-height:none;--smart-scroll-viewer-max-height:none;--smart-scheduler-default-height:auto;--smart-scheduler-default-width:auto;--smart-scheduler-item-size:auto;--smart-scheduler-timeline-cell-width:auto;--smart-scheduler-timeline-cell-height:50px;--smart-scheduler-timeline-cell-min-width:70px;--smart-scheduler-timeline-cell-min-height:35px;--smart-scheduler-header-height:50px;--smart-scheduler-header-today-button-size:auto;--smart-scheduler-header-date-button-max-size:auto;--smart-scheduler-header-navigation-button-size:30px;--smart-scheduler-footer-height:var(--smart-scheduler-header-height);--smart-scheduler-header-box-shadow:initial;--smart-scheduler-header-padding:10px;--smart-scheduler-timeline-header-cell-padding:5px;--smart-scheduler-header-menu-button-size:auto;--smart-scheduler-timeline-weekend-color:var(--smart-background);--smart-scheduler-timeline-nonworking-color:var(--smart-gantt-chart-timeline-nonworking-color);--smart-scheduler-timeline-all-day-label-font-weight:600;--smart-scheduler-timeline-header-horizontal-cells-size:40px;--smart-scheduler-timeline-header-horizontal-label-padding:initial;--smart-scheduler-timeline-header-horizontal-details-size:var(--smart-scheduler-timeline-header-horizontal-cells-size);--smart-scheduler-timeline-header-horizontal-group-size:var(--smart-scheduler-timeline-header-horizontal-cells-size);--smart-scheduler-timeline-header-vertical-cells-size:100px;--smart-scheduler-timeline-header-vertical-label-padding:initial;--smart-scheduler-timeline-header-vertical-details-size:var(--smart-scheduler-timeline-header-vertical-cells-size);--smart-scheduler-timeline-header-vertical-group-size:var(--smart-scheduler-timeline-header-vertical-cells-size);--smart-scheduler-timeline-header-all-day-cells-size:75px;--smart-scheduler-timeline-group-separator-background:var(--smart-outline);--smart-scheduler-timeline-group-separator-size:var(--smart-border-width);--smart-scheduler-timeline-group-white-space:nowrap;--smart-scheduler-timeline-group-header-offset:calc(-50% - var(--smart-scheduler-timeline-header-cell-padding));--smart-scheduler-current-time-indicator-background:var(--smart-primary);--smart-scheduler-current-time-indicator-size:1px;--smart-scheduler-current-time-indicator-header-size:2px;--smart-scheduler-current-time-indicator-arrow-size:7px;--smart-scheduler-shader-background:rgba(var(--smart-border-rgb), .5);--smart-scheduler-view-background:transparent;--smart-scheduler-view-line-size:var(--smart-border-width);--smart-scheduler-view-horizontal-line-color:var(--smart-border);--smart-scheduler-view-vertical-line-color:var(--smart-border);--smart-scheduler-day-week-view-vertical-line-size:var(--smart-scheduler-view-line-size);--smart-scheduler-day-week-view-vertical-line-color:var(--smart-border);--smart-scheduler-day-week-view-hour-size:var(--smart-scheduler-view-line-size);--smart-scheduler-day-week-view-hour-color:var(--smart-border);--smart-scheduler-time-ruler-tick-size:10px;--smart-scheduler-event-background-rgb:52,121,186;--smart-scheduler-event-background:rgba(var(--smart-scheduler-event-background-rgb), 1);--smart-scheduler-legend-item-background:var(--smart-scheduler-event-background);--smart-scheduler-event-color:var(--smart-primary-color);--smart-scheduler-event-focus:rgba(var(--smart-scheduler-event-background-rgb), .9);--smart-scheduler-event-color-focus:var(--smart-scheduler-event-color);--smart-scheduler-event-hover:rgba(var(--smart-scheduler-event-background-rgb), .8);--smart-scheduler-event-color-hover:var(--smart-scheduler-event-color);--smart-scheduler-event-padding-agenda:5px;--smart-scheduler-event-padding-basic:2px;--smart-scheduler-event-padding-timeline:2px;--smart-scheduler-event-padding-all-day:2px;--smart-scheduler-event-content-padding:5px;--smart-scheduler-event-label-font-size:var(--smart-font-size);--smart-scheduler-event-time-font-size:calc(var(--smart-font-size) - 3px);--smart-scheduler-event-time-font-size-agenda:var(--smart-font-size);--smart-scheduler-event-time-font-weight-agenda:600;--smart-scheduler-event-time-opacity-agenda:1;--smart-scheduler-event-time-opacity:0.7;--smart-scheduler-event-icon-size:30px;--smart-scheduler-event-size:30px;--smart-scheduler-event-size-basic:var(--smart-scheduler-event-size);--smart-scheduler-event-size-timeline:60px;--smart-scheduler-event-collector-size:24px;--smart-scheduler-event-collector-mobile-size:28px;--smart-scheduler-event-collector-background:rgba(var(--smart-primary-rgb), 1);--smart-scheduler-event-collector-color:var(--smart-primary-color);--smart-scheduler-event-collector-focus:rgba(var(--smart-primary-rgb), .9);--smart-scheduler-event-collector-color-focus:var(--smart-scheduler-event-collector-color);--smart-scheduler-event-collector-hover:rgba(var(--smart-primary-rgb), .8);--smart-scheduler-event-collector-color-hover:var(--smart-scheduler-event-collector-color);--smart-scheduler-month-view-number-size:24px;--smart-scheduler-status-size:7px;--smart-scheduler-status-padding:5px;--smart-scheduler-status-background:transparent;--smart-scheduler-status-free-background:white;--smart-scheduler-status-tentative-background:0 -244rem/5rem 5rem linear-gradient(45deg, #fd7e14 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, #fd7e14 50%, #fd7e14 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2));--smart-scheduler-status-busy-background:#dc3545;--smart-scheduler-status-out-of-office-background:#00a9e6;--smart-scheduler-cell-feedback-background:transparent;--smart-scheduler-event-resize-indicator-size:var(--smart-gantt-chart-timeline-task-resize-indicator-width);--smart-scheduler-event-resize-indicator-color:var(--smart-gantt-chart-timeline-task-resize-indicator-color);--smart-scheduler-event-resize-indicator-border-color:var(--smart-gantt-chart-timeline-task-resize-indicator-border-color);--smart-scheduler-restricted-background:0 -245rem/12px 12px linear-gradient(135deg, rgba(255, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, .15) 50%, rgba(255, 0, 0, .15) 75%, transparent 75%, transparent);--smart-scheduler-event-item-size:50px;--smart-scheduler-event-button-size:30px;--smart-scheduler-event-border-radius:initial;--smart-scheduler-event-collector-border-radius:20px;--smart-scheduler-context-menu-max-height:calc(4 * var(--smart-scheduler-event-item-size));--smart-scheduler-context-menu-max-width:300px;--smart-scheduler-window-header-height:var(--smart-gantt-chart-popup-window-header-height);--smart-scheduler-window-footer-height:var(--smart-gantt-chart-popup-window-footer-height);--smart-scheduler-event-label-font-weight:300;--smart-scheduler-event-time-font-weight:300;--smart-scheduler-event-item-label-font-weight:600;--smart-scheduler-toast-default-width:400px;--smart-scheduler-toast-default-height:50px;--smart-scheduler-shortcut-size:28px;--smart-window-default-height:var(--smart-box-height);--smart-window-default-width:var(--smart-box-width);--smart-window-header-height:var(--smart-bar-height);--smart-window-footer-height:var(--smart-bar-height);--smart-window-min-width:250px;--smart-window-header-padding:10px;--smart-window-footer-padding:6.5px;--smart-window-header-button-size:24px;--smart-window-header-icon-size:var(--smart-font-size);--smart-window-header-background:var(--smart-surface);--smart-window-footer-background:var(--smart-surface);--smart-window-footer-button-width:100px;--smart-window-content-padding:10px;--smart-elevation-24:0 24px 38px 3px rgba(0, 0, 0, .14),0 9px 46px 8px rgba(0, 0, 0, .12),0 11px 15px 0 rgba(0, 0, 0, .2);--smart-elevation-16:0 16px 24px 2px rgba(0, 0, 0, .14),0 6px 30px 5px rgba(0, 0, 0, .12),0 8px 10px 0 rgba(0, 0, 0, .2);--smart-elevation-12:0 12px 17px 2px rgba(0, 0, 0, .14),0 5px 22px 4px rgba(0, 0, 0, .12),0 7px 8px 0 rgba(0, 0, 0, .2);--smart-elevation-8:0 8px 10px 1px rgba(0, 0, 0, .14),0 3px 14px 3px rgba(0, 0, 0, .12),0 4px 15px 0 rgba(0, 0, 0, .2);--smart-elevation-6:0 6px 10px 0 rgba(0, 0, 0, .14),0 1px 18px 0 rgba(0, 0, 0, .12),0 3px 5px 0 rgba(0, 0, 0, .2);--smart-elevation-4:0 2px 4px 0 rgba(0, 0, 0, .14),0 4px 5px 0 rgba(0, 0, 0, .12),0 1px 10px 0 rgba(0, 0, 0, .2);--smart-elevation-2:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);--smart-elevation-1:0 0 2px 0 rgba(0, 0, 0, .14),0 2px 2px 0 rgba(0, 0, 0, .12),0 1px 3px 0 rgba(0, 0, 0, .2);--smart-elevation-0:none;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--pseudo-element-height:0}.smart-ui-component[theme=dark],body[theme=dark]{--smart-primary-rgb:122,202,255;--smart-primary:rgb(var(--smart-primary-rgb));--smart-primary-color:#242424;--smart-background:#242424;--smart-background-color:#fff;--smart-surface:#333;--smart-surface-color:#fff;--smart-disabled:#535353;--smart-disabled-color:#fff;--smart-border:#464646;--smart-editor-selection:var(--smart-primary);--smart-editor-selection-color:var(--smart-primary-color);--smart-ui-state-hover:#444;--smart-ui-state-color-hover:#fff;--smart-ui-state-border-hover:var(--smart-ui-state-hover);--smart-ui-state-active:var(--smart-primary);--smart-ui-state-color-active:var(--smart-primary-color);--smart-ui-state-border-active:var(--smart-primary);--smart-ui-state-focus:#555;--smart-ui-state-color-focus:#fff;--smart-ui-state-border-focus:#555;--smart-ui-state-selected:rgba(var(--smart-primary-rgb), .1);--smart-ui-state-color-selected:var(--smart-primary);--smart-ui-state-border-selected:rgba(var(--smart-primary-rgb), .1);--smart-alternation-index0-color:var(--smart-surface-color);--smart-alternation-index0-border:var(--smart-surface);--smart-alternation-index0-background:var(--smart-surface);--smart-alternation-index1-color:#111;--smart-alternation-index1-border:#9BBB59;--smart-alternation-index1-background:#9BBB59;--smart-alternation-index2-color:#fff;--smart-alternation-index2-border:#FC3752;--smart-alternation-index2-background:#FC3752;--smart-grid-cell-background-freeze:#242424;--smart-grid-cell-color-freeze:#fff;--smart-scroll-bar-background:#3E3E42;--smart-scroll-bar-track-background:var(--smart-scroll-bar-background);--smart-scroll-bar-border:#3E3E42;--smart-scroll-bar-thumb-background:#686868;--smart-scroll-bar-thumb-border:#686868;--smart-scroll-bar-thumb-background-hover:#9E9E9E;--smart-scroll-bar-thumb-border-hover:#9E9E9E;--smart-scroll-bar-thumb-background-active:#444;--smart-scroll-bar-thumb-border-active:#444;--smart-scroll-bar-button-background:#3E3E42;--smart-scroll-bar-button-border:#3E3E42;--smart-scroll-bar-button-color:#999999;--smart-scroll-bar-button-background-hover:#3E3E42;--smart-scroll-bar-button-border-hover:#3E3E42;--smart-scroll-bar-button-color-hover:var(--smart-primary);--smart-scroll-bar-button-background-active:#3E3E42;--smart-scroll-bar-button-border-active:#3E3E42;--smart-scroll-bar-button-color-active:var(--smart-primary);--smart-gantt-chart-timeline-nonworking-color:#3E3E42;--smart-scheduler-timeline-weekend-color:var(--smart-background);--smart-scheduler-timeline-nonworking-color:var(--smart-gantt-chart-timeline-nonworking-color);--smart-scheduler-event-background-rgb:103,176,245;--smart-scheduler-event-background:rgba(var(--smart-scheduler-event-background-rgb), 1);--smart-scheduler-event-color:var(--smart-primary-color);--smart-scheduler-event-focus:rgba(var(--smart-scheduler-event-background-rgb), .9);--smart-scheduler-event-color-focus:var(--smart-scheduler-event-color);--smart-scheduler-event-hover:rgba(var(--smart-scheduler-event-background-rgb), .8);--smart-scheduler-event-color-hover:var(--smart-scheduler-event-color);--smart-scheduler-event-collector-background:rgba(var(--smart-primary-rgb), 1);--smart-scheduler-event-collector-color:var(--smart-primary-color);--smart-scheduler-event-collector-focus:rgba(var(--smart-primary-rgb), .9);--smart-scheduler-event-collector-color-focus:var(--smart-scheduler-event-collector-color);--smart-scheduler-event-collector-hover:rgba(var(--smart-primary-rgb), .8);--smart-scheduler-event-collector-color-hover:var(--smart-scheduler-event-collector-color);--smart-scheduler-status-free-background:white;--smart-scheduler-status-tentative-background:0 -244rem/5rem 5rem linear-gradient(45deg, #fd7e14 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, #fd7e14 50%, #fd7e14 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2));--smart-scheduler-status-busy-background:#dc3545;--smart-scheduler-status-out-of-office-background:#00a9e6;--smart-scheduler-event-resize-indicator-color:var(--smart-gantt-chart-timeline-task-resize-indicator-color);--smart-scheduler-event-resize-indicator-border-color:var(--smart-gantt-chart-timeline-task-resize-indicator-border-color);--smart-scheduler-restricted-background:0 -245rem/12px 12px linear-gradient(135deg, rgba(255, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, .15) 50%, rgba(255, 0, 0, .15) 75%, transparent 75%, transparent)}
|
|
1
|
+
:root{--smart-primary-rgb:0,92,153;--smart-primary:rgb(var(--smart-primary-rgb));--smart-primary-color:#ffffff;--smart-secondary-rgb:45,45,48;--smart-secondary:rgb(var(--smart-secondary-rgb));--smart-secondary-color:#ffffff;--smart-error-rgb:176,0,32;--smart-error:rgb(var(--smart-error-rgb));--smart-error-color:#ffffff;--smart-success-rgb:139,195,74;--smart-success:rgb(var(--smart-success-rgb));--smart-success-color:#ffffff;--smart-info-rgb:92,192,222;--smart-info:rgb(var(--smart-info-rgb));--smart-info-color:#ffffff;--smart-warning-rgb:240,173,78;--smart-warning:rgb(var(--smart-warning-rgb));--smart-warning-color:#ffffff;--smart-light-rgb:255,255,255;--smart-light:rgb(var(--smart-light-rgb));--smart-light-color:#222222;--smart-dark-rgb:34,34,34;--smart-dark:rgb(var(--smart-dark-rgb));--smart-dark-color:#ffffff;--smart-background:#fefefe;--smart-background-color:#5A5A5A;--smart-surface:#F5F5F5;--smart-surface-color:#323232;--smart-disabled:#CCCCCC;--smart-disabled-color:#555555;--smart-ui-state-hover:#ebebeb;--smart-ui-state-color-hover:#333;--smart-ui-state-border-hover:var(--smart-ui-state-hover);--smart-ui-state-active:var(--smart-primary);--smart-ui-state-color-active:var(--smart-primary-color);--smart-ui-state-border-active:var(--smart-primary);--smart-ui-state-focus:#e2e0e0;--smart-ui-state-color-focus:#333;--smart-ui-state-border-focus:var(--smart-ui-state-focus);--smart-ui-state-selected:rgba(var(--smart-primary-rgb), .1);--smart-ui-state-color-selected:var(--smart-primary);--smart-ui-state-border-selected:rgba(var(--smart-primary-rgb), .1);--smart-item-border-width:1px;--smart-item-border-radius:var(--smart-border-radius);--smart-item-border-top-left-radius:var(--smart-border-radius);--smart-item-border-top-right-radius:var(--smart-border-radius);--smart-item-border-bottom-left-radius:var(--smart-border-radius);--smart-item-border-bottom-right-radius:var(--smart-border-radius);--smart-border-width:1px;--smart-border-radius:4px;--smart-border-top-left-radius:var(--smart-border-radius);--smart-border-top-right-radius:var(--smart-border-radius);--smart-border-bottom-left-radius:var(--smart-border-radius);--smart-border-bottom-right-radius:var(--smart-border-radius);--smart-border:#E0E0E0;--smart-border-rgb:244,224,224;--smart-outline:#b2b2b2;--smart-font-size:14px;--smart-font-weight:inherit;--smart-font-style:inherit;--smart-font-family:Roboto,"Helvetica Neue",sans-serif;--smart-font-family-icon:smart-icons;--smart-font-family-icon-src:local('./font/smart-icons'),url(./font/smart-icons.woff2) format('woff2'),url(./font/smart-icons.woff) format('woff'),url(./font/smart-icons.ttf) format('truetype'),url(./font/smart-icons.eot) format('embedded-opentype');--smart-tick-color:var(--smart-border);--smart-tick-label-color:var(--smart-background-color);--smart-box-height:450px;--smart-box-width:450px;--smart-bar-height:48px;--smart-bar-width:400px;--smart-editor-selection:var(--smart-primary);--smart-editor-selection-color:var(--smart-primary-color);--smart-editor-height:30px;--smart-editor-width:250px;--smart-editor-drop-down-width:300px;--smart-editor-drop-down-height:400px;--smart-editor-drop-down-padding-size:3px;--smart-editor-drop-down-max-width:800px;--smart-editor-drop-down-min-width:100px;--smart-editor-drop-down-max-height:400px;--smart-editor-drop-down-min-height:50px;--smart-editor-drop-down-resize-bar-height:15px;--smart-editor-drop-down-vertical-offset:5px;--smart-editor-drop-down-z-index:9999;--smart-editor-label-padding:4px;--smart-editor-addon-width:27px;--smart-column-icon-size:30px;--smart-icon-table:'\e800';--smart-icon-star:'\e801';--smart-icon-star-empty:'\e802';--smart-icon-plus:'\e803';--smart-icon-minus:'\e804';--smart-icon-attention-circled:'\e805';--smart-icon-align-left:'\e806';--smart-icon-align-right:'\e807';--smart-icon-align-center:'\e808';--smart-icon-align-justify:'\e813';--smart-icon-reload:'\e809';--smart-icon-cloud:'\e84d';--smart-icon-cancel:'\e80d';--smart-icon-close:'\e80d';--smart-icon-cancel-circled:'\e80e';--smart-icon-cancel-alt:'\E849';--smart-icon-arrow-alt:'\F105';--smart-icon-plus-circled:'\e810';--smart-icon-power:'\e811';--smart-icon-minus-circled:'\e814';--smart-icon-arrow-up-alt:'\e817';--smart-icon-radio:'\e818';--smart-icon-refresh:'\e819';--smart-icon-chart:'\e81a';--smart-icon-check-squared:'\e81b';--smart-icon-resize-full:'\e81c';--smart-icon-resize-small:'\e81d';--smart-icon-resize-vertical:'\e80c';--smart-icon-resize-horizontal:'\e80f';--smart-icon-lock:'\e821';--smart-icon-sort:'\e823';--smart-icon-delete:'\e826';--smart-icon-search:'\e828';--smart-icon-calendar:'\e829';--smart-icon-edit:'\e82a';--smart-icon-popup:'\e82c';--smart-icon-lock-open:'\e82e';--smart-icon-add-filter:'\e82f';--smart-icon-block:'\e832';--smart-icon-settings:'\e833';--smart-icon-duplicate:'\e834';--smart-icon-copy-record:'\e835';--smart-icon-download-alt:'\e836';--smart-icon-clock:'\e837';--smart-icon-attention:'\e838';--smart-icon-help-circled:'\e839';--smart-icon-mail:'\e83c';--smart-icon-up:'\e83f';--smart-icon-first-page:'\e900';--smart-icon-arrow-down:'\e901';--smart-icon-arrow-left:'\e902';--smart-icon-arrow-right:'\e903';--smart-icon-arrow-up:'\e904';--smart-icon-arrow-down-filled:'\e812';--smart-icon-arrow-left-filled:'\e816';--smart-icon-arrow-right-filled:'\e81e';--smart-icon-arrow-up-filled:'\e815';--smart-icon-last-page:'\e905';--smart-icon-more-horiz:'\e906';--smart-icon-skip-next:'\e907';--smart-icon-check:'\e908';--smart-icon-mode-edit:'\e909';--smart-icon-replay:'\e90c';--smart-icon-visibility:'\e90d';--smart-icon-visibility-off:'\e90e';--smart-icon-link:'\e831';--smart-icon-unlink:'\f127';--smart-icon-link-ext:'\f08e';--smart-icon-check-empty:'\f096';--smart-icon-filter:'\f0b0';--smart-icon-resize-full-alt:'\f0b2';--smart-icon-menu:'\f0c9';--smart-icon-sort-1:'\f0dc';--smart-icon-paste:'\f0ea';--smart-icon-circle-empty:'\f10c';--smart-icon-circle:'\f111';--smart-icon-ellipsis:'\f141';--smart-icon-minus-squared:'\f146';--smart-icon-ok-squared:'\f14a';--smart-icon-sort-name-up:'\f15d';--smart-icon-sort-name-down:'\f15e';--smart-icon-sort-alt-up:'\f160';--smart-icon-sort-alt-down:'\f161';--smart-icon-sort-number-up:'\f162';--smart-icon-sort-number-down:'\f163';--smart-icon-dot-circled:'\f192';--smart-icon-toggle-off:'\f204';--smart-icon-toggle-on:'\f205';--smart-icon-group:'\f247';--smart-icon-ungroup:'\f248';--smart-icon-window-maximize:'\f2d0';--smart-icon-window-minimize:'\f2d1';--smart-icon-window-restore:'\f2d2';--smart-icon-window-pin-alt:'\e82d';--smart-icon-window-pin:'\e80a';--smart-icon-docs:'\f0c5';--smart-icon-pdf:'\f1c1';--smart-icon-excel:'\f1C3';--smart-icon-word:'\f1C2';--smart-icon-archive:'\f1C6';--smart-icon-file:'\e845';--smart-icon-powerpoint:'\f1c4';--smart-icon-text:'\f0f6';--smart-icon-math:'\f01a';--smart-icon-spin:'\e80b';--smart-icon-user:'\e81f';--smart-icon-font:'\f031';--smart-icon-fontsize:'\f088';--smart-icon-contains:'\f063';--smart-icon-starts_with:'\f064';--smart-icon-ends_with:'\f065';--smart-icon-does_not_contain:'\f066';--smart-icon-equals:'\f52c';--smart-icon-greater-than:'\f531';--smart-icon-greater-than-equal:'\f532';--smart-icon-less-than:'\f536';--smart-icon-less-than-equal:'\f537';--smart-icon-not-equal:'\f53e';--smart-icon-percentage:'\f541';--smart-icon-grip-vertical:'\f58e';--smart-icon-between:'\f06a';--smart-icon-bold:'\e820';--smart-icon-italic:'\e822';--smart-icon-underline:'\f0cd';--smart-icon-strike-through:'\f0cc';--smart-icon-list-ordered:'\f0cb';--smart-icon-list-unordered:'\f0ca';--smart-icon-list-check:'\e89f';--smart-icon-subscript:'\f12c';--smart-icon-superscript:'\f12b';--smart-icon-color-background:'\e830';--smart-icon-indent-right:'\e824';--smart-icon-indent-left:'\e825';--smart-icon-image:'\e827';--smart-icon-case-lower:'aa';--smart-icon-case-upper:'AA';--smart-icon-print:'\e82b';--smart-icon-format-clear:'T';--smart-icon-source-code:'\f121';--smart-icon-split-mode:'\e83b';--smart-icon-cut:'\e83a';--smart-icon-video:'\f16a';--smart-icon-video-camera:'\e840';--smart-icon-bell:'\f0f3';--smart-icon-header:'\f1dc';--smart-icon-row:'\f0db';--smart-icon-row-before:'\f2d0';--smart-icon-row-after:'\f2d0';--smart-icon-row-delete:var(--smart-icon-cancel-circled);--smart-icon-column:'\f0db';--smart-icon-column-left:'\f2d0';--smart-icon-column-right:'\f2d0';--smart-icon-column-delete:var(--smart-icon-cancel-circled);--smart-icon-vertical-align:'\f06a \e80c';--smart-icon-styles:'\f1fc';--smart-icon-comment:'\F0E5';--smart-icon-card:'\E83E';--smart-icon-tasks:'\F0AE';--smart-icon-phone:'\E83D';--smart-icon-kanban:'\F181';--smart-icon-table-alt:'\F0CE';--smart-icon-zoom-in:'\E841';--smart-icon-zoom-out:'\E842';--smart-icon-move:'\F047';--smart-icon-home:'\E843';--smart-icon-history:'\F1DA';--smart-icon-kanban-alt:'\e8a1';--smart-icon-card-alt:'\e8a2';--smart-icon-grid-alt:'\e8a3';--smart-icon-timeline:'\E8A4';--smart-icon-scheduler:'\E8A5';--smart-icon-like:'\F164';--smart-icon-heart:'\E84E';--smart-icon-flag:'\E850';--smart-icon-music:'\E851';--smart-accordion-animation-duration:225ms;--smart-accordion-default-width:var(--smart-box-width);--smart-accordion-default-height:var(--smart-box-height);--smart-accordion-expanded-content-height:0px;--smart-accordion-expanded-content-local-height:0px;--smart-accordion-item-header-height:var(--smart-bar-height);--smart-accordion-item-expanded-offset:20px;--smart-array-default-width:var(--smart-box-width);--smart-array-default-height:var(--smart-box-height);--smart-array-element-gap:3px;--smart-breadcrumb-default-width:400px;--smart-breadcrumb-default-height:auto;--smart-breadcrumb-padding:10px;--smart-breadcrumb-drop-down-width:var(--smart-editor-drop-down-width);--smart-breadcrumb-item-height:40px;--smart-breadcrumb-horizontal-offset:10px;--smart-button-text-transform:uppercase;--smart-button-padding:8px 16px;--smart-button-large-padding:10px 16px;--smart-button-large-font-size:18px;--smart-button-small-padding:5px 10px;--smart-button-small-font-size:12px;--smart-button-very-small-padding:3px 5px;--smart-button-very-small-font-size:10px;--smart-button-flat-color:var(--smart-background-color);--smart-button-outlined-color:var(--smart-background-color);--smart-button-outlined-border:var(--smart-border);--smart-button-group-default-width:auto;--smart-button-group-default-height:auto;--smart-calendar-header-height:calc(0.75 * var(--smart-bar-height));--smart-calendar-footer-height:calc(0.75 * var(--smart-bar-height));--smart-calendar-title-height:calc(1.25 * var(--smart-bar-height));--smart-calendar-cell-size:30px;--smart-calendar-cell-spacing:4px;--smart-calendar-default-width:calc(50px + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));--smart-calendar-default-height:calc(var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height));--smart-calendar-title-text-transform:initial;--smart-calendar-week-title-text-transform:uppercase;--smart-calendar-header-text-transform:uppercase;--smart-calendar-footer-text-transform:uppercase;--smart-calendar-cell-border-top-right-radius:15px;--smart-calendar-cell-border-top-left-radius:15px;--smart-calendar-cell-border-bottom-left-radius:15px;--smart-calendar-cell-border-bottom-right-radius:15px;--smart-calendar-title-padding:10px;--smart-calendar-important-date-background:var(--smart-ui-state-hover);--smart-calendar-important-date-color:var(--smart-ui-state-color-hover);--smart-calendar-important-date-border-color:var(--smart-ui-state-border-hover);--smart-calendar-navigation-button-size:30px;--smart-card-view-default-width:1200px;--smart-card-view-default-height:800px;--smart-card-view-header-height:30px;--smart-card-view-cover-height:var(--smart-carousel-default-height);--smart-card-view-vertical-offset:15px;--smart-card-view-column-min-width:250px;--smart-card-view-gap:10px;--smart-card-view-add-new-button-size:60px;--smart-carousel-default-width:600px;--smart-carousel-default-height:200px;--smart-carousel-3d-mode-slide-width:400px;--smart-carousel-3d-mode-slide-height:400px;--smart-carousel-multiple-mode-slide-width:200px;--smart-chart-default-width:850px;--smart-chart-default-height:500px;--smart-check-box-default-size:calc(1px + 1/2 * var(--smart-editor-height));--smart-color-panel-default-width:auto;--smart-color-panel-default-height:auto;--smart-color-panel-palette-size:300px;--smart-color-panel-grid-mode-item-size:20px;--smart-color-panel-grid-mode-column-count:8;--smart-color-panel-grid-mode-columns-gap:1px;--smart-color-panel-brightness:0;--smart-color-panel-default-mode-sections-gap:8px;--smart-color-panel-palette-width:var(--smart-color-panel-palette-size);--smart-color-panel-palette-height:var(--smart-color-panel-palette-size);--smart-color-panel-alpha-channel-color:white;--smart-color-picker-default-width:var(--smart-editor-width);--smart-color-picker-default-height:var(--smart-editor-height);--smart-color-picker-drop-down-width:auto;--smart-color-picker-drop-down-height:auto;--smart-combo-box-default-width:var(--smart-editor-width);--smart-combo-box-default-height:var(--smart-editor-height);--smart-combo-box-drop-down-width:auto;--smart-combo-box-drop-down-height:auto;--smart-chip-default-height:var(--smart-editor-height);--smart-chip-avatar-background:var(--smart-secondary);--smart-data-view-padding:10px;--smart-data-view-customize-panel-width:320px;--smart-data-view-filter-panel-width:550px;--smart-data-view-sort-panel-width:470px;--smart-data-view-search-panel-width:250px;--smart-date-time-picker-default-width:var(--smart-editor-width);--smart-date-time-picker-default-height:var(--smart-editor-height);--smart-date-time-picker-header-opacity:0.8;--smart-date-time-picker-header-opacity-active:1;--smart-date-time-picker-drop-down-width:var(--smart-editor-drop-down-height);--smart-date-time-picker-drop-down-height:auto;--smart-docking-layout-default-width:1000px;--smart-docking-layout-default-height:800px;--smart-docking-layout-feedback-background-secondary-size:7px;--smart-drop-down-list-default-width:var(--smart-editor-width);--smart-drop-down-list-default-height:var(--smart-editor-height);--smart-drop-down-list-drop-down-width:initial;--smart-drop-down-list-drop-down-height:auto;--smart-drop-down-button-default-width:auto;--smart-drop-down-button-default-height:var(--smart-editor-height);--smart-drop-down-button-drop-down-width:var(--smart-editor-drop-down-width);--smart-drop-down-button-drop-down-height:var(--smart-editor-drop-down-height);--smart-editor-default-width:100%;--smart-editor-default-height:600px;--smart-editor-input-min-height:100px;--smart-editor-padding:15px;--smart-editor-toolbar-item-margin:5px;--smart-editor-toolbar-button-width:30px;--smart-editor-toolbar-delimiter-width:5px;--smart-editor-toolbar-drop-down-width-large:100px;--smart-editor-toolbar-drop-down-width-small:65px;--smart-editor-window-header-height:var(--smart-scheduler-window-header-height);--smart-editor-window-footer-height:var(--smart-scheduler-window-footer-height);--smart-editor-inline-toolbar-max-width:80vw;--smart-editor-table-column-width:initial;--smart-editor-table-cell-min-height:20px;--smart-editor-table-cell-min-width:var(--smart-editor-table-cell-min-height);--smart-editor-char-counter-offset:30px;--smart-editor-toolbar-item-height:30px;--smart-editor-toolbar-item-border-radius:var(--smart-border-radius);--smart-editor-toolbar-height:calc(var(--smart-editor-toolbar-item-height) + 2 * var(--smart-editor-toolbar-item-margin));--smart-editor-highlight:var(--smart-primary);--smart-editor-highlight-color:var(--smart-primary-color);--smart-editor-search-bar-offset:5px;--smart-editor-search-bar-padding:5px;--smart-filter-builder-default-width:var(--smart-box-width);--smart-filter-builder-default-height:var(--smart-box-height);--smart-filter-builder-row-height:var(--smart-editor-height);--smart-filter-builder-item-width:var(--smart-editor-width);--smart-filter-builder-group-container-border:4px;--smart-filter-builder-item-margin:20px;--smart-filter-builder-group-condition-margin:5px;--smart-filter-builder-group-margin:15px;--smart-filter-panel-default-width:300px;--smart-filter-panel-default-height:auto;--smart-filter-panel-padding:10px;--smart-filter-panel-border-top-right-radius:var(--smart-border-radius);--smart-filter-panel-border-top-left-radius:var(--smart-border-radius);--smart-filter-panel-border-bottom-left-radius:var(--smart-border-radius);--smart-filter-panel-border-bottom-right-radius:var(--smart-border-radius);--smart-filter-panel-border-width:var(--smart-border-width);--smart-filter-panel-border:var(--smart-border);--smart-filter-panel-background:var(--smart-background);--smart-filter-panel-color:var(--smart-background-color);--smart-filter-panel-vertical-offset:10px;--smart-filter-panel-main-element-height:400px;--smart-file-upload-default-width:var(--smart-editor-width);--smart-file-upload-browse-button-width:auto;--smart-file-upload-browse-button-height:auto;--smart-file-upload-footer-button-width:auto;--smart-file-upload-footer-button-height:auto;--smart-file-upload-text-content-uploading-start:"Connecting ...";--smart-file-upload-text-content-uploading:"Uploading ...";--smart-file-upload-text-content-error:"Upload error!";--smart-file-upload-text-content-pause:"Upload paused!";--smart-file-upload-text-content-drop-zone:"Drag files here";--smart-file-upload-text-content-drop-zone-over:"Drop here \e824";--smart-file-upload-container-min-height:60px;--smart-file-upload-total-files-min-height:20px;--smart-file-upload-drop-zone-height:100%;--smart-gantt-chart-resource-splitter-bar-fit-size:calc(var(--smart-gantt-chart-resource-timeline-content-height) + var(--smart-gantt-chart-task-default-height));--smart-gantt-chart-task-splitter-bar-fit-size:var(--smart-gantt-chart-task-timeline-content-height);--smart-gantt-chart-task-default-height:30px;--smart-gantt-chart-header-height:var(--smart-gantt-chart-task-default-height);--smart-gantt-chart-task-bar-fill-padding:5px;--smart-gantt-chart-task-label-padding:2px var(--smart-gantt-chart-task-bar-fill-padding);--smart-gantt-chart-task-thumb-color:rgba(0, 0, 0, .55);--smart-gantt-chart-task-progress-color:rgba(0, 0, 0, .15);--smart-gantt-chart-project-color:#ffa558;--smart-gantt-chart-project-label-color:#333;--smart-gantt-chart-project-label-color-selected:#000;--smart-gantt-chart-project-progress-color:var(--smart-gantt-chart-task-progress-color);--smart-gantt-chart-task-color:rgb(43, 195, 190);--smart-gantt-chart-milestone-color:#800080;--smart-gantt-chart-timeline-task-background-color:transparent;--smart-gantt-chart-timeline-task-connection-feedback-color:#e6510a;--smart-gantt-chart-timeline-task-connection-feedback-width:1px;--smart-gantt-chart-timeline-task-connection-feedback-style:dashed;--smart-gantt-chart-timeline-task-connection-color:var(--smart-gantt-chart-timeline-task-connection-feedback-color);--smart-gantt-chart-timeline-task-connection-color-hover:var(--smart-gantt-chart-timeline-task-connection-color);--smart-gantt-chart-timeline-task-connection-width:var(--smart-gantt-chart-timeline-task-connection-feedback-width);--smart-gantt-chart-timeline-task-connection-style:solid;--smart-gantt-chart-timeline-task-connection-arrow-type:solid;--smart-gantt-chart-timeline-task-connection-arrow-width:5px;--smart-gantt-chart-timeline-task-resize-indicator-width:4px;--smart-gantt-chart-timeline-task-resize-indicator-color:#fff;--smart-gantt-chart-timeline-task-resize-indicator-border-color:#333;--smart-gantt-chart-timeline-task-progress-thumb-size:10px;--smart-gantt-chart-timeline-cell-size:auto;--smart-gantt-chart-timeline-cell-min-size:70px;--smart-gantt-chart-timeline-task-min-width:5px;--smart-gantt-chart-timeline-weekend-color:#EFF5FD;--smart-gantt-chart-timeline-nonworking-color:#F5F5F5;--smart-gantt-chart-default-width:auto;--smart-gantt-chart-default-height:600px;--smart-gantt-chart-task-popup-window-default-width:60vw;--smart-gantt-chart-connection-popup-window-default-width:300px;--smart-gantt-chart-confirm-popup-window-default-width:var(--smart-gantt-chart-connection-popup-default-width);--smart-gantt-chart-popup-window-header-height:35px;--smart-gantt-chart-popup-window-footer-height:50px;--smart-gantt-chart-header-placeholder:' - ';--smart-gantt-chart-progress-label-padding:0 10px 0 10px;--smart-gantt-chart-filter-row-height:30px;--smart-gantt-chart-task-fill-border-radius:0;--smart-gantt-chart-segment-link-color:var(--smart-gantt-chart-task-color);--smart-gantt-chart-segment-link-size:var(--smart-border-width);--smart-gantt-chart-date-marker-height:25px;--smart-gantt-chart-date-marker-width:var(--smart-border-width);--smart-gantt-chart-date-marker-background:var(--smart-primary);--smart-gantt-chart-date-marker-color:var(--smart-primary-color);--smart-gantt-chart-date-marker-v-offset:15%;--smart-gantt-chart-date-marker-h-offset:10px;--smart-gantt-chart-indicator-icon:initial;--smart-gantt-chart-deadline-icon:var(--smart-icon-attention-circled);--smart-gantt-chart-deadline-color:var(--smart-error);--smart-gantt-chart-baseline-proportion:2;--smart-gantt-chart-baseline-background:rgba(166, 205, 87, .5);--smart-gantt-chart-progress-label-width:60px;--smart-gantt-chart-current-time-indicator-size:1px;--smart-gantt-chart-current-time-indicator-background:var(--smart-primary);--smart-gantt-chart-current-time-indicator-arrow-size:7px;--smart-gantt-chart-current-time-indicator-header-size:2px;--smart-gantt-chart-shader-background:rgba(var(--smart-border-rgb), .5);--smart-gauge-default-width:var(--smart-box-width);--smart-gauge-default-height:var(--smart-box-height);--smart-gauge-track-border:var(--smart-border);--smart-gauge-track-background:var(--smart-background);--smart-gauge-needle-background:var(--smart-primary);--smart-gauge-label-fill-state:initial;--smart-gauge-label-stroke:initial;--smart-alternation-index0-color:var(--smart-surface-color);--smart-alternation-index0-border:var(--smart-surface);--smart-alternation-index0-background:var(--smart-surface);--smart-alternation-index1-color:#111;--smart-alternation-index1-border:#9BBB59;--smart-alternation-index1-background:#9BBB59;--smart-alternation-index2-color:#fff;--smart-alternation-index2-border:#FC3752;--smart-alternation-index2-background:#FC3752;--smart-grid-default-width:800px;--smart-grid-default-height:400px;--smart-grid-footer-height:var(--smart-bar-height);--smart-grid-header-height:var(--smart-bar-height);--smart-grid-group-header-height:var(--smart-bar-height);--smart-grid-row-height:30px;--smart-grid-column-header-height:var(--smart-bar-height);--smart-grid-filter-footer-height:var(--smart-bar-height);--smart-grid-aggregate-footer-height:var(--smart-bar-height);--smart-grid-header-background-freeze:var(--smart-surface);--smart-grid-header-color-freeze:var(--smart-surface-color);--smart-grid-column-menu-width:200px;--smart-grid-column-menu-height:auto;--smart-grid-column-buttons-width:23px;--smart-grid-cell-color-freeze:var(--smart-surface-color);--smart-grid-cell-background-freeze:var(--smart-surface);--smart-grid-cell-background-freeze-selected:#DCE5EC;--smart-grid-cell-color-delete:#333;--smart-grid-cell-background-delete:#FFDCDC;--smart-grid-cell-color-update:#333;--smart-grid-cell-background-update:#D7F9C7;--smart-grid-cell-background-color:#D7F9C7;--smart-grid-cell-color-add:#333;--smart-grid-cell-background-add:#FED59B;--smart-grid-cell-color-unbound:var(--smart-surface-color);--smart-grid-cell-background-unbound:var(--smart-surface);--smart-grid-cell-color-sort:var(--smart-surface-color);--smart-grid-cell-background-sort:#FEF3dd;--smart-grid-cell-color-filter:var(--smart-surface-color);--smart-grid-cell-background-filter:#E8F2DB;--smart-grid-view-bar-background:#FCFCFC;--smart-grid-group-row-vertical-offset:5;--smart-grid-group-row-horizontal-offset:1;--smart-grid-template-columns:none;--smart-grid-column-gap:0px;--smart-grid-row-gap:0px;--smart-grid-freeze-splitter-size:1px;--smart-grid-resize-line-size:1px;--smart-grid-layout-col-gap:10px;--smart-grid-layout-row-gap:10px;--smart-grid-layout-width:100%;--smart-grid-layout-rows:none;--smart-grid-panel-default-width:450px;--smart-grid-panel-default-height:auto;--smart-grid-panel-padding:10px;--smart-grid-panel-vertical-offset:10px;--smart-grid-panel-item-height:30px;--smart-column-panel-drop-down-height:350px;--smart-multi-column-filter-panel-template-columns:15px 60px 2fr 3fr 3fr;--smart-formatting-panel-default-width:600px;--smart-formatting-panel-row-height:30px;--smart-formatting-panel-add-new-button-size:40px;--smart-formatting-panel-popup-width:300px;--smart-formatting-panel-color-box-height:20px;--smart-kanban-default-width:1200px;--smart-kanban-default-height:500px;--smart-kanban-header-size:35px;--smart-kanban-task-min-width:150px;--smart-kanban-task-min-height:80px;--smart-kanban-text-max-height:200px;--smart-kanban-user-icon-size:30px;--smart-kanban-user-list-width:150px;--smart-kanban-user-list-max-height:500px;--smart-kanban-comments-list-width:350px;--smart-kanban-comments-list-height:auto;--smart-kanban-new-comment-height:50px;--smart-kanban-new-comment-height-expanded:175px;--smart-kanban-send-button-height:30px;--smart-kanban-color-band-width:3px;--smart-kanban-add-new-column-width:1fr;--smart-list-box-default-width:var(--smart-editor-width);--smart-list-box-default-height:var(--smart-editor-width);--smart-list-item-group-header-text-transform:uppercase;--smart-list-item-horizontal-offset:3px;--smart-list-item-vertical-offset:3px;--smart-list-item-height:36px;--smart-list-item-label-padding:0;--smart-list-item-label-border-radius:0;--smart-list-item-padding:9px 12px;--smart-loader-size:var(--smart-editor-height);--smart-led-default-width:var(--smart-editor-height);--smart-led-default-height:var(--smart-editor-height);--smart-list-menu-default-width:var(--smart-box-width);--smart-list-menu-default-height:var(--smart-box-height);--smart-list-menu-filter-input-vertical-offset:5px;--smart-list-menu-filter-input-horizontal-offset:5px;--smart-masked-text-box-default-width:var(--smart-editor-width);--smart-masked-text-box-default-height:var(--smart-editor-height);--smart-menu-default-width:var(--smart-bar-width);--smart-menu-default-height:var(--smart-bar-height);--smart-menu-vertical-default-width:calc(var(--smart-bar-width) / 2);--smart-menu-vertical-default-height:var(--smart-bar-width);--smart-menu-scroll-button-size:calc(var(--smart-bar-height) / 1.5);--smart-multiline-text-box-default-width:var(--smart-editor-width);--smart-multiline-text-box-default-height:calc(10 * var(--smart-editor-height));--smart-multi-split-button-default-width:var(--smart-editor-width);--smart-multi-split-button-default-height:var(--smart-editor-height);--smart-numeric-text-box-default-width:var(--smart-editor-width);--smart-numeric-text-box-default-height:var(--smart-editor-height);--smart-numeric-text-box-default-radix-display-width:12%;--smart-numeric-text-box-default-unit-display-width:var(--smart-editor-addon-width);--smart-numeric-text-box-text-align:right;--smart-path-default-width:var(--smart-editor-width);--smart-path-default-height:var(--smart-editor-height);--smart-path-drop-down-width:auto;--smart-path-drop-down-height:auto;--smart-path-button-gap:5px;--smart-path-text-align:start;--smart-power-button-default-width:var(--smart-editor-height);--smart-power-button-default-height:var(--smart-editor-height);--smart-progress-bar-default-width:var(--smart-editor-width);--smart-progress-bar-default-height:var(--smart-editor-height);--smart-circular-progress-bar-default-size:var(--smart-editor-width);--smart-circular-progress-bar-fill-size:20%;--smart-query-builder-default-width:auto;--smart-query-builder-default-height:auto;--smart-query-builder-min-width:100px;--smart-query-builder-content-padding:5px;--smart-query-builder-editor-width:125px;--smart-radio-button-default-size:calc(1px + 1/2 * var(--smart-editor-height));--smart-ribbon-tab-height:125px;--smart-ribbon-collapsed-tab-height:50px;--smart-ribbon-border-color:var(--smart-border);--smart-ribbon-tab-header-width:100px;--smart-ribbon-tab-padding:0px;--smart-ribbon-group-items-padding:0 10px;--smart-ribbon-tab-header-height:32px;--smart-ribbon-header-padding:0px;--smart-sortable-handle-size:25px;--smart-splitter-default-width:var(--smart-box-width);--smart-splitter-default-height:var(--smart-box-height);--smart-splitter-bar-size:10px;--smart-splitter-bar-fit-size:100%;--smart-splitter-item-padding:0;--smart-splitter-item-content-padding:0;--smart-splitter-item-size:auto;--smart-switch-button-default-width:calc(var(--smart-editor-height) + 10px);--smart-switch-button-default-height:var(--smart-editor-height);--smart-switch-button-thumb-size:calc(var(--smart-switch-button-default-height) - 8px);--smart-slider-default-width:var(--smart-editor-width);--smart-slider-default-height:35px;--smart-slider-track-size:1px;--smart-slider-thumb-width:20px;--smart-slider-thumb-height:20px;--smart-slider-tooltip-width:60px;--smart-slider-tooltip-height:30px;--smart-slider-spin-button-width:30px;--smart-slider-spin-button-height:30px;--smart-slider-tick-size:10px;--smart-slider-minor-tick-size:5px;--smart-slider-thumb-border-top-right-radius:15px;--smart-slider-thumb-border-top-left-radius:15px;--smart-slider-thumb-border-bottom-left-radius:15px;--smart-slider-thumb-border-bottom-right-radius:15px;--smart-scroll-button-size:16px;--smart-scroll-bar-size:18px;--smart-scroll-bar-default-width:var(--smart-editor-width);--smart-scroll-bar-default-height:var(--smart-scroll-bar-size);--smart-scroll-bar-background:#F1F1F1;--smart-scroll-bar-track-background:var(--smart-scroll-bar-background);--smart-scroll-bar-border:#F1F1F1;--smart-scroll-bar-thumb-border-top-right-radius:0px;--smart-scroll-bar-thumb-border-top-left-radius:0px;--smart-scroll-bar-thumb-border-bottom-left-radius:0px;--smart-scroll-bar-thumb-border-bottom-right-radius:0px;--smart-scroll-bar-thumb-background:#C1C1C1;--smart-scroll-bar-thumb-border:transparent;--smart-scroll-bar-thumb-size:100%;--smart-scroll-bar-thumb-padding:1px;--smart-scroll-bar-thumb-background-hover:#A8A8A8;--smart-scroll-bar-thumb-border-hover:transparent;--smart-scroll-bar-thumb-background-active:#787878;--smart-scroll-bar-thumb-border-active:transparent;--smart-scroll-bar-button-background:#F1F1F1;--smart-scroll-bar-button-border:#F1F1F1;--smart-scroll-bar-button-color:#505050;--smart-scroll-bar-button-background-hover:#D2D2D2;--smart-scroll-bar-button-border-hover:#F1F1F1;--smart-scroll-bar-button-color-hover:#505050;--smart-scroll-bar-button-background-active:#787878;--smart-scroll-bar-button-border-active:#F1F1F1;--smart-scroll-bar-button-color-active:#fff;--smart-table-default-width:100%;--smart-table-default-height:auto;--smart-table-header-footer-height:56px;--smart-table-column-header-height:var(--smart-table-header-footer-height);--smart-table-row-height:48px;--smart-table-cell-padding:12px;--smart-table-row-detail-height:var(--smart-table-row-height);--smart-table-indent:30px;--smart-table-arrow-size:16px;--smart-table-arrow-margin:5px;--smart-table-group-name-display:unset;--smart-table-group-count-display:unset;--smart-pivot-table-cell-width:200px;--smart-pivot-table-secondary-group-width:calc(1.25 * var(--smart-pivot-table-cell-width));--smart-pivot-panel-width:300px;--smart-pivot-panel-default-height:800px;--smart-pivot-panel-tab-item-height:150px;--smart-pivot-panel-padding:10px;--smart-tank-default-width:var(--smart-editor-width);--smart-tank-default-height:calc(10 * var(--smart-editor-height));--smart-tank-scale-size:105px;--smart-tank-thumb-width:25px;--smart-tank-thumb-height:var(--smart-tank-thumb-width);--smart-tank-tooltip-width:80px;--smart-tank-tooltip-height:30px;--smart-tank-tick-size:10px;--smart-tank-minor-tick-size:5px;--smart-tank-minimum-track-size:6px;--smart-tabs-header-button-size:20px;--smart-tabs-animation-duration:0.5s;--smart-tabs-default-width:var(--smart-box-width);--smart-tabs-default-height:var(--smart-box-height);--smart-tabs-header-padding:0px;--smart-tabs-header-offset:0px;--smart-tab-item-padding:12px 16px;--smart-tab-item-offset:5px;--smart-tab-item-initial-offset:5px;--smart-tab-item-text-transform:uppercase;--smart-time-picker-default-width:var(--smart-editor-width);--smart-time-picker-default-height:calc(12 * var(--smart-editor-height));--smart-tooltip-arrow-width:6px;--smart-tooltip-arrow-color:var(--smart-secondary);--smart-tooltip-arrow-translate:0;--smart-tooltip-padding:4px 8px;--smart-tooltip-content-shadow:none;--smart-toast-item-icon:'';--smart-toast-container-default-width:var(--smart-bar-width);--smart-toast-header-height:20px;--smart-toast-info-background:var(--smart-info);--smart-toast-info-color:var(--smart-info-color);--smart-toast-warning-background:var(--smart-warning);--smart-toast-warning-color:var(--smart-warning-color);--smart-toast-error-background:var(--smart-error);--smart-toast-error-color:var(--smart-error-color);--smart-toast-success-background:var(--smart-success);--smart-toast-success-color:var(--smart-success-color);--smart-tree-default-width:var(--smart-box-width);--smart-tree-default-height:var(--smart-box-height);--smart-tree-scroll-button-size:20px;--smart-tree-lines-style:dashed;--smart-tree-indent:16px;--smart-tree-lines-color:var(--smart-border);--smart-tree-lines-width:1px;--smart-tree-item-label-height:36px;--smart-tree-item-padding:9px 12px;--smart-tree-item-vertical-offset:3px;--smart-tree-item-horizontal-offset:3px;--smart-text-box-default-width:var(--smart-editor-width);--smart-text-box-default-height:var(--smart-editor-height);--smart-validation-panel-description-width:20%;--smart-validation-panel-content-width:80%;--smart-validation-panel-appearance-vertical-offset:10px;--smart-validation-panel-appearance-reset-button-left-offset:5px;--smart-validation-panel-appearance-textbox-vertical-offset:5px;--smart-validation-panel-appearance-reset-button-color:var(--smart-primary);--smart-validation-panel-criteria-row-margin-top:10px;--smart-validation-panel-criteria-container-vertical-offset:10px;--smart-validation-panel-criteria-container-input-width:180px;--smart-validation-panel-criteria-container-input-horizontal-offset:2px;--smart-validation-panel-criteria-container-textbox-width:80px;--smart-validation-panel-criteria-container-textbox-horizontal-offset:2px;--smart-validation-panel-criteria-container-text-between-inputs-offset:5px;--smart-validation-panel-invalid-data-vertical-offset:10px;--smart-validation-panel-footer-button-color:#188038;--smart-validation-panel-footer-button-background:white;--smart-validation-panel-footer-vertical-offset:20px;--smart-validation-panel-footer-button-horizontal-offset:5px;--smart-validation-panel-footer-remove-validation-button-color:var(--smart-validation-panel-footer-button-color);--smart-validation-panel-footer-cancel-button-color:var(--smart-validation-panel-footer-button-color);--smart-validation-panel-footer-save-button-color:var(--smart-validation-panel-footer-button-background);--smart-validation-panel-footer-save-button-background:var(--smart-validation-panel-footer-button-color);--smart-password-text-box-default-width:var(--smart-editor-width);--smart-password-text-box-default-height:var(--smart-editor-height);--smart-pager-default-width:var(--smart-bar-width);--smart-pager-default-height:var(--smart-bar-height);--smart-pager-button-width:'auto';--smart-pager-button-height:32px;--smart-pager-page-size-selector-width:60px;--smart-pager-page-index-selector-width:32px;--smart-pager-page-index-selector-height:32px;--smart-pager-page-index-ellipsis-selector-width:32px;--smart-pager-page-index-ellipsis-selector-height:32px;--smart-pager-page-index-selector-horizontal-offset:8px;--smart-pager-padding:2px;--smart-pager-input-width:50px;--smart-scroll-viewer-min-width:none;--smart-scroll-viewer-max-width:none;--smart-scroll-viewer-min-height:none;--smart-scroll-viewer-max-height:none;--smart-scheduler-default-height:auto;--smart-scheduler-default-width:auto;--smart-scheduler-item-size:auto;--smart-scheduler-timeline-cell-width:auto;--smart-scheduler-timeline-cell-height:50px;--smart-scheduler-timeline-cell-min-width:70px;--smart-scheduler-timeline-cell-min-height:35px;--smart-scheduler-header-height:50px;--smart-scheduler-header-today-button-size:auto;--smart-scheduler-header-date-button-max-size:auto;--smart-scheduler-header-navigation-button-size:30px;--smart-scheduler-footer-height:var(--smart-scheduler-header-height);--smart-scheduler-header-box-shadow:initial;--smart-scheduler-header-padding:10px;--smart-scheduler-timeline-header-cell-padding:5px;--smart-scheduler-header-menu-button-size:auto;--smart-scheduler-timeline-weekend-color:var(--smart-background);--smart-scheduler-timeline-nonworking-color:var(--smart-gantt-chart-timeline-nonworking-color);--smart-scheduler-timeline-all-day-label-font-weight:600;--smart-scheduler-timeline-header-horizontal-cells-size:40px;--smart-scheduler-timeline-header-horizontal-label-padding:initial;--smart-scheduler-timeline-header-horizontal-details-size:var(--smart-scheduler-timeline-header-horizontal-cells-size);--smart-scheduler-timeline-header-horizontal-group-size:var(--smart-scheduler-timeline-header-horizontal-cells-size);--smart-scheduler-timeline-header-vertical-cells-size:100px;--smart-scheduler-timeline-header-vertical-label-padding:initial;--smart-scheduler-timeline-header-vertical-details-size:var(--smart-scheduler-timeline-header-vertical-cells-size);--smart-scheduler-timeline-header-vertical-group-size:var(--smart-scheduler-timeline-header-vertical-cells-size);--smart-scheduler-timeline-header-all-day-cells-size:75px;--smart-scheduler-timeline-group-separator-background:var(--smart-outline);--smart-scheduler-timeline-group-separator-size:var(--smart-border-width);--smart-scheduler-timeline-group-white-space:nowrap;--smart-scheduler-timeline-group-header-offset:calc(-50% - var(--smart-scheduler-timeline-header-cell-padding));--smart-scheduler-current-time-indicator-background:var(--smart-primary);--smart-scheduler-current-time-indicator-size:1px;--smart-scheduler-current-time-indicator-header-size:2px;--smart-scheduler-current-time-indicator-arrow-size:7px;--smart-scheduler-shader-background:rgba(var(--smart-border-rgb), .5);--smart-scheduler-view-background:transparent;--smart-scheduler-view-line-size:var(--smart-border-width);--smart-scheduler-view-horizontal-line-color:var(--smart-border);--smart-scheduler-view-vertical-line-color:var(--smart-border);--smart-scheduler-day-week-view-vertical-line-size:var(--smart-scheduler-view-line-size);--smart-scheduler-day-week-view-vertical-line-color:var(--smart-border);--smart-scheduler-day-week-view-hour-size:var(--smart-scheduler-view-line-size);--smart-scheduler-day-week-view-hour-color:var(--smart-border);--smart-scheduler-time-ruler-tick-size:10px;--smart-scheduler-event-background-rgb:52,121,186;--smart-scheduler-event-background:rgba(var(--smart-scheduler-event-background-rgb), 1);--smart-scheduler-legend-item-background:var(--smart-scheduler-event-background);--smart-scheduler-event-color:var(--smart-primary-color);--smart-scheduler-event-focus:rgba(var(--smart-scheduler-event-background-rgb), .9);--smart-scheduler-event-color-focus:var(--smart-scheduler-event-color);--smart-scheduler-event-hover:rgba(var(--smart-scheduler-event-background-rgb), .8);--smart-scheduler-event-color-hover:var(--smart-scheduler-event-color);--smart-scheduler-event-padding-agenda:5px;--smart-scheduler-event-padding-basic:2px;--smart-scheduler-event-padding-timeline:2px;--smart-scheduler-event-padding-all-day:2px;--smart-scheduler-event-content-padding:5px;--smart-scheduler-event-label-font-size:var(--smart-font-size);--smart-scheduler-event-time-font-size:calc(var(--smart-font-size) - 3px);--smart-scheduler-event-time-font-size-agenda:var(--smart-font-size);--smart-scheduler-event-time-font-weight-agenda:600;--smart-scheduler-event-time-opacity-agenda:1;--smart-scheduler-event-time-opacity:0.7;--smart-scheduler-event-icon-size:30px;--smart-scheduler-event-size:30px;--smart-scheduler-event-size-basic:var(--smart-scheduler-event-size);--smart-scheduler-event-size-timeline:60px;--smart-scheduler-event-collector-size:24px;--smart-scheduler-event-collector-mobile-size:28px;--smart-scheduler-event-collector-background:rgba(var(--smart-primary-rgb), 1);--smart-scheduler-event-collector-color:var(--smart-primary-color);--smart-scheduler-event-collector-focus:rgba(var(--smart-primary-rgb), .9);--smart-scheduler-event-collector-color-focus:var(--smart-scheduler-event-collector-color);--smart-scheduler-event-collector-hover:rgba(var(--smart-primary-rgb), .8);--smart-scheduler-event-collector-color-hover:var(--smart-scheduler-event-collector-color);--smart-scheduler-month-view-number-size:24px;--smart-scheduler-status-size:7px;--smart-scheduler-status-padding:5px;--smart-scheduler-status-background:transparent;--smart-scheduler-status-free-background:white;--smart-scheduler-status-tentative-background:0 -244rem/5rem 5rem linear-gradient(45deg, #fd7e14 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, #fd7e14 50%, #fd7e14 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2));--smart-scheduler-status-busy-background:#dc3545;--smart-scheduler-status-out-of-office-background:#00a9e6;--smart-scheduler-cell-feedback-background:transparent;--smart-scheduler-event-resize-indicator-size:var(--smart-gantt-chart-timeline-task-resize-indicator-width);--smart-scheduler-event-resize-indicator-color:var(--smart-gantt-chart-timeline-task-resize-indicator-color);--smart-scheduler-event-resize-indicator-border-color:var(--smart-gantt-chart-timeline-task-resize-indicator-border-color);--smart-scheduler-restricted-background:0 -245rem/12px 12px linear-gradient(135deg, rgba(255, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, .15) 50%, rgba(255, 0, 0, .15) 75%, transparent 75%, transparent);--smart-scheduler-event-item-size:50px;--smart-scheduler-event-button-size:30px;--smart-scheduler-event-border-radius:initial;--smart-scheduler-event-collector-border-radius:20px;--smart-scheduler-context-menu-max-height:calc(4 * var(--smart-scheduler-event-item-size));--smart-scheduler-context-menu-max-width:300px;--smart-scheduler-window-header-height:var(--smart-gantt-chart-popup-window-header-height);--smart-scheduler-window-footer-height:var(--smart-gantt-chart-popup-window-footer-height);--smart-scheduler-event-label-font-weight:300;--smart-scheduler-event-time-font-weight:300;--smart-scheduler-event-item-label-font-weight:600;--smart-scheduler-toast-default-width:400px;--smart-scheduler-toast-default-height:50px;--smart-scheduler-shortcut-size:28px;--smart-window-default-height:var(--smart-box-height);--smart-window-default-width:var(--smart-box-width);--smart-window-header-height:var(--smart-bar-height);--smart-window-footer-height:var(--smart-bar-height);--smart-window-min-width:250px;--smart-window-header-padding:10px;--smart-window-footer-padding:6.5px;--smart-window-header-button-size:24px;--smart-window-header-icon-size:var(--smart-font-size);--smart-window-header-background:var(--smart-surface);--smart-window-footer-background:var(--smart-surface);--smart-window-footer-button-width:100px;--smart-window-content-padding:10px;--smart-elevation-24:0 24px 38px 3px rgba(0, 0, 0, .14),0 9px 46px 8px rgba(0, 0, 0, .12),0 11px 15px 0 rgba(0, 0, 0, .2);--smart-elevation-16:0 16px 24px 2px rgba(0, 0, 0, .14),0 6px 30px 5px rgba(0, 0, 0, .12),0 8px 10px 0 rgba(0, 0, 0, .2);--smart-elevation-12:0 12px 17px 2px rgba(0, 0, 0, .14),0 5px 22px 4px rgba(0, 0, 0, .12),0 7px 8px 0 rgba(0, 0, 0, .2);--smart-elevation-8:0 8px 10px 1px rgba(0, 0, 0, .14),0 3px 14px 3px rgba(0, 0, 0, .12),0 4px 15px 0 rgba(0, 0, 0, .2);--smart-elevation-6:0 6px 10px 0 rgba(0, 0, 0, .14),0 1px 18px 0 rgba(0, 0, 0, .12),0 3px 5px 0 rgba(0, 0, 0, .2);--smart-elevation-4:0 2px 4px 0 rgba(0, 0, 0, .14),0 4px 5px 0 rgba(0, 0, 0, .12),0 1px 10px 0 rgba(0, 0, 0, .2);--smart-elevation-2:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);--smart-elevation-1:0 0 2px 0 rgba(0, 0, 0, .14),0 2px 2px 0 rgba(0, 0, 0, .12),0 1px 3px 0 rgba(0, 0, 0, .2);--smart-elevation-0:none;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--pseudo-element-height:0}.smart-ui-component[theme=dark],body[theme=dark]{--smart-primary-rgb:122,202,255;--smart-primary:rgb(var(--smart-primary-rgb));--smart-primary-color:#242424;--smart-background:#242424;--smart-background-color:#fff;--smart-surface:#333;--smart-surface-color:#fff;--smart-disabled:#535353;--smart-disabled-color:#fff;--smart-border:#464646;--smart-editor-selection:var(--smart-primary);--smart-editor-selection-color:var(--smart-primary-color);--smart-ui-state-hover:#444;--smart-ui-state-color-hover:#fff;--smart-ui-state-border-hover:var(--smart-ui-state-hover);--smart-ui-state-active:var(--smart-primary);--smart-ui-state-color-active:var(--smart-primary-color);--smart-ui-state-border-active:var(--smart-primary);--smart-ui-state-focus:#555;--smart-ui-state-color-focus:#fff;--smart-ui-state-border-focus:#555;--smart-ui-state-selected:rgba(var(--smart-primary-rgb), .1);--smart-ui-state-color-selected:var(--smart-primary);--smart-ui-state-border-selected:rgba(var(--smart-primary-rgb), .1);--smart-alternation-index0-color:var(--smart-surface-color);--smart-alternation-index0-border:var(--smart-surface);--smart-alternation-index0-background:var(--smart-surface);--smart-alternation-index1-color:#111;--smart-alternation-index1-border:#9BBB59;--smart-alternation-index1-background:#9BBB59;--smart-alternation-index2-color:#fff;--smart-alternation-index2-border:#FC3752;--smart-alternation-index2-background:#FC3752;--smart-grid-cell-background-freeze:#242424;--smart-grid-cell-color-freeze:#fff;--smart-scroll-bar-background:#3E3E42;--smart-scroll-bar-track-background:var(--smart-scroll-bar-background);--smart-scroll-bar-border:#3E3E42;--smart-scroll-bar-thumb-background:#686868;--smart-scroll-bar-thumb-border:#686868;--smart-scroll-bar-thumb-background-hover:#9E9E9E;--smart-scroll-bar-thumb-border-hover:#9E9E9E;--smart-scroll-bar-thumb-background-active:#444;--smart-scroll-bar-thumb-border-active:#444;--smart-scroll-bar-button-background:#3E3E42;--smart-scroll-bar-button-border:#3E3E42;--smart-scroll-bar-button-color:#999999;--smart-scroll-bar-button-background-hover:#3E3E42;--smart-scroll-bar-button-border-hover:#3E3E42;--smart-scroll-bar-button-color-hover:var(--smart-primary);--smart-scroll-bar-button-background-active:#3E3E42;--smart-scroll-bar-button-border-active:#3E3E42;--smart-scroll-bar-button-color-active:var(--smart-primary);--smart-gantt-chart-timeline-nonworking-color:#3E3E42;--smart-scheduler-timeline-weekend-color:var(--smart-background);--smart-scheduler-timeline-nonworking-color:var(--smart-gantt-chart-timeline-nonworking-color);--smart-scheduler-event-background-rgb:103,176,245;--smart-scheduler-event-background:rgba(var(--smart-scheduler-event-background-rgb), 1);--smart-scheduler-event-color:var(--smart-primary-color);--smart-scheduler-event-focus:rgba(var(--smart-scheduler-event-background-rgb), .9);--smart-scheduler-event-color-focus:var(--smart-scheduler-event-color);--smart-scheduler-event-hover:rgba(var(--smart-scheduler-event-background-rgb), .8);--smart-scheduler-event-color-hover:var(--smart-scheduler-event-color);--smart-scheduler-event-collector-background:rgba(var(--smart-primary-rgb), 1);--smart-scheduler-event-collector-color:var(--smart-primary-color);--smart-scheduler-event-collector-focus:rgba(var(--smart-primary-rgb), .9);--smart-scheduler-event-collector-color-focus:var(--smart-scheduler-event-collector-color);--smart-scheduler-event-collector-hover:rgba(var(--smart-primary-rgb), .8);--smart-scheduler-event-collector-color-hover:var(--smart-scheduler-event-collector-color);--smart-scheduler-status-free-background:white;--smart-scheduler-status-tentative-background:0 -244rem/5rem 5rem linear-gradient(45deg, #fd7e14 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, #fd7e14 50%, #fd7e14 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2));--smart-scheduler-status-busy-background:#dc3545;--smart-scheduler-status-out-of-office-background:#00a9e6;--smart-scheduler-event-resize-indicator-color:var(--smart-gantt-chart-timeline-task-resize-indicator-color);--smart-scheduler-event-resize-indicator-border-color:var(--smart-gantt-chart-timeline-task-resize-indicator-border-color);--smart-scheduler-restricted-background:0 -245rem/12px 12px linear-gradient(135deg, rgba(255, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, .15) 50%, rgba(255, 0, 0, .15) 75%, transparent 75%, transparent);--smart-window-header-background:var(--smart-surface);--smart-window-footer-background:var(--smart-surface)}
|
|
2
2
|
smart-accordion,smart-alert-window,smart-array,smart-breadcrumb,smart-button,smart-calendar,smart-card,smart-card-view,smart-carousel,smart-check-box,smart-circular-progress-bar,smart-color-panel,smart-color-picker,smart-column-panel,smart-combo-box,smart-date-time-picker,smart-dialog-window,smart-docking-layout,smart-drop-down-button,smart-drop-down-list,smart-filter-panel,smart-gantt-chart,smart-gauge,smart-grid,smart-group-panel,smart-kanban,smart-layout,smart-led,smart-list-box,smart-list-menu,smart-masked-text-box,smart-menu,smart-multi-column-filter-panel,smart-multi-split-button,smart-multiline-prompt-window,smart-multiline-text-box,smart-numeric-text-box,smart-pager,smart-password-text-box,smart-path,smart-pivot-panel,smart-power-button,smart-progress-bar,smart-progress-window,smart-prompt-window,smart-query-builder,smart-radio-button,smart-repeat-button,smart-scroll-bar,smart-sheduler,smart-slider,smart-sort-panel,smart-splitter,smart-switch-button,smart-tabs,smart-tabs-window,smart-tank,smart-text-box,smart-time-picker,smart-toggle-button,smart-tooltip,smart-tree,smart-wait-window,smart-window{padding:0;margin:0;overflow:hidden;display:block}.smart-element{outline:0;box-sizing:border-box;font-family:var(--smart-font-family);font-size:var(--smart-font-size);font-weight:var(--smart-font-weight);-webkit-tap-highlight-color:transparent;background:var(--smart-background);color:var(--smart-background-color)}.smart-root{width:100%;height:100%;padding:0;margin:0;box-sizing:border-box}smart-alert-window[disabled],smart-breadcrumb[disabled],smart-button-group[disabled],smart-button[disabled],smart-calendar[disabled],smart-card-view[disabled],smart-card[disabled],smart-check-box[disabled],smart-check-input[disabled],smart-chip[disabled],smart-circular-progress-bar[disabled],smart-color-input[disabled],smart-color-panel[disabled],smart-color-picker[disabled],smart-column-panel[disabled],smart-combo-box[disabled],smart-date-input[disabled],smart-date-range-input[disabled],smart-date-time-picker[disabled],smart-dialog-window[disabled],smart-docking-layout[disabled],smart-drop-down-button[disabled],smart-drop-down-list[disabled],smart-editor[disabled],smart-filter-panel[disabled],smart-formatting-panel[disabled],smart-gantt-chart[disabled],smart-gantt[disabled],smart-gauge[disabled],smart-grid[disabled],smart-group-panel[disabled],smart-input[disabled],smart-kanban[disabled],smart-layout[disabled],smart-led[disabled],smart-list-box[disabled],smart-list-item[disabled],smart-list-menu[disabled],smart-menu-item[disabled],smart-menu-items-group[disabled],smart-menu[disabled],smart-multi-column-filter-panel[disabled],smart-multi-combo-input[disabled],smart-multi-input[disabled],smart-multi-split-button[disabled],smart-multiline-prompt-window[disabled],smart-multiline-text-box[disabled],smart-notification-panel[disabled],smart-number-input[disabled],smart-numeric-text-box[disabled],smart-pager .smart-pager-button[disabled],smart-pager[disabled],smart-password-input[disabled],smart-password-text-box[disabled],smart-path[disabled],smart-pivot-table[disabled],smart-power-button[disabled],smart-progress-bar[disabled],smart-progress-window[disabled],smart-prompt-window[disabled],smart-query-builder[disabled],smart-radio-button[disabled],smart-repeat-button[disabled],smart-scheduler[disabled],smart-scroll-bar[disabled],smart-slider[disabled],smart-sort-panel[disabled],smart-splitter[disabled],smart-switch-button[disabled],smart-tab[disabled],smart-table[disabled],smart-tabs[disabled],smart-tank[disabled],smart-text-area[disabled],smart-text-box[disabled],smart-time-input[disabled],smart-time-picker[disabled],smart-toggle-button[disabled],smart-tree-item[disabled]>.smart-tree-item-label-container,smart-tree-items-group[disabled]>.smart-tree-item-label-container,smart-tree[disabled],smart-wait-window[disabled],smart-window[disabled]{opacity:.55;cursor:default;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.smart-window,smart-accordion,smart-button,smart-button-group,smart-calendar,smart-card-view,smart-color-panel,smart-column-panel,smart-date-time-picker,smart-docking-layout,smart-formatting-panel,smart-gantt-chart,smart-grid,smart-group-panel,smart-kanban,smart-layout,smart-list-box,smart-list-menu,smart-menu,smart-multi-column-filter-panel,smart-multiline-text-box,smart-pager,smart-progress-bar,smart-scheduler,smart-scroll-viewer,smart-sort-panel,smart-splitter,smart-tank,smart-text-box,smart-time-picker,smart-tree{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}smart-card-view.smart-element,smart-color-panel.smart-element,smart-color-picker.smart-element,smart-combo-box.smart-element,smart-date-time-picker.smart-element,smart-drop-down-button.smart-element,smart-drop-down-list.smart-element,smart-filter-panel.smart-element,smart-kanban.smart-element,smart-masked-text-box.smart-element,smart-menu.smart-element,smart-multi-split-button.smart-element,smart-multiline-text-box.smart-element,smart-numeric-text-box.smart-element,smart-pager.smart-element,smart-password-text-box.smart-element,smart-path.smart-element,smart-query-builder.smart-element,smart-slider.smart-element,smart-switch-button.smart-element,smart-tabs.smart-element,smart-tank.smart-element,smart-text-box.smart-element{overflow:visible}.smart-disabled{opacity:.55;cursor:default;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.smart-element input::selection,.smart-input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}@media (hover:hover){.smart-element[theme=dark],body[theme=dark]{scrollbar-color:var(--smart-scroll-bar-thumb-background) var(--smart-scroll-bar-track-background)}body[theme=dark] ::-webkit-scrollbar,body[theme=dark]::-webkit-scrollbar{background-color:var(--smart-background)}body[theme=dark] ::-webkit-scrollbar-track,body[theme=dark] ::-webkit-scrollbar-track-piece,body[theme=dark]::-webkit-scrollbar-track,body[theme=dark]::-webkit-scrollbar-track-piece{background-color:var(--smart-scroll-bar-track-background)}body[theme=dark] ::-webkit-scrollbar-thumb,body[theme=dark]::-webkit-scrollbar-thumb{border:1px solid var(--smart-scroll-bar-thumb-border);background-color:var(--smart-scroll-bar-thumb-background)}body[theme=dark] ::-webkit-scrollbar-thumb:hover,body[theme=dark]::-webkit-scrollbar-thumb:hover{border-color:var(--smart-scroll-bar-thumb-border-hover);background-color:var(--smart-scroll-bar-thumb-background-hover)}body[theme=dark] ::-webkit-scrollbar-button,body[theme=dark]::-webkit-scrollbar-button{background-color:var(--smart-scroll-bar-button-background)}}
|
|
3
3
|
.smart-button-element,smart-button,smart-repeat-button,smart-toggle-button{--smart-button-flat-color:var(--smart-background-color);text-align:center;display:inline-flex;vertical-align:middle;cursor:pointer;text-transform:var(--smart-button-text-transform);letter-spacing:.08929em;overflow:hidden;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;visibility:hidden;font-weight:500}.smart-button-element.smart-element,smart-button.smart-element,smart-repeat-button.smart-element,smart-toggle-button.smart-element{display:inline-flex;visibility:inherit}.smart-button-element button::-moz-focus-inner,smart-button button::-moz-focus-inner,smart-repeat-button button::-moz-focus-inner,smart-toggle-button button::-moz-focus-inner{border:0}.smart-button-element.primary,smart-button.primary,smart-repeat-button.primary,smart-toggle-button.primary{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-primary);--smart-border:var(--smart-primary);--smart-border-rgb:var(--smart-primary-rgb);--smart-background-color:var(--smart-primary-color);--smart-ui-state-hover:var(--smart-primary);--smart-ui-state-border-hover:var(--smart-primary);--smart-ui-state-color-hover:var(--smart-primary-color);--smart-ui-state-active:var(--smart-primary);--smart-ui-state-border-active:var(--smart-primary);--smart-ui-state-color-active:var(--smart-primary-color);--smart-ui-state-focus:var(--smart-primary);--smart-ui-state-border-focus:var(--smart-primary);--smart-ui-state-color-focus:var(--smart-primary-color);--smart-button-flat-color:var(--smart-primary);--smart-button-outlined-color:var(--smart-primary);--smart-button-outlined-border:var(--smart-primary)}.smart-button-element.secondary,smart-button.secondary,smart-repeat-button.secondary,smart-toggle-button.secondary{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-secondary);--smart-border:var(--smart-secondary);--smart-border-rgb:var(--smart-secondary-rgb);--smart-background-color:var(--smart-secondary-color);--smart-ui-state-hover:var(--smart-secondary);--smart-ui-state-border-hover:var(--smart-secondary);--smart-ui-state-color-hover:var(--smart-secondary-color);--smart-ui-state-active:var(--smart-secondary);--smart-ui-state-border-active:var(--smart-secondary);--smart-ui-state-color-active:var(--smart-secondary-color);--smart-ui-state-focus:var(--smart-secondary);--smart-ui-state-border-focus:var(--smart-secondary);--smart-ui-state-color-focus:var(--smart-secondary-color);--smart-button-flat-color:var(--smart-secondary);--smart-button-outlined-color:var(--smart-secondary);--smart-button-outlined-border:var(--smart-secondary)}.smart-button-element.success,smart-button.success,smart-repeat-button.success,smart-toggle-button.success{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-success);--smart-border:var(--smart-success);--smart-border-rgb:var(--smart-success-rgb);--smart-background-color:var(--smart-success-color);--smart-ui-state-hover:var(--smart-success);--smart-ui-state-border-hover:var(--smart-success);--smart-ui-state-color-hover:var(--smart-success-color);--smart-ui-state-active:var(--smart-success);--smart-ui-state-border-active:var(--smart-success);--smart-ui-state-color-active:var(--smart-success-color);--smart-ui-state-focus:var(--smart-success);--smart-ui-state-border-focus:var(--smart-success);--smart-ui-state-color-focus:var(--smart-success-color);--smart-button-flat-color:var(--smart-success);--smart-button-outlined-color:var(--smart-success);--smart-button-outlined-border:var(--smart-success)}.smart-button-element.error,smart-button.error,smart-repeat-button.error,smart-toggle-button.error{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-error);--smart-border:var(--smart-error);--smart-border-rgb:var(--smart-error-rgb);--smart-background-color:var(--smart-error-color);--smart-ui-state-hover:var(--smart-error);--smart-ui-state-border-hover:var(--smart-error);--smart-ui-state-color-hover:var(--smart-error-color);--smart-ui-state-active:var(--smart-error);--smart-ui-state-border-active:var(--smart-error);--smart-ui-state-color-active:var(--smart-error-color);--smart-ui-state-focus:var(--smart-error);--smart-ui-state-border-focus:var(--smart-error);--smart-ui-state-color-focus:var(--smart-error-color);--smart-button-flat-color:var(--smart-error);--smart-button-outlined-color:var(--smart-error);--smart-button-outlined-border:var(--smart-error)}.smart-button-element.info,smart-button.info,smart-repeat-button.info,smart-toggle-button.info{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-info);--smart-border:var(--smart-info);--smart-border-rgb:var(--smart-info-rgb);--smart-background-color:var(--smart-info-color);--smart-ui-state-hover:var(--smart-info);--smart-ui-state-border-hover:var(--smart-info);--smart-ui-state-color-hover:var(--smart-info-color);--smart-ui-state-active:var(--smart-info);--smart-ui-state-border-active:var(--smart-info);--smart-ui-state-color-active:var(--smart-info-color);--smart-ui-state-focus:var(--smart-info);--smart-ui-state-border-focus:var(--smart-info);--smart-ui-state-color-focus:var(--smart-info-color);--smart-button-flat-color:var(--smart-info);--smart-button-outlined-color:var(--smart-info);--smart-button-outlined-border:var(--smart-info)}.smart-button-element.warning,smart-button.warning,smart-repeat-button.warning,smart-toggle-button.warning{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-warning);--smart-border:var(--smart-warning);--smart-border-rgb:var(--smart-warning-rgb);--smart-background-color:var(--smart-warning-color);--smart-ui-state-hover:var(--smart-warning);--smart-ui-state-border-hover:var(--smart-warning);--smart-ui-state-color-hover:var(--smart-warning-color);--smart-ui-state-active:var(--smart-warning);--smart-ui-state-border-active:var(--smart-warning);--smart-ui-state-color-active:var(--smart-warning-color);--smart-ui-state-focus:var(--smart-warning);--smart-ui-state-border-focus:var(--smart-warning);--smart-ui-state-color-focus:var(--smart-warning-color);--smart-button-flat-color:var(--smart-warning);--smart-button-outlined-color:var(--smart-warning);--smart-button-outlined-border:var(--smart-warning)}.smart-button-element.light,smart-button.light,smart-repeat-button.light,smart-toggle-button.light{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-light);--smart-border:var(--smart-light);--smart-border-rgb:var(--smart-light-rgb);--smart-background-color:var(--smart-light-color);--smart-ui-state-hover:var(--smart-light);--smart-ui-state-border-hover:var(--smart-light);--smart-ui-state-color-hover:var(--smart-light-color);--smart-ui-state-active:var(--smart-light);--smart-ui-state-border-active:var(--smart-light);--smart-ui-state-color-active:var(--smart-light-color);--smart-ui-state-focus:var(--smart-light);--smart-ui-state-border-focus:var(--smart-light);--smart-ui-state-color-focus:var(--smart-light-color);--smart-button-flat-color:var(--smart-light);--smart-button-outlined-color:var(--smart-light);--smart-button-outlined-border:var(--smart-light)}.smart-button-element.dark,smart-button.dark,smart-repeat-button.dark,smart-toggle-button.dark{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-dark);--smart-border:var(--smart-dark);--smart-border-rgb:var(--smart-dark-rgb);--smart-background-color:var(--smart-dark-color);--smart-ui-state-hover:var(--smart-dark);--smart-ui-state-border-hover:var(--smart-dark);--smart-ui-state-color-hover:var(--smart-dark-color);--smart-ui-state-active:var(--smart-dark);--smart-ui-state-border-active:var(--smart-dark);--smart-ui-state-color-active:var(--smart-dark-color);--smart-ui-state-focus:var(--smart-dark);--smart-ui-state-border-focus:var(--smart-dark);--smart-ui-state-color-focus:var(--smart-dark-color);--smart-button-flat-color:var(--smart-dark);--smart-button-outlined-color:var(--smart-dark);--smart-button-outlined-border:var(--smart-dark)}.smart-button-element[hover],smart-button[hover],smart-repeat-button[hover],smart-toggle-button[hover]{color:var(--smart-ui-state-color-hover);border-color:var(--smart-ui-state-border-hover);background-color:var(--smart-ui-state-hover);transition:background-color .1s linear,box-shadow 280ms ease-in-out;opacity:var(--smart-button-opacity-hover)}.smart-button-element[focus],smart-button[focus],smart-repeat-button[focus],smart-toggle-button[focus]{color:var(--smart-ui-state-color-focus);border-color:var(--smart-ui-state-border-focus);background-color:var(--smart-ui-state-focus);opacity:var(--smart-button-opacity-focus)}.smart-button-element[active],smart-button[active],smart-repeat-button[active],smart-toggle-button[active]{color:var(--smart-ui-state-color-active);border-color:var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active);transition:background-color .1s linear,box-shadow 280ms ease-in-out;opacity:var(--smart-button-opacity-active)}.smart-button-element[disabled],smart-button[disabled],smart-repeat-button[disabled],smart-toggle-button[disabled]{color:var(--smart-disabled-color);border-color:var(--smart-disabled);background-color:var(--smart-disabled);cursor:default;--smart-background:var(--smart-disabled);--smart-border:var(--smart-disabled);--smart-background-color:var(--smart-disabled-color)}.smart-button-element.large button,smart-button.large button,smart-repeat-button.large button,smart-toggle-button.large button{padding:var(--smart-button-large-padding);font-size:var(--smart-button-large-font-size)}.smart-button-element.small button,smart-button.small button,smart-repeat-button.small button,smart-toggle-button.small button{padding:var(--smart-button-small-padding);font-size:var(--smart-button-small-font-size)}.smart-button-element.very-small button,smart-button.very-small button,smart-repeat-button.very-small button,smart-toggle-button.very-small button{padding:var(--smart-button-very-small-padding);font-size:var(--smart-button-very-small-font-size)}.smart-button-element.rounded,smart-button.rounded,smart-repeat-button.rounded,smart-toggle-button.rounded{--smart-border-top-left-radius:50px;--smart-border-top-right-radius:50px;--smart-border-bottom-left-radius:50px;--smart-border-bottom-right-radius:50px;border-radius:var(--smart-border-bottom-left-radius)!important}.smart-button-element.squared,smart-button.squared,smart-repeat-button.squared,smart-toggle-button.squared{--smart-border-top-left-radius:0;--smart-border-top-right-radius:0;--smart-border-bottom-left-radius:0;--smart-border-bottom-right-radius:0}.smart-button-element.flat,.smart-button-element.flat[active],.smart-button-element.flat[hover],smart-button.flat,smart-button.flat[active],smart-button.flat[hover],smart-repeat-button.flat,smart-repeat-button.flat[active],smart-repeat-button.flat[hover],smart-toggle-button.flat,smart-toggle-button.flat[active],smart-toggle-button.flat[hover]{color:var(--smart-button-flat-color);background:0 0;border-color:transparent}.smart-button-element.flat[focus],smart-button.flat[focus],smart-repeat-button.flat[focus],smart-toggle-button.flat[focus]{border-color:var(--smart-ui-state-focus)}.smart-button-element.flat[checked],smart-button.flat[checked],smart-repeat-button.flat[checked],smart-toggle-button.flat[checked]{text-decoration:underline;background:var(--smart-ui-state-active)}.smart-button-element.flat .smart-ripple,smart-button.flat .smart-ripple,smart-repeat-button.flat .smart-ripple,smart-toggle-button.flat .smart-ripple{background-color:var(--smart-button-flat-color)}.smart-button-element.outlined,smart-button.outlined,smart-repeat-button.outlined,smart-toggle-button.outlined{color:var(--smart-button-outlined-color);border-color:var(--smart-button-outlined-border);background:0 0;border-width:calc(2 * var(--smart-border-width))}.smart-button-element.outlined[active],.smart-button-element.outlined[hover],smart-button.outlined[active],smart-button.outlined[hover],smart-repeat-button.outlined[active],smart-repeat-button.outlined[hover],smart-toggle-button.outlined[active],smart-toggle-button.outlined[hover]{color:var(--smart-button-outlined-color);border-color:var(--smart-button-outlined-border);background:0 0}.smart-button-element.outlined[focus],smart-button.outlined[focus],smart-repeat-button.outlined[focus],smart-toggle-button.outlined[focus]{color:var(--smart-button-outlined-color);border-color:var(--smart-ui-state-focus);background:0 0}.smart-button-element.outlined[checked],smart-button.outlined[checked],smart-repeat-button.outlined[checked],smart-toggle-button.outlined[checked]{color:var(--smart-ui-state-color-active);border-color:var(--smart-ui-state-active);background:var(--smart-ui-state-active)}.smart-button-element.outlined .smart-ripple,smart-button.outlined .smart-ripple,smart-repeat-button.outlined .smart-ripple,smart-toggle-button.outlined .smart-ripple{background-color:var(--smart-button-outlined-color)}.smart-button-element.outlined button.smart-button,smart-button.outlined button.smart-button,smart-repeat-button.outlined button.smart-button,smart-toggle-button.outlined button.smart-button{border-radius:initial}.smart-button-element.raised,smart-button.raised,smart-repeat-button.raised,smart-toggle-button.raised{box-shadow:var(--smart-elevation-2);transition:background-color .1s linear,box-shadow 280ms ease-in-out}.smart-button-element.raised[hover],smart-button.raised[hover],smart-repeat-button.raised[hover],smart-toggle-button.raised[hover]{box-shadow:var(--smart-elevation-4)}.smart-button-element.raised button[active],.smart-button-element.raised[active],.smart-button-element.raised[checked],smart-button.raised button[active],smart-button.raised[active],smart-button.raised[checked],smart-repeat-button.raised button[active],smart-repeat-button.raised[active],smart-repeat-button.raised[checked],smart-toggle-button.raised button[active],smart-toggle-button.raised[active],smart-toggle-button.raised[checked]{box-shadow:var(--smart-elevation-8)}.smart-button-element.raised[focus],.smart-button-element.raised[focus]:not([checked]),smart-button.raised[focus],smart-button.raised[focus]:not([checked]),smart-repeat-button.raised[focus],smart-repeat-button.raised[focus]:not([checked]),smart-toggle-button.raised[focus],smart-toggle-button.raised[focus]:not([checked]){box-shadow:var(--smart-elevation-6)}.smart-button-element.floating,smart-button.floating,smart-repeat-button.floating,smart-toggle-button.floating{border-radius:50%;width:48px;height:48px;box-shadow:var(--smart-elevation-4);transition:background-color .1s linear,box-shadow 280ms ease-in-out}.smart-button-element.floating[hover],smart-button.floating[hover],smart-repeat-button.floating[hover],smart-toggle-button.floating[hover]{box-shadow:var(--smart-elevation-6)}.smart-button-element.floating[active],.smart-button-element.floating[checked],smart-button.floating[active],smart-button.floating[checked],smart-repeat-button.floating[active],smart-repeat-button.floating[checked],smart-toggle-button.floating[active],smart-toggle-button.floating[checked]{box-shadow:var(--smart-elevation-12)}.smart-button-element.floating[focus],.smart-button-element.floating[focus]:not([checked]),smart-button.floating[focus],smart-button.floating[focus]:not([checked]),smart-repeat-button.floating[focus],smart-repeat-button.floating[focus]:not([checked]),smart-toggle-button.floating[focus],smart-toggle-button.floating[focus]:not([checked]){box-shadow:var(--smart-elevation-6)}button.smart-button{position:relative;padding:var(--smart-button-padding);text-align:inherit;vertical-align:inherit;cursor:inherit;text-transform:inherit;font-weight:inherit;letter-spacing:inherit;background:inherit;color:inherit;border:none;-webkit-font-smoothing:antialiased;opacity:var(--smart-button-opacity);white-space:nowrap;border-radius:inherit}.smart-button .smart-ripple{background:var(--smart-background-color)}[smart-toggle-button] .smart-container,smart-toggle-button .smart-container{font-weight:inherit;font-style:inherit}[smart-toggle-button][checked],smart-toggle-button[checked]{color:var(--smart-ui-state-color-selected);border-color:var(--smart-ui-state-border-selected);background-color:var(--smart-ui-state-selected)}.smart-scroll-button .smart-button{padding:0}:host(.smart-button.flat) .smart-ripple{background-color:var(--smart-button-flat-color)}:host(.smart-button.outlined) .smart-ripple{background-color:var(--smart-button-outlined-color)}button.smart-button[type]:not(.smart-container){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;text-align:center;vertical-align:middle;cursor:pointer;text-transform:var(--smart-button-text-transform);font-weight:500;letter-spacing:.08929em;overflow:hidden;font-style:var(--smart-font-style);font-size:var(--smart-font-size);background:var(--smart-background);outline:0}button.smart-button[type]:hover{color:var(--smart-ui-state-color-hover);border-color:var(--smart-ui-state-border-hover);background-color:var(--smart-ui-state-hover)}button.smart-button[type]:not([disabled]):active{color:var(--smart-ui-state-color-active);border-color:var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active)}smart-button[right-to-left],smart-repeat-button[right-to-left],smart-toggle-button[right-to-left]{direction:rtl}
|
|
4
4
|
smart-scroll-bar{display:block;touch-action:none;width:var(--smart-scroll-bar-default-width);height:var(--smart-scroll-bar-default-height)}smart-scroll-bar .smart-thumb{position:absolute;width:40px;background-clip:content-box;padding:var(--smart-scroll-bar-thumb-padding) 0;height:var(--smart-scroll-bar-thumb-size);cursor:default;box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--smart-scroll-bar-thumb-border);background-color:var(--smart-scroll-bar-thumb-background);border-top-left-radius:var(--smart-scroll-bar-thumb-border-top-left-radius);border-top-right-radius:var(--smart-scroll-bar-thumb-border-top-right-radius);border-bottom-left-radius:var(--smart-scroll-bar-thumb-border-bottom-left-radius);border-bottom-right-radius:var(--smart-scroll-bar-thumb-border-bottom-right-radius)}smart-scroll-bar .smart-thumb:hover{border-color:var(--smart-scroll-bar-thumb-border-hover);background-color:var(--smart-scroll-bar-thumb-background-hover)}smart-scroll-bar .smart-thumb:active{border-color:var(--smart-scroll-bar-thumb-border-active);background-color:var(--smart-scroll-bar-thumb-background-active)}smart-scroll-bar .smart-track{position:relative;float:left;height:100%;background-color:var(--smart-scroll-bar-track-background);width:100%}smart-scroll-bar .smart-scroll-button{display:none;float:left;width:var(--smart-scroll-button-size);height:100%;cursor:default;background-color:var(--smart-scroll-bar-button-background);color:var(--smart-scroll-bar-button-color);border:1px solid var(--smart-scroll-bar-button-border);min-height:0;padding:0;border-radius:0}smart-scroll-bar .smart-scroll-button:hover{background-color:var(--smart-scroll-bar-button-background-hover);color:var(--smart-scroll-bar-button-color-hover);border-color:var(--smart-scroll-bar-button-border-hover)}smart-scroll-bar .smart-scroll-button:active{background-color:var(--smart-scroll-bar-button-background-active);color:var(--smart-scroll-bar-button-color-active);border-color:var(--smart-scroll-bar-button-border-active)}smart-scroll-bar[show-buttons] .smart-track{width:calc(100% - var(--smart-scroll-button-size) * 2)}smart-scroll-bar[show-buttons] .smart-scroll-button{display:block}smart-scroll-bar[spinner][show-buttons] .smart-track{display:none}smart-scroll-bar[spinner][show-buttons] .smart-scroll-button{width:50%}smart-scroll-bar[discrete]{--smart-scroll-button-size:0px;--smart-scroll-bar-size:15px;--smart-scroll-bar-thumb-border-top-right-radius:6px;--smart-scroll-bar-thumb-border-top-left-radius:6px;--smart-scroll-bar-thumb-border-bottom-left-radius:6px;--smart-scroll-bar-thumb-border-bottom-right-radius:6px;--smart-scroll-bar-thumb-size:100%;--smart-scroll-bar-thumb-padding:3px;--smart-scroll-bar-default-width:var(--smart-editor-width);--smart-scroll-bar-default-height:var(--smart-scroll-bar-size);--smart-scroll-bar-background:#fafafa;--smart-scroll-bar-track-background:var(--smart-scroll-bar-background);--smart-scroll-bar-border:#F1F1F1;--smart-scroll-bar-thumb-background:#C1C1C1;--smart-scroll-bar-thumb-border:transparent}smart-scroll-bar[orientation=vertical]{height:var(--smart-scroll-bar-default-width);width:var(--smart-scroll-bar-default-height)}smart-scroll-bar[orientation=vertical] .smart-thumb{width:var(--smart-scroll-bar-thumb-size);padding:0 var(--smart-scroll-bar-thumb-padding);height:40px;top:0}smart-scroll-bar[orientation=vertical] .smart-track{float:none;width:100%;height:100%}smart-scroll-bar[orientation=vertical] .smart-scroll-button{float:none;height:var(--smart-scroll-button-size);width:100%}smart-scroll-bar[orientation=vertical][show-buttons] .smart-track{height:calc(100% - var(--smart-scroll-button-size) * 2)}smart-scroll-bar[orientation=vertical][spinner] .smart-scroll-button{height:50%;width:100%;float:none}
|