@smart-webcomponents-angular/columnpanel 13.0.1 → 13.0.9

package/README.md

@@ -2,6 +2,10 @@
  Smart.ColumnPanel represents a feature-complete, responsive and touch friendly Angular ColumnPanel component. 
  > This is a commercial product and requires a paid license for use. You can purchase a license at https://www.jqwidgets.com/license/ or start a free 30-day trial.
 > 
+ ## Angular 13 support
+ 
+ The Smart UI for Angular components are packaged using the latest Angular Package Format guidelines. 
+ 
  ## Resources
  * [Getting Started](https://www.htmlelements.com/docs/angular-cli/)
 * [View Online Demos](https://www.htmlelements.com/angular/)
@@ -34,8 +38,12 @@ npm install @smart-webcomponents-angular/columnpanel
 The CSS files are available in ../node_modules/@smart-webcomponents-angular/columnpanel/styles/ folder.
 ```javascript
 "styles": [
-	"node_modules/@smart-webcomponents-angular/columnpanel/styles/smart.columnpanel.css"
+	"node_modules/@smart-webcomponents-angular/columnpanel/styles/smart.base.css",
+	"node_modules/@smart-webcomponents-angular/columnpanel/styles/smart.columnpanel.css",
+	"node_modules/@smart-webcomponents-angular/columnpanel/styles/smart.common.css"
 ]
+
+If you use more than one Smart UI component in your application, firstly add 'smart.base.css', then your components css files like 'smart.grid.css', 'smart.scheduler.css' and finally 'smart.common.css'. 
 ```
  * Add the Component Module in your application
 
@@ -62,5 +70,5 @@ export class AppModule { }
  Check the license detail [here](https://jqwidgets.com/license/).
  ## Release Notes
  Check the release notes [here](https://www.htmlelements.com/docs/release-notes/)
-     © Copyright 2021 jQWidgets, Ltd. All Rights Reserved.
+     © Copyright 2022 jQWidgets, Ltd. All Rights Reserved.
   

package/columnpanel/smart.element.d.ts

@@ -34,6 +34,6 @@ export declare class BaseElement {
     get theme(): string;
     set theme(value: string);
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseElement, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseElement, never, never, { "locale": "locale"; "localizeFormatFunction": "localizeFormatFunction"; "messages": "messages"; "rightToLeft": "rightToLeft"; "theme": "theme"; }, { "onCreate": "onCreate"; "onReady": "onReady"; "onAttach": "onAttach"; "onDetach": "onDetach"; }, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseElement, "ng-component", never, { "locale": "locale"; "localizeFormatFunction": "localizeFormatFunction"; "messages": "messages"; "rightToLeft": "rightToLeft"; "theme": "theme"; }, { "onCreate": "onCreate"; "onReady": "onReady"; "onAttach": "onAttach"; "onDetach": "onDetach"; }, never, never>;
 }
 export declare const Smart: any;

package/esm2020/columnpanel/smart.element.mjs

@@ -1,4 +1,4 @@
-import { Input, Output, Directive, EventEmitter } from '@angular/core';
+import { Component, Input, Output, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export class BaseElement {
     constructor(ref) {
@@ -69,10 +69,13 @@ export class BaseElement {
         this.nativeElement ? this.nativeElement.theme = value : undefined;
     }
 }
-BaseElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-BaseElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: BaseElement, inputs: { locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", rightToLeft: "rightToLeft", theme: "theme" }, outputs: { onCreate: "onCreate", onReady: "onReady", onAttach: "onAttach", onDetach: "onDetach" }, ngImport: i0 });
+BaseElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+BaseElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BaseElement, selector: "ng-component", inputs: { locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", rightToLeft: "rightToLeft", theme: "theme" }, outputs: { onCreate: "onCreate", onReady: "onReady", onAttach: "onAttach", onDetach: "onDetach" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseElement, decorators: [{
-            type: Directive
+            type: Component,
+            args: [{
+                    template: ''
+                }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onCreate: [{
                 type: Output
             }], onReady: [{
@@ -93,4 +96,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                 type: Input
             }] } });
 export const Smart = window.Smart;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQuZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbHVtbnBhbmVsL3NyYy9zbWFydC5lbGVtZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBLE9BQU8sRUFBYyxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBR25GLE1BQU0sT0FBTyxXQUFXO0lBQ3BCLFlBQVksR0FBZTtRQWFqQixhQUFRLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDakQsWUFBTyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2hELGFBQVEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNqRCxhQUFRLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFmdkQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLElBQUksQ0FBQyxhQUFhLEdBQUcsR0FBRyxDQUFDLGFBQW9CLENBQUM7UUFFOUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxVQUFVLEdBQUcsR0FBRyxFQUFFO1lBQ2pDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUMzQyxDQUFDLENBQUE7UUFFRCxJQUFJLENBQUMsYUFBYSxDQUFDLFVBQVUsR0FBRyxHQUFHLEVBQUU7WUFDakMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzNDLENBQUMsQ0FBQTtJQUNMLENBQUM7SUFTTSxnQkFBZ0IsQ0FBQyxJQUFZLEVBQUUsUUFBNEMsRUFBRSxVQUE2QyxLQUFLO1FBQ2xJLElBQUksQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBRU0sbUJBQW1CLENBQUMsSUFBWSxFQUFFLFFBQTRDLEVBQUUsVUFBNkMs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QkFBakIsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNO2dCQThCTixNQUFNO3NCQURULEtBQUs7Z0JBVUYsc0JBQXNCO3NCQUR6QixLQUFLO2dCQVVGLFFBQVE7c0JBRFgsS0FBSztnQkFVRixXQUFXO3NCQURkLEtBQUs7Z0JBVUYsS0FBSztzQkFEUixLQUFLOztBQVNQLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBUSxNQUFNLENBQUMsS0FBSyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXG5kZWNsYXJlIGdsb2JhbCB7XG4gICAgaW50ZXJmYWNlIFdpbmRvdyB7XG4gICAgICAgIFNtYXJ0OiBhbnk7XG59XG59XG5cblxuaW1wb3J0IHsgRWxlbWVudFJlZiwgSW5wdXQsIE91dHB1dCwgRGlyZWN0aXZlLCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVsZW1lbnRSZW5kZXJNb2RlIH0gZnJvbSAnLi8uLi9pbmRleCc7XG5ARGlyZWN0aXZlKClcbmV4cG9ydCBjbGFzcyBCYXNlRWxlbWVudCB7XG4gICAgY29uc3RydWN0b3IocmVmOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIGNvbnN0IHRoYXQgPSB0aGlzO1xuICAgICAgICB0aGlzLm5hdGl2ZUVsZW1lbnQgPSByZWYubmF0aXZlRWxlbWVudCBhcyBhbnk7XG5cbiAgICAgICAgdGhhdC5uYXRpdmVFbGVtZW50Lm9uQXR0YWNoZWQgPSAoKSA9PiB7XG4gICAgICAgICAgICB0aGF0Lm9uQXR0YWNoLmVtaXQodGhhdC5uYXRpdmVFbGVtZW50KTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoYXQubmF0aXZlRWxlbWVudC5vbkRldGFjaGVkID0gKCkgPT4ge1xuICAgICAgICAgICAgdGhhdC5vbkRldGFjaC5lbWl0KHRoYXQubmF0aXZlRWxlbWVudCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgb25DcmVhdGU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBvblJlYWR5OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgb25BdHRhY2g6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBvbkRldGFjaDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBwdWJsaWMgbmF0aXZlRWxlbWVudDogYW55O1xuXG4gICAgcHVibGljIGFkZEV2ZW50TGlzdGVuZXIodHlwZTogc3RyaW5nLCBsaXN0ZW5lcjogRXZlbnRMaXN0ZW5lck9yRXZlbnRMaXN0ZW5lck9iamVjdCwgb3B0aW9uczogYm9vbGVhbiB8IEFkZEV2ZW50TGlzdGVuZXJPcHRpb25zID0gZmFsc2UpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5uYXRpdmVFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIodHlwZSwgbGlzdGVuZXIsIG9wdGlvbnMpO1xuXHR9XG5cblx0cHVibGljIHJlbW92ZUV2ZW50TGlzdGVuZXIodHlwZTogc3RyaW5nLCBsaXN0ZW5lcjogRXZlbnRMaXN0ZW5lck9yRXZlbnRMaXN0ZW5lck9iamVjdCwgb3B0aW9uczogYm9vbGVhbiB8IEFkZEV2ZW50TGlzdGVuZXJPcHRpb25zID0gZmFsc2UpOiB2b2lkIHtcblx0XHR0aGlzLm5hdGl2ZUVsZW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcih0eXBlLCBsaXN0ZW5lciwgb3B0aW9ucyk7XG5cdH1cblxuXHRwdWJsaWMgZGlzcGF0Y2hFdmVudChldmVudDogRXZlbnQpOiBib29sZWFuIHtcblx0XHRyZXR1cm4gdGhpcy5uYXRpdmVFbGVtZW50LmRpc3BhdGNoRXZlbnQoZXZlbnQpO1xuXHR9XG5cblx0cHVibGljIGJsdXIoKTogdm9pZCB7XG5cdFx0dGhpcy5uYXRpdmVFbGVtZW50LmJsdXIoKTtcblx0fVxuXG5cdHB1YmxpYyBjbGljaygpOiB2b2lkIHtcblx0XHR0aGlzLm5hdGl2ZUVsZW1lbnQuY2xpY2soKTtcblx0fVxuXG5cdHB1YmxpYyBmb2N1cyhvcHRpb25zPzogRm9jdXNPcHRpb25zKTogdm9pZCB7XG5cdFx0dGhpcy5uYXRpdmVFbGVtZW50LmZvY3VzKG9wdGlvbnMpO1xuXHR9XG5cbi8qKiBAZGVzY3JpcHRpb24gU2V0cyBvciBnZXRzIHRoZSBsYW5ndWFnZS4gVXNlZCBpbiBjb25qdW5jdGlvbiB3aXRoIHRoZSBwcm9wZXJ0eSBtZXNzYWdlcy4gICovXG5cdEBJbnB1dCgpXG5cdGdldCBsb2NhbGUoKTogc3RyaW5nIHtcblx0XHRyZXR1cm4gdGhpcy5uYXRpdmVFbGVtZW50ID8gdGhpcy5uYXRpdmVFbGVtZW50LmxvY2FsZSA6IHVuZGVmaW5lZDtcblx0fVxuXHRzZXQgbG9jYWxlKHZhbHVlOiBzdHJpbmcpIHtcblx0XHR0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQubG9jYWxlID0gdmFsdWUgOiB1bmRlZmluZWQ7XG5cdH1cblxuXHQvKiogQGRlc2NyaXB0aW9uIENhbGxiYWNrIHVzZWQgdG8gY3VzdG9taXplIHRoZSBmb3JtYXQgb2YgdGhlIG1lc3NhZ2VzIHRoYXQgYXJlIHJldHVybmVkIGZyb20gdGhlIExvY2FsaXphdGlvbiBNb2R1bGUuICovXG5cdEBJbnB1dCgpXG5cdGdldCBsb2NhbGl6ZUZvcm1hdEZ1bmN0aW9uKCk6IGFueSB7XG5cdFx0cmV0dXJuIHRoaXMubmF0aXZlRWxlbWVudCA/IHRoaXMubmF0aXZlRWxlbWVudC5sb2NhbGl6ZUZvcm1hdEZ1bmN0aW9uIDogdW5kZWZpbmVkO1xuXHR9XG5cdHNldCBsb2NhbGl6ZUZvcm1hdEZ1bmN0aW9uKHZhbHVlOiBhbnkpIHtcblx0XHR0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQubG9jYWxpemVGb3JtYXRGdW5jdGlvbiA9IHZhbHVlIDogdW5kZWZpbmVkO1xuXHR9XG5cblx0LyoqIEBkZXNjcmlwdGlvbiBTZXRzIG9yIGdldHMgYW4gb2JqZWN0IHNwZWNpZnlpbmcgc3RyaW5ncyB1c2VkIGluIHRoZSB3aWRnZXQgdGhhdCBjYW4gYmUgbG9jYWxpemVkLiBVc2VkIGluIGNvbmp1bmN0aW9uIHdpdGggdGhlIHByb3BlcnR5IGxvY2FsZS4gICovXG5cdEBJbnB1dCgpXG5cdGdldCBtZXNzYWdlcygpOiBhbnkge1xuXHRcdHJldHVybiB0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQubWVzc2FnZXMgOiB1bmRlZmluZWQ7XG5cdH1cblx0c2V0IG1lc3NhZ2VzKHZhbHVlOiBhbnkpIHtcblx0XHR0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQubWVzc2FnZXMgPSB2YWx1ZSA6IHVuZGVmaW5lZDtcblx0fVxuXG5cdC8qKiBAZGVzY3JpcHRpb24gU2V0cyBvciBnZXRzIHRoZSB2YWx1ZSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIGVsZW1lbnQgaXMgYWxpZ25lZCB0byBzdXBwb3J0IGxvY2FsZXMgdXNpbmcgcmlnaHQtdG8tbGVmdCBmb250cy4gKi9cblx0QElucHV0KClcblx0Z2V0IHJpZ2h0VG9MZWZ0KCk6IGJvb2xlYW4ge1xuXHRcdHJldHVybiB0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQucmlnaHRUb0xlZnQgOiB1bmRlZmluZWQ7XG5cdH1cblx0c2V0IHJpZ2h0VG9MZWZ0KHZhbHVlOiBib29sZWFuKSB7XG5cdFx0dGhpcy5uYXRpdmVFbGVtZW50ID8gdGhpcy5uYXRpdmVFbGVtZW50LnJpZ2h0VG9MZWZ0ID0gdmFsdWUgOiB1bmRlZmluZWQ7XG5cdH1cblxuXHQvKiogQGRlc2NyaXB0aW9uIERldGVybWluZXMgdGhlIHRoZW1lLiBUaGVtZSBkZWZpbmVzIHRoZSBsb29rIG9mIHRoZSBlbGVtZW50ICovXG5cdEBJbnB1dCgpXG5cdGdldCB0aGVtZSgpOiBzdHJpbmcge1xuXHRcdHJldHVybiB0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQudGhlbWUgOiB1bmRlZmluZWQ7XG5cdH1cblx0c2V0IHRoZW1lKHZhbHVlOiBzdHJpbmcpIHtcblx0XHR0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQudGhlbWUgPSB2YWx1ZSA6IHVuZGVmaW5lZDtcblx0fVxufVxuXG5leHBvcnQgY29uc3QgU21hcnQ6IGFueSA9IHdpbmRvdy5TbWFydDtcblxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQuZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbHVtbnBhbmVsL3NyYy9zbWFydC5lbGVtZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTW5GLE1BQU0sT0FBTyxXQUFXO0lBQ3BCLFlBQVksR0FBZTtRQWFqQixhQUFRLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDakQsWUFBTyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2hELGFBQVEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNqRCxhQUFRLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFmdkQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLElBQUksQ0FBQyxhQUFhLEdBQUcsR0FBRyxDQUFDLGFBQW9CLENBQUM7UUFFOUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxVQUFVLEdBQUcsR0FBRyxFQUFFO1lBQ2pDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUMzQyxDQUFDLENBQUE7UUFFRCxJQUFJLENBQUMsYUFBYSxDQUFDLFVBQVUsR0FBRyxHQUFHLEVBQUU7WUFDakMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzNDLENBQUMsQ0FBQTtJQUNMLENBQUM7SUFTTSxnQkFBZ0IsQ0FBQyxJQUFZLEVBQUUsUUFBNEMsRUFBRSxVQUE2QyxLQUFLO1FBQ2xJLElBQUksQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBRU0sbUJBQW1CLENBQUMsSUFBWSxFQUFFLFFBQTRDLEVBQUUsVUFBNkMs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QWpCLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLFFBQVE7c0JBQWpCLE1BQU07Z0JBOEJOLE1BQU07c0JBRFQsS0FBSztnQkFVRixzQkFBc0I7c0JBRHpCLEtBQUs7Z0JBVUYsUUFBUTtzQkFEWCxLQUFLO2dCQVVGLFdBQVc7c0JBRGQsS0FBSztnQkFVRixLQUFLO3NCQURSLEtBQUs7O0FBU1AsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFRLE1BQU0sQ0FBQyxLQUFLLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmRlY2xhcmUgZ2xvYmFsIHtcbiAgICBpbnRlcmZhY2UgV2luZG93IHtcbiAgICAgICAgU21hcnQ6IGFueTtcbn1cbn1cblxuXG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWxlbWVudFJlbmRlck1vZGUgfSBmcm9tICcuLy4uL2luZGV4JztcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiAnJ1xufSlcbmV4cG9ydCBjbGFzcyBCYXNlRWxlbWVudCB7XG4gICAgY29uc3RydWN0b3IocmVmOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIGNvbnN0IHRoYXQgPSB0aGlzO1xuICAgICAgICB0aGlzLm5hdGl2ZUVsZW1lbnQgPSByZWYubmF0aXZlRWxlbWVudCBhcyBhbnk7XG5cbiAgICAgICAgdGhhdC5uYXRpdmVFbGVtZW50Lm9uQXR0YWNoZWQgPSAoKSA9PiB7XG4gICAgICAgICAgICB0aGF0Lm9uQXR0YWNoLmVtaXQodGhhdC5uYXRpdmVFbGVtZW50KTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoYXQubmF0aXZlRWxlbWVudC5vbkRldGFjaGVkID0gKCkgPT4ge1xuICAgICAgICAgICAgdGhhdC5vbkRldGFjaC5lbWl0KHRoYXQubmF0aXZlRWxlbWVudCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgb25DcmVhdGU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBvblJlYWR5OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgb25BdHRhY2g6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBvbkRldGFjaDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBwdWJsaWMgbmF0aXZlRWxlbWVudDogYW55O1xuXG4gICAgcHVibGljIGFkZEV2ZW50TGlzdGVuZXIodHlwZTogc3RyaW5nLCBsaXN0ZW5lcjogRXZlbnRMaXN0ZW5lck9yRXZlbnRMaXN0ZW5lck9iamVjdCwgb3B0aW9uczogYm9vbGVhbiB8IEFkZEV2ZW50TGlzdGVuZXJPcHRpb25zID0gZmFsc2UpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5uYXRpdmVFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIodHlwZSwgbGlzdGVuZXIsIG9wdGlvbnMpO1xuXHR9XG5cblx0cHVibGljIHJlbW92ZUV2ZW50TGlzdGVuZXIodHlwZTogc3RyaW5nLCBsaXN0ZW5lcjogRXZlbnRMaXN0ZW5lck9yRXZlbnRMaXN0ZW5lck9iamVjdCwgb3B0aW9uczogYm9vbGVhbiB8IEFkZEV2ZW50TGlzdGVuZXJPcHRpb25zID0gZmFsc2UpOiB2b2lkIHtcblx0XHR0aGlzLm5hdGl2ZUVsZW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcih0eXBlLCBsaXN0ZW5lciwgb3B0aW9ucyk7XG5cdH1cblxuXHRwdWJsaWMgZGlzcGF0Y2hFdmVudChldmVudDogRXZlbnQpOiBib29sZWFuIHtcblx0XHRyZXR1cm4gdGhpcy5uYXRpdmVFbGVtZW50LmRpc3BhdGNoRXZlbnQoZXZlbnQpO1xuXHR9XG5cblx0cHVibGljIGJsdXIoKTogdm9pZCB7XG5cdFx0dGhpcy5uYXRpdmVFbGVtZW50LmJsdXIoKTtcblx0fVxuXG5cdHB1YmxpYyBjbGljaygpOiB2b2lkIHtcblx0XHR0aGlzLm5hdGl2ZUVsZW1lbnQuY2xpY2soKTtcblx0fVxuXG5cdHB1YmxpYyBmb2N1cyhvcHRpb25zPzogRm9jdXNPcHRpb25zKTogdm9pZCB7XG5cdFx0dGhpcy5uYXRpdmVFbGVtZW50LmZvY3VzKG9wdGlvbnMpO1xuXHR9XG5cbi8qKiBAZGVzY3JpcHRpb24gU2V0cyBvciBnZXRzIHRoZSBsYW5ndWFnZS4gVXNlZCBpbiBjb25qdW5jdGlvbiB3aXRoIHRoZSBwcm9wZXJ0eSBtZXNzYWdlcy4gICovXG5cdEBJbnB1dCgpXG5cdGdldCBsb2NhbGUoKTogc3RyaW5nIHtcblx0XHRyZXR1cm4gdGhpcy5uYXRpdmVFbGVtZW50ID8gdGhpcy5uYXRpdmVFbGVtZW50LmxvY2FsZSA6IHVuZGVmaW5lZDtcblx0fVxuXHRzZXQgbG9jYWxlKHZhbHVlOiBzdHJpbmcpIHtcblx0XHR0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQubG9jYWxlID0gdmFsdWUgOiB1bmRlZmluZWQ7XG5cdH1cblxuXHQvKiogQGRlc2NyaXB0aW9uIENhbGxiYWNrIHVzZWQgdG8gY3VzdG9taXplIHRoZSBmb3JtYXQgb2YgdGhlIG1lc3NhZ2VzIHRoYXQgYXJlIHJldHVybmVkIGZyb20gdGhlIExvY2FsaXphdGlvbiBNb2R1bGUuICovXG5cdEBJbnB1dCgpXG5cdGdldCBsb2NhbGl6ZUZvcm1hdEZ1bmN0aW9uKCk6IGFueSB7XG5cdFx0cmV0dXJuIHRoaXMubmF0aXZlRWxlbWVudCA/IHRoaXMubmF0aXZlRWxlbWVudC5sb2NhbGl6ZUZvcm1hdEZ1bmN0aW9uIDogdW5kZWZpbmVkO1xuXHR9XG5cdHNldCBsb2NhbGl6ZUZvcm1hdEZ1bmN0aW9uKHZhbHVlOiBhbnkpIHtcblx0XHR0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQubG9jYWxpemVGb3JtYXRGdW5jdGlvbiA9IHZhbHVlIDogdW5kZWZpbmVkO1xuXHR9XG5cblx0LyoqIEBkZXNjcmlwdGlvbiBTZXRzIG9yIGdldHMgYW4gb2JqZWN0IHNwZWNpZnlpbmcgc3RyaW5ncyB1c2VkIGluIHRoZSB3aWRnZXQgdGhhdCBjYW4gYmUgbG9jYWxpemVkLiBVc2VkIGluIGNvbmp1bmN0aW9uIHdpdGggdGhlIHByb3BlcnR5IGxvY2FsZS4gICovXG5cdEBJbnB1dCgpXG5cdGdldCBtZXNzYWdlcygpOiBhbnkge1xuXHRcdHJldHVybiB0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQubWVzc2FnZXMgOiB1bmRlZmluZWQ7XG5cdH1cblx0c2V0IG1lc3NhZ2VzKHZhbHVlOiBhbnkpIHtcblx0XHR0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQubWVzc2FnZXMgPSB2YWx1ZSA6IHVuZGVmaW5lZDtcblx0fVxuXG5cdC8qKiBAZGVzY3JpcHRpb24gU2V0cyBvciBnZXRzIHRoZSB2YWx1ZSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIGVsZW1lbnQgaXMgYWxpZ25lZCB0byBzdXBwb3J0IGxvY2FsZXMgdXNpbmcgcmlnaHQtdG8tbGVmdCBmb250cy4gKi9cblx0QElucHV0KClcblx0Z2V0IHJpZ2h0VG9MZWZ0KCk6IGJvb2xlYW4ge1xuXHRcdHJldHVybiB0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQucmlnaHRUb0xlZnQgOiB1bmRlZmluZWQ7XG5cdH1cblx0c2V0IHJpZ2h0VG9MZWZ0KHZhbHVlOiBib29sZWFuKSB7XG5cdFx0dGhpcy5uYXRpdmVFbGVtZW50ID8gdGhpcy5uYXRpdmVFbGVtZW50LnJpZ2h0VG9MZWZ0ID0gdmFsdWUgOiB1bmRlZmluZWQ7XG5cdH1cblxuXHQvKiogQGRlc2NyaXB0aW9uIERldGVybWluZXMgdGhlIHRoZW1lLiBUaGVtZSBkZWZpbmVzIHRoZSBsb29rIG9mIHRoZSBlbGVtZW50ICovXG5cdEBJbnB1dCgpXG5cdGdldCB0aGVtZSgpOiBzdHJpbmcge1xuXHRcdHJldHVybiB0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQudGhlbWUgOiB1bmRlZmluZWQ7XG5cdH1cblx0c2V0IHRoZW1lKHZhbHVlOiBzdHJpbmcpIHtcblx0XHR0aGlzLm5hdGl2ZUVsZW1lbnQgPyB0aGlzLm5hdGl2ZUVsZW1lbnQudGhlbWUgPSB2YWx1ZSA6IHVuZGVmaW5lZDtcblx0fVxufVxuXG5leHBvcnQgY29uc3QgU21hcnQ6IGFueSA9IHdpbmRvdy5TbWFydDtcblxuIl19

package/fesm2015/smart-webcomponents-angular-columnpanel.mjs

@@ -8,7 +8,7 @@ else {
 import './../source/modules/smart.gridpanel';
 
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Output, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { EventEmitter, Component, Output, Input, Directive, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 
 class BaseElement {
     constructor(ref) {
@@ -79,10 +79,13 @@ class BaseElement {
         this.nativeElement ? this.nativeElement.theme = value : undefined;
     }
 }
-BaseElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-BaseElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: BaseElement, inputs: { locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", rightToLeft: "rightToLeft", theme: "theme" }, outputs: { onCreate: "onCreate", onReady: "onReady", onAttach: "onAttach", onDetach: "onDetach" }, ngImport: i0 });
+BaseElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+BaseElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BaseElement, selector: "ng-component", inputs: { locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", rightToLeft: "rightToLeft", theme: "theme" }, outputs: { onCreate: "onCreate", onReady: "onReady", onAttach: "onAttach", onDetach: "onDetach" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseElement, decorators: [{
-            type: Directive
+            type: Component,
+            args: [{
+                    template: ''
+                }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onCreate: [{
                 type: Output
             }], onReady: [{

package/fesm2015/smart-webcomponents-angular-columnpanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"smart-webcomponents-angular-columnpanel.mjs","sources":["../../columnpanel/src/smart.element.ts","../../columnpanel/src/smart.columnpanel.ts","../../columnpanel/src/smart.columnpanel.module.ts","../../columnpanel/src/smart-webcomponents-angular-columnpanel.ts"],"sourcesContent":["\ndeclare global {\n    interface Window {\n        Smart: any;\n}\n}\n\n\nimport { ElementRef, Input, Output, Directive, EventEmitter } from '@angular/core';\nimport { ElementRenderMode } from './../index';\n@Directive()\nexport class BaseElement {\n    constructor(ref: ElementRef) {\n        const that = this;\n        this.nativeElement = ref.nativeElement as any;\n\n        that.nativeElement.onAttached = () => {\n            that.onAttach.emit(that.nativeElement);\n        }\n\n        that.nativeElement.onDetached = () => {\n            that.onDetach.emit(that.nativeElement);\n        }\n    }\n\n    @Output() onCreate: EventEmitter<any> = new EventEmitter();\n    @Output() onReady: EventEmitter<any> = new EventEmitter();\n    @Output() onAttach: EventEmitter<any> = new EventEmitter();\n    @Output() onDetach: EventEmitter<any> = new EventEmitter();\n\n    public nativeElement: any;\n\n    public addEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {\n        this.nativeElement.addEventListener(type, listener, options);\n\t}\n\n\tpublic removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {\n\t\tthis.nativeElement.removeEventListener(type, listener, options);\n\t}\n\n\tpublic dispatchEvent(event: Event): boolean {\n\t\treturn this.nativeElement.dispatchEvent(event);\n\t}\n\n\tpublic blur(): void {\n\t\tthis.nativeElement.blur();\n\t}\n\n\tpublic click(): void {\n\t\tthis.nativeElement.click();\n\t}\n\n\tpublic focus(options?: FocusOptions): void {\n\t\tthis.nativeElement.focus(options);\n\t}\n\n/** @description Sets or gets the language. Used in conjunction with the property messages.  */\n\t@Input()\n\tget locale(): string {\n\t\treturn this.nativeElement ? this.nativeElement.locale : undefined;\n\t}\n\tset locale(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.locale = value : undefined;\n\t}\n\n\t/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */\n\t@Input()\n\tget localizeFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;\n\t}\n\tset localizeFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;\n\t}\n\n\t/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */\n\t@Input()\n\tget messages(): any {\n\t\treturn this.nativeElement ? this.nativeElement.messages : undefined;\n\t}\n\tset messages(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.messages = value : undefined;\n\t}\n\n\t/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */\n\t@Input()\n\tget rightToLeft(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.rightToLeft : undefined;\n\t}\n\tset rightToLeft(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.rightToLeft = value : undefined;\n\t}\n\n\t/** @description Determines the theme. Theme defines the look of the element */\n\t@Input()\n\tget theme(): string {\n\t\treturn this.nativeElement ? this.nativeElement.theme : undefined;\n\t}\n\tset theme(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.theme = value : undefined;\n\t}\n}\n\nexport const Smart: any = window.Smart;\n\n","import { ColumnPanel } from './../index';\nimport { Animation, ColumnPanelDataSource, ElementRenderMode} from './../index';\nimport { Component, Directive, AfterViewInit, ElementRef, Input, OnInit, OnChanges, OnDestroy, SimpleChanges, Output, EventEmitter } from '@angular/core';\nimport { BaseElement, Smart } from './smart.element';\nexport { Animation, ColumnPanelDataSource, ElementRenderMode} from './../index';\nexport { Smart } from './smart.element';\nexport { ColumnPanel } from './../index';\n\n\n@Directive({\n\tselector: 'smart-column-panel, [smart-column-panel]'\n})\n\nexport class ColumnPanelComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {\n\tconstructor(ref: ElementRef<ColumnPanel>) {\n\t\tsuper(ref);\n\t\tthis.nativeElement = ref.nativeElement as ColumnPanel;\n\t}\n\n\tprivate eventHandlers: any[] = [];\n\n\tpublic nativeElement: ColumnPanel;\n\t/** @description Creates the component on demand.\n\t * @param properties An optional object of properties, which will be added to the template binded ones.\n\t */\n\tpublic createComponent(properties = {}): any {\n    \tthis.nativeElement = <ColumnPanel>document.createElement('smart-column-panel');\n\t\tfor (let propertyName in properties) { \n \t\t\tthis.nativeElement[propertyName] = properties[propertyName];\n\t\t}\n\t\treturn this.nativeElement;\n\t}\n\t/** @description Sets or gets the animation mode. Animation is disabled when the property is set to 'none' */\n\t@Input()\n\tget animation(): Animation {\n\t\treturn this.nativeElement ? this.nativeElement.animation : undefined;\n\t}\n\tset animation(value: Animation) {\n\t\tthis.nativeElement ? this.nativeElement.animation = value : undefined;\n\t}\n\n\t/** @description Determines the data source that will be loaded to the column panel. */\n\t@Input()\n\tget dataSource(): ColumnPanelDataSource[] {\n\t\treturn this.nativeElement ? this.nativeElement.dataSource : undefined;\n\t}\n\tset dataSource(value: ColumnPanelDataSource[]) {\n\t\tthis.nativeElement ? this.nativeElement.dataSource = value : undefined;\n\t}\n\n\t/** @description Enables or disables the column panel. */\n\t@Input()\n\tget disabled(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disabled : undefined;\n\t}\n\tset disabled(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disabled = value : undefined;\n\t}\n\n\t/** @description Sets or gets the language. Used in conjunction with the property messages. */\n\t@Input()\n\tget locale(): string {\n\t\treturn this.nativeElement ? this.nativeElement.locale : undefined;\n\t}\n\tset locale(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.locale = value : undefined;\n\t}\n\n\t/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */\n\t@Input()\n\tget localizeFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;\n\t}\n\tset localizeFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;\n\t}\n\n\t/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */\n\t@Input()\n\tget messages(): any {\n\t\treturn this.nativeElement ? this.nativeElement.messages : undefined;\n\t}\n\tset messages(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.messages = value : undefined;\n\t}\n\n\t/** @description If the element is readonly, users cannot interact with it. */\n\t@Input()\n\tget readonly(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.readonly : undefined;\n\t}\n\tset readonly(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.readonly = value : undefined;\n\t}\n\n\t/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */\n\t@Input()\n\tget rightToLeft(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.rightToLeft : undefined;\n\t}\n\tset rightToLeft(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.rightToLeft = value : undefined;\n\t}\n\n\t/** @description If is set to true, the element cannot be focused. */\n\t@Input()\n\tget unfocusable(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.unfocusable : undefined;\n\t}\n\tset unfocusable(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.unfocusable = value : undefined;\n\t}\n\n\t/** @description This event is triggered when the \"Apply\" button is clicked.\n\t*  @param event. The custom event. \tCustom event was created with: event.detail(\tvalue, \tpositionChanged)\n\t*   value - The current configuration of columns (data source).\n\t*   positionChanged - A boolean detail that shows whether the columns have been reordered.\n\t*/\n\t@Output() onApply: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered when the \"Cancel\" button is clicked.\n\t*  @param event. The custom event. \t*/\n\t@Output() onCancel: EventEmitter<CustomEvent> = new EventEmitter();\n\n\n\tget isRendered(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.isRendered : false;\n\t}\n\n\tngOnInit() {\n\t}\n\n    ngAfterViewInit() {\n      const that = this;\n\n      that.onCreate.emit(that.nativeElement);\n\n\t\tSmart.Render();\n\n\t\tthis.nativeElement.classList.add('smart-angular');\n\n\t\tthis.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });\n\t\tthis.listen();\n\t}\n\n\tngOnDestroy() {\n\t\tthis.unlisten();\n\t}\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (this.nativeElement && this.nativeElement.isRendered) {\n\t\t\tfor (const propName in changes) {\n\t\t\t\tif (changes.hasOwnProperty(propName)) {\n\t\t\t\t\tthis.nativeElement[propName] = changes[propName].currentValue;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/** @description Add event listeners. */\n\tprivate listen(): void {\n        const that = this;\n\t\tthat.eventHandlers['applyHandler'] = (event: CustomEvent) => { that.onApply.emit(event); }\n\t\tthat.nativeElement.addEventListener('apply', that.eventHandlers['applyHandler']);\n\n\t\tthat.eventHandlers['cancelHandler'] = (event: CustomEvent) => { that.onCancel.emit(event); }\n\t\tthat.nativeElement.addEventListener('cancel', that.eventHandlers['cancelHandler']);\n\n\t}\n\n\t/** @description Remove event listeners. */\n\tprivate unlisten(): void {\n        const that = this;\n\t\tif (that.eventHandlers['applyHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('apply', that.eventHandlers['applyHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['cancelHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('cancel', that.eventHandlers['cancelHandler']);\n\t\t}\n\n\t}\n}\n","import { NgModule } from '@angular/core';\n\nimport { ColumnPanelComponent } from './smart.columnpanel';\nimport { CUSTOM_ELEMENTS_SCHEMA  } from '@angular/core';\n\n@NgModule({\n    declarations: [ColumnPanelComponent],\n\tschemas: [CUSTOM_ELEMENTS_SCHEMA],\n\texports: [ColumnPanelComponent]\n})\n\nexport class ColumnPanelModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"smart-webcomponents-angular-columnpanel.mjs","sources":["../../columnpanel/src/smart.element.ts","../../columnpanel/src/smart.columnpanel.ts","../../columnpanel/src/smart.columnpanel.module.ts","../../columnpanel/src/smart-webcomponents-angular-columnpanel.ts"],"sourcesContent":["\ndeclare global {\n    interface Window {\n        Smart: any;\n}\n}\n\n\nimport { Component, ElementRef, Input, Output, EventEmitter } from '@angular/core';\nimport { ElementRenderMode } from './../index';\n\n@Component({\n  template: ''\n})\nexport class BaseElement {\n    constructor(ref: ElementRef) {\n        const that = this;\n        this.nativeElement = ref.nativeElement as any;\n\n        that.nativeElement.onAttached = () => {\n            that.onAttach.emit(that.nativeElement);\n        }\n\n        that.nativeElement.onDetached = () => {\n            that.onDetach.emit(that.nativeElement);\n        }\n    }\n\n    @Output() onCreate: EventEmitter<any> = new EventEmitter();\n    @Output() onReady: EventEmitter<any> = new EventEmitter();\n    @Output() onAttach: EventEmitter<any> = new EventEmitter();\n    @Output() onDetach: EventEmitter<any> = new EventEmitter();\n\n    public nativeElement: any;\n\n    public addEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {\n        this.nativeElement.addEventListener(type, listener, options);\n\t}\n\n\tpublic removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {\n\t\tthis.nativeElement.removeEventListener(type, listener, options);\n\t}\n\n\tpublic dispatchEvent(event: Event): boolean {\n\t\treturn this.nativeElement.dispatchEvent(event);\n\t}\n\n\tpublic blur(): void {\n\t\tthis.nativeElement.blur();\n\t}\n\n\tpublic click(): void {\n\t\tthis.nativeElement.click();\n\t}\n\n\tpublic focus(options?: FocusOptions): void {\n\t\tthis.nativeElement.focus(options);\n\t}\n\n/** @description Sets or gets the language. Used in conjunction with the property messages.  */\n\t@Input()\n\tget locale(): string {\n\t\treturn this.nativeElement ? this.nativeElement.locale : undefined;\n\t}\n\tset locale(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.locale = value : undefined;\n\t}\n\n\t/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */\n\t@Input()\n\tget localizeFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;\n\t}\n\tset localizeFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;\n\t}\n\n\t/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */\n\t@Input()\n\tget messages(): any {\n\t\treturn this.nativeElement ? this.nativeElement.messages : undefined;\n\t}\n\tset messages(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.messages = value : undefined;\n\t}\n\n\t/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */\n\t@Input()\n\tget rightToLeft(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.rightToLeft : undefined;\n\t}\n\tset rightToLeft(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.rightToLeft = value : undefined;\n\t}\n\n\t/** @description Determines the theme. Theme defines the look of the element */\n\t@Input()\n\tget theme(): string {\n\t\treturn this.nativeElement ? this.nativeElement.theme : undefined;\n\t}\n\tset theme(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.theme = value : undefined;\n\t}\n}\n\nexport const Smart: any = window.Smart;\n\n","import { ColumnPanel } from './../index';\nimport { Animation, ColumnPanelDataSource, ElementRenderMode} from './../index';\nimport { Component, Directive, AfterViewInit, ElementRef, Input, OnInit, OnChanges, OnDestroy, SimpleChanges, Output, EventEmitter } from '@angular/core';\nimport { BaseElement, Smart } from './smart.element';\nexport { Animation, ColumnPanelDataSource, ElementRenderMode} from './../index';\nexport { Smart } from './smart.element';\nexport { ColumnPanel } from './../index';\n\n\n@Directive({\n\tselector: 'smart-column-panel, [smart-column-panel]'\n})\n\nexport class ColumnPanelComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {\n\tconstructor(ref: ElementRef<ColumnPanel>) {\n\t\tsuper(ref);\n\t\tthis.nativeElement = ref.nativeElement as ColumnPanel;\n\t}\n\n\tprivate eventHandlers: any[] = [];\n\n\tpublic nativeElement: ColumnPanel;\n\t/** @description Creates the component on demand.\n\t * @param properties An optional object of properties, which will be added to the template binded ones.\n\t */\n\tpublic createComponent(properties = {}): any {\n    \tthis.nativeElement = <ColumnPanel>document.createElement('smart-column-panel');\n\t\tfor (let propertyName in properties) { \n \t\t\tthis.nativeElement[propertyName] = properties[propertyName];\n\t\t}\n\t\treturn this.nativeElement;\n\t}\n\t/** @description Sets or gets the animation mode. Animation is disabled when the property is set to 'none' */\n\t@Input()\n\tget animation(): Animation {\n\t\treturn this.nativeElement ? this.nativeElement.animation : undefined;\n\t}\n\tset animation(value: Animation) {\n\t\tthis.nativeElement ? this.nativeElement.animation = value : undefined;\n\t}\n\n\t/** @description Determines the data source that will be loaded to the column panel. */\n\t@Input()\n\tget dataSource(): ColumnPanelDataSource[] {\n\t\treturn this.nativeElement ? this.nativeElement.dataSource : undefined;\n\t}\n\tset dataSource(value: ColumnPanelDataSource[]) {\n\t\tthis.nativeElement ? this.nativeElement.dataSource = value : undefined;\n\t}\n\n\t/** @description Enables or disables the column panel. */\n\t@Input()\n\tget disabled(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disabled : undefined;\n\t}\n\tset disabled(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disabled = value : undefined;\n\t}\n\n\t/** @description Sets or gets the language. Used in conjunction with the property messages. */\n\t@Input()\n\tget locale(): string {\n\t\treturn this.nativeElement ? this.nativeElement.locale : undefined;\n\t}\n\tset locale(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.locale = value : undefined;\n\t}\n\n\t/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */\n\t@Input()\n\tget localizeFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;\n\t}\n\tset localizeFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;\n\t}\n\n\t/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */\n\t@Input()\n\tget messages(): any {\n\t\treturn this.nativeElement ? this.nativeElement.messages : undefined;\n\t}\n\tset messages(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.messages = value : undefined;\n\t}\n\n\t/** @description If the element is readonly, users cannot interact with it. */\n\t@Input()\n\tget readonly(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.readonly : undefined;\n\t}\n\tset readonly(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.readonly = value : undefined;\n\t}\n\n\t/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */\n\t@Input()\n\tget rightToLeft(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.rightToLeft : undefined;\n\t}\n\tset rightToLeft(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.rightToLeft = value : undefined;\n\t}\n\n\t/** @description If is set to true, the element cannot be focused. */\n\t@Input()\n\tget unfocusable(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.unfocusable : undefined;\n\t}\n\tset unfocusable(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.unfocusable = value : undefined;\n\t}\n\n\t/** @description This event is triggered when the \"Apply\" button is clicked.\n\t*  @param event. The custom event. \tCustom event was created with: event.detail(\tvalue, \tpositionChanged)\n\t*   value - The current configuration of columns (data source).\n\t*   positionChanged - A boolean detail that shows whether the columns have been reordered.\n\t*/\n\t@Output() onApply: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered when the \"Cancel\" button is clicked.\n\t*  @param event. The custom event. \t*/\n\t@Output() onCancel: EventEmitter<CustomEvent> = new EventEmitter();\n\n\n\tget isRendered(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.isRendered : false;\n\t}\n\n\tngOnInit() {\n\t}\n\n    ngAfterViewInit() {\n      const that = this;\n\n      that.onCreate.emit(that.nativeElement);\n\n\t\tSmart.Render();\n\n\t\tthis.nativeElement.classList.add('smart-angular');\n\n\t\tthis.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });\n\t\tthis.listen();\n\t}\n\n\tngOnDestroy() {\n\t\tthis.unlisten();\n\t}\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (this.nativeElement && this.nativeElement.isRendered) {\n\t\t\tfor (const propName in changes) {\n\t\t\t\tif (changes.hasOwnProperty(propName)) {\n\t\t\t\t\tthis.nativeElement[propName] = changes[propName].currentValue;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/** @description Add event listeners. */\n\tprivate listen(): void {\n        const that = this;\n\t\tthat.eventHandlers['applyHandler'] = (event: CustomEvent) => { that.onApply.emit(event); }\n\t\tthat.nativeElement.addEventListener('apply', that.eventHandlers['applyHandler']);\n\n\t\tthat.eventHandlers['cancelHandler'] = (event: CustomEvent) => { that.onCancel.emit(event); }\n\t\tthat.nativeElement.addEventListener('cancel', that.eventHandlers['cancelHandler']);\n\n\t}\n\n\t/** @description Remove event listeners. */\n\tprivate unlisten(): void {\n        const that = this;\n\t\tif (that.eventHandlers['applyHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('apply', that.eventHandlers['applyHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['cancelHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('cancel', that.eventHandlers['cancelHandler']);\n\t\t}\n\n\t}\n}\n","import { NgModule } from '@angular/core';\n\nimport { ColumnPanelComponent } from './smart.columnpanel';\nimport { CUSTOM_ELEMENTS_SCHEMA  } from '@angular/core';\n\n@NgModule({\n    declarations: [ColumnPanelComponent],\n\tschemas: [CUSTOM_ELEMENTS_SCHEMA],\n\texports: [ColumnPanelComponent]\n})\n\nexport class ColumnPanelModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/smart-webcomponents-angular-columnpanel.mjs

@@ -8,7 +8,7 @@ else {
 import './../source/modules/smart.gridpanel';
 
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Output, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { EventEmitter, Component, Output, Input, Directive, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 
 class BaseElement {
     constructor(ref) {
@@ -79,10 +79,13 @@ class BaseElement {
         this.nativeElement ? this.nativeElement.theme = value : undefined;
     }
 }
-BaseElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-BaseElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: BaseElement, inputs: { locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", rightToLeft: "rightToLeft", theme: "theme" }, outputs: { onCreate: "onCreate", onReady: "onReady", onAttach: "onAttach", onDetach: "onDetach" }, ngImport: i0 });
+BaseElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+BaseElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BaseElement, selector: "ng-component", inputs: { locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", rightToLeft: "rightToLeft", theme: "theme" }, outputs: { onCreate: "onCreate", onReady: "onReady", onAttach: "onAttach", onDetach: "onDetach" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseElement, decorators: [{
-            type: Directive
+            type: Component,
+            args: [{
+                    template: ''
+                }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onCreate: [{
                 type: Output
             }], onReady: [{

package/fesm2020/smart-webcomponents-angular-columnpanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"smart-webcomponents-angular-columnpanel.mjs","sources":["../../columnpanel/src/smart.element.ts","../../columnpanel/src/smart.columnpanel.ts","../../columnpanel/src/smart.columnpanel.module.ts","../../columnpanel/src/smart-webcomponents-angular-columnpanel.ts"],"sourcesContent":["\ndeclare global {\n    interface Window {\n        Smart: any;\n}\n}\n\n\nimport { ElementRef, Input, Output, Directive, EventEmitter } from '@angular/core';\nimport { ElementRenderMode } from './../index';\n@Directive()\nexport class BaseElement {\n    constructor(ref: ElementRef) {\n        const that = this;\n        this.nativeElement = ref.nativeElement as any;\n\n        that.nativeElement.onAttached = () => {\n            that.onAttach.emit(that.nativeElement);\n        }\n\n        that.nativeElement.onDetached = () => {\n            that.onDetach.emit(that.nativeElement);\n        }\n    }\n\n    @Output() onCreate: EventEmitter<any> = new EventEmitter();\n    @Output() onReady: EventEmitter<any> = new EventEmitter();\n    @Output() onAttach: EventEmitter<any> = new EventEmitter();\n    @Output() onDetach: EventEmitter<any> = new EventEmitter();\n\n    public nativeElement: any;\n\n    public addEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {\n        this.nativeElement.addEventListener(type, listener, options);\n\t}\n\n\tpublic removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {\n\t\tthis.nativeElement.removeEventListener(type, listener, options);\n\t}\n\n\tpublic dispatchEvent(event: Event): boolean {\n\t\treturn this.nativeElement.dispatchEvent(event);\n\t}\n\n\tpublic blur(): void {\n\t\tthis.nativeElement.blur();\n\t}\n\n\tpublic click(): void {\n\t\tthis.nativeElement.click();\n\t}\n\n\tpublic focus(options?: FocusOptions): void {\n\t\tthis.nativeElement.focus(options);\n\t}\n\n/** @description Sets or gets the language. Used in conjunction with the property messages.  */\n\t@Input()\n\tget locale(): string {\n\t\treturn this.nativeElement ? this.nativeElement.locale : undefined;\n\t}\n\tset locale(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.locale = value : undefined;\n\t}\n\n\t/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */\n\t@Input()\n\tget localizeFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;\n\t}\n\tset localizeFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;\n\t}\n\n\t/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */\n\t@Input()\n\tget messages(): any {\n\t\treturn this.nativeElement ? this.nativeElement.messages : undefined;\n\t}\n\tset messages(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.messages = value : undefined;\n\t}\n\n\t/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */\n\t@Input()\n\tget rightToLeft(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.rightToLeft : undefined;\n\t}\n\tset rightToLeft(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.rightToLeft = value : undefined;\n\t}\n\n\t/** @description Determines the theme. Theme defines the look of the element */\n\t@Input()\n\tget theme(): string {\n\t\treturn this.nativeElement ? this.nativeElement.theme : undefined;\n\t}\n\tset theme(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.theme = value : undefined;\n\t}\n}\n\nexport const Smart: any = window.Smart;\n\n","import { ColumnPanel } from './../index';\nimport { Animation, ColumnPanelDataSource, ElementRenderMode} from './../index';\nimport { Component, Directive, AfterViewInit, ElementRef, Input, OnInit, OnChanges, OnDestroy, SimpleChanges, Output, EventEmitter } from '@angular/core';\nimport { BaseElement, Smart } from './smart.element';\nexport { Animation, ColumnPanelDataSource, ElementRenderMode} from './../index';\nexport { Smart } from './smart.element';\nexport { ColumnPanel } from './../index';\n\n\n@Directive({\n\tselector: 'smart-column-panel, [smart-column-panel]'\n})\n\nexport class ColumnPanelComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {\n\tconstructor(ref: ElementRef<ColumnPanel>) {\n\t\tsuper(ref);\n\t\tthis.nativeElement = ref.nativeElement as ColumnPanel;\n\t}\n\n\tprivate eventHandlers: any[] = [];\n\n\tpublic nativeElement: ColumnPanel;\n\t/** @description Creates the component on demand.\n\t * @param properties An optional object of properties, which will be added to the template binded ones.\n\t */\n\tpublic createComponent(properties = {}): any {\n    \tthis.nativeElement = <ColumnPanel>document.createElement('smart-column-panel');\n\t\tfor (let propertyName in properties) { \n \t\t\tthis.nativeElement[propertyName] = properties[propertyName];\n\t\t}\n\t\treturn this.nativeElement;\n\t}\n\t/** @description Sets or gets the animation mode. Animation is disabled when the property is set to 'none' */\n\t@Input()\n\tget animation(): Animation {\n\t\treturn this.nativeElement ? this.nativeElement.animation : undefined;\n\t}\n\tset animation(value: Animation) {\n\t\tthis.nativeElement ? this.nativeElement.animation = value : undefined;\n\t}\n\n\t/** @description Determines the data source that will be loaded to the column panel. */\n\t@Input()\n\tget dataSource(): ColumnPanelDataSource[] {\n\t\treturn this.nativeElement ? this.nativeElement.dataSource : undefined;\n\t}\n\tset dataSource(value: ColumnPanelDataSource[]) {\n\t\tthis.nativeElement ? this.nativeElement.dataSource = value : undefined;\n\t}\n\n\t/** @description Enables or disables the column panel. */\n\t@Input()\n\tget disabled(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disabled : undefined;\n\t}\n\tset disabled(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disabled = value : undefined;\n\t}\n\n\t/** @description Sets or gets the language. Used in conjunction with the property messages. */\n\t@Input()\n\tget locale(): string {\n\t\treturn this.nativeElement ? this.nativeElement.locale : undefined;\n\t}\n\tset locale(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.locale = value : undefined;\n\t}\n\n\t/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */\n\t@Input()\n\tget localizeFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;\n\t}\n\tset localizeFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;\n\t}\n\n\t/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */\n\t@Input()\n\tget messages(): any {\n\t\treturn this.nativeElement ? this.nativeElement.messages : undefined;\n\t}\n\tset messages(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.messages = value : undefined;\n\t}\n\n\t/** @description If the element is readonly, users cannot interact with it. */\n\t@Input()\n\tget readonly(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.readonly : undefined;\n\t}\n\tset readonly(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.readonly = value : undefined;\n\t}\n\n\t/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */\n\t@Input()\n\tget rightToLeft(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.rightToLeft : undefined;\n\t}\n\tset rightToLeft(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.rightToLeft = value : undefined;\n\t}\n\n\t/** @description If is set to true, the element cannot be focused. */\n\t@Input()\n\tget unfocusable(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.unfocusable : undefined;\n\t}\n\tset unfocusable(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.unfocusable = value : undefined;\n\t}\n\n\t/** @description This event is triggered when the \"Apply\" button is clicked.\n\t*  @param event. The custom event. \tCustom event was created with: event.detail(\tvalue, \tpositionChanged)\n\t*   value - The current configuration of columns (data source).\n\t*   positionChanged - A boolean detail that shows whether the columns have been reordered.\n\t*/\n\t@Output() onApply: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered when the \"Cancel\" button is clicked.\n\t*  @param event. The custom event. \t*/\n\t@Output() onCancel: EventEmitter<CustomEvent> = new EventEmitter();\n\n\n\tget isRendered(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.isRendered : false;\n\t}\n\n\tngOnInit() {\n\t}\n\n    ngAfterViewInit() {\n      const that = this;\n\n      that.onCreate.emit(that.nativeElement);\n\n\t\tSmart.Render();\n\n\t\tthis.nativeElement.classList.add('smart-angular');\n\n\t\tthis.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });\n\t\tthis.listen();\n\t}\n\n\tngOnDestroy() {\n\t\tthis.unlisten();\n\t}\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (this.nativeElement && this.nativeElement.isRendered) {\n\t\t\tfor (const propName in changes) {\n\t\t\t\tif (changes.hasOwnProperty(propName)) {\n\t\t\t\t\tthis.nativeElement[propName] = changes[propName].currentValue;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/** @description Add event listeners. */\n\tprivate listen(): void {\n        const that = this;\n\t\tthat.eventHandlers['applyHandler'] = (event: CustomEvent) => { that.onApply.emit(event); }\n\t\tthat.nativeElement.addEventListener('apply', that.eventHandlers['applyHandler']);\n\n\t\tthat.eventHandlers['cancelHandler'] = (event: CustomEvent) => { that.onCancel.emit(event); }\n\t\tthat.nativeElement.addEventListener('cancel', that.eventHandlers['cancelHandler']);\n\n\t}\n\n\t/** @description Remove event listeners. */\n\tprivate unlisten(): void {\n        const that = this;\n\t\tif (that.eventHandlers['applyHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('apply', that.eventHandlers['applyHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['cancelHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('cancel', that.eventHandlers['cancelHandler']);\n\t\t}\n\n\t}\n}\n","import { NgModule } from '@angular/core';\n\nimport { ColumnPanelComponent } from './smart.columnpanel';\nimport { CUSTOM_ELEMENTS_SCHEMA  } from '@angular/core';\n\n@NgModule({\n    declarations: [ColumnPanelComponent],\n\tschemas: [CUSTOM_ELEMENTS_SCHEMA],\n\texports: [ColumnPanelComponent]\n})\n\nexport class ColumnPanelModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"smart-webcomponents-angular-columnpanel.mjs","sources":["../../columnpanel/src/smart.element.ts","../../columnpanel/src/smart.columnpanel.ts","../../columnpanel/src/smart.columnpanel.module.ts","../../columnpanel/src/smart-webcomponents-angular-columnpanel.ts"],"sourcesContent":["\ndeclare global {\n    interface Window {\n        Smart: any;\n}\n}\n\n\nimport { Component, ElementRef, Input, Output, EventEmitter } from '@angular/core';\nimport { ElementRenderMode } from './../index';\n\n@Component({\n  template: ''\n})\nexport class BaseElement {\n    constructor(ref: ElementRef) {\n        const that = this;\n        this.nativeElement = ref.nativeElement as any;\n\n        that.nativeElement.onAttached = () => {\n            that.onAttach.emit(that.nativeElement);\n        }\n\n        that.nativeElement.onDetached = () => {\n            that.onDetach.emit(that.nativeElement);\n        }\n    }\n\n    @Output() onCreate: EventEmitter<any> = new EventEmitter();\n    @Output() onReady: EventEmitter<any> = new EventEmitter();\n    @Output() onAttach: EventEmitter<any> = new EventEmitter();\n    @Output() onDetach: EventEmitter<any> = new EventEmitter();\n\n    public nativeElement: any;\n\n    public addEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {\n        this.nativeElement.addEventListener(type, listener, options);\n\t}\n\n\tpublic removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {\n\t\tthis.nativeElement.removeEventListener(type, listener, options);\n\t}\n\n\tpublic dispatchEvent(event: Event): boolean {\n\t\treturn this.nativeElement.dispatchEvent(event);\n\t}\n\n\tpublic blur(): void {\n\t\tthis.nativeElement.blur();\n\t}\n\n\tpublic click(): void {\n\t\tthis.nativeElement.click();\n\t}\n\n\tpublic focus(options?: FocusOptions): void {\n\t\tthis.nativeElement.focus(options);\n\t}\n\n/** @description Sets or gets the language. Used in conjunction with the property messages.  */\n\t@Input()\n\tget locale(): string {\n\t\treturn this.nativeElement ? this.nativeElement.locale : undefined;\n\t}\n\tset locale(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.locale = value : undefined;\n\t}\n\n\t/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */\n\t@Input()\n\tget localizeFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;\n\t}\n\tset localizeFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;\n\t}\n\n\t/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */\n\t@Input()\n\tget messages(): any {\n\t\treturn this.nativeElement ? this.nativeElement.messages : undefined;\n\t}\n\tset messages(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.messages = value : undefined;\n\t}\n\n\t/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */\n\t@Input()\n\tget rightToLeft(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.rightToLeft : undefined;\n\t}\n\tset rightToLeft(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.rightToLeft = value : undefined;\n\t}\n\n\t/** @description Determines the theme. Theme defines the look of the element */\n\t@Input()\n\tget theme(): string {\n\t\treturn this.nativeElement ? this.nativeElement.theme : undefined;\n\t}\n\tset theme(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.theme = value : undefined;\n\t}\n}\n\nexport const Smart: any = window.Smart;\n\n","import { ColumnPanel } from './../index';\nimport { Animation, ColumnPanelDataSource, ElementRenderMode} from './../index';\nimport { Component, Directive, AfterViewInit, ElementRef, Input, OnInit, OnChanges, OnDestroy, SimpleChanges, Output, EventEmitter } from '@angular/core';\nimport { BaseElement, Smart } from './smart.element';\nexport { Animation, ColumnPanelDataSource, ElementRenderMode} from './../index';\nexport { Smart } from './smart.element';\nexport { ColumnPanel } from './../index';\n\n\n@Directive({\n\tselector: 'smart-column-panel, [smart-column-panel]'\n})\n\nexport class ColumnPanelComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {\n\tconstructor(ref: ElementRef<ColumnPanel>) {\n\t\tsuper(ref);\n\t\tthis.nativeElement = ref.nativeElement as ColumnPanel;\n\t}\n\n\tprivate eventHandlers: any[] = [];\n\n\tpublic nativeElement: ColumnPanel;\n\t/** @description Creates the component on demand.\n\t * @param properties An optional object of properties, which will be added to the template binded ones.\n\t */\n\tpublic createComponent(properties = {}): any {\n    \tthis.nativeElement = <ColumnPanel>document.createElement('smart-column-panel');\n\t\tfor (let propertyName in properties) { \n \t\t\tthis.nativeElement[propertyName] = properties[propertyName];\n\t\t}\n\t\treturn this.nativeElement;\n\t}\n\t/** @description Sets or gets the animation mode. Animation is disabled when the property is set to 'none' */\n\t@Input()\n\tget animation(): Animation {\n\t\treturn this.nativeElement ? this.nativeElement.animation : undefined;\n\t}\n\tset animation(value: Animation) {\n\t\tthis.nativeElement ? this.nativeElement.animation = value : undefined;\n\t}\n\n\t/** @description Determines the data source that will be loaded to the column panel. */\n\t@Input()\n\tget dataSource(): ColumnPanelDataSource[] {\n\t\treturn this.nativeElement ? this.nativeElement.dataSource : undefined;\n\t}\n\tset dataSource(value: ColumnPanelDataSource[]) {\n\t\tthis.nativeElement ? this.nativeElement.dataSource = value : undefined;\n\t}\n\n\t/** @description Enables or disables the column panel. */\n\t@Input()\n\tget disabled(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disabled : undefined;\n\t}\n\tset disabled(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disabled = value : undefined;\n\t}\n\n\t/** @description Sets or gets the language. Used in conjunction with the property messages. */\n\t@Input()\n\tget locale(): string {\n\t\treturn this.nativeElement ? this.nativeElement.locale : undefined;\n\t}\n\tset locale(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.locale = value : undefined;\n\t}\n\n\t/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */\n\t@Input()\n\tget localizeFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;\n\t}\n\tset localizeFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;\n\t}\n\n\t/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */\n\t@Input()\n\tget messages(): any {\n\t\treturn this.nativeElement ? this.nativeElement.messages : undefined;\n\t}\n\tset messages(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.messages = value : undefined;\n\t}\n\n\t/** @description If the element is readonly, users cannot interact with it. */\n\t@Input()\n\tget readonly(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.readonly : undefined;\n\t}\n\tset readonly(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.readonly = value : undefined;\n\t}\n\n\t/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */\n\t@Input()\n\tget rightToLeft(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.rightToLeft : undefined;\n\t}\n\tset rightToLeft(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.rightToLeft = value : undefined;\n\t}\n\n\t/** @description If is set to true, the element cannot be focused. */\n\t@Input()\n\tget unfocusable(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.unfocusable : undefined;\n\t}\n\tset unfocusable(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.unfocusable = value : undefined;\n\t}\n\n\t/** @description This event is triggered when the \"Apply\" button is clicked.\n\t*  @param event. The custom event. \tCustom event was created with: event.detail(\tvalue, \tpositionChanged)\n\t*   value - The current configuration of columns (data source).\n\t*   positionChanged - A boolean detail that shows whether the columns have been reordered.\n\t*/\n\t@Output() onApply: EventEmitter<CustomEvent> = new EventEmitter();\n\n\t/** @description This event is triggered when the \"Cancel\" button is clicked.\n\t*  @param event. The custom event. \t*/\n\t@Output() onCancel: EventEmitter<CustomEvent> = new EventEmitter();\n\n\n\tget isRendered(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.isRendered : false;\n\t}\n\n\tngOnInit() {\n\t}\n\n    ngAfterViewInit() {\n      const that = this;\n\n      that.onCreate.emit(that.nativeElement);\n\n\t\tSmart.Render();\n\n\t\tthis.nativeElement.classList.add('smart-angular');\n\n\t\tthis.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });\n\t\tthis.listen();\n\t}\n\n\tngOnDestroy() {\n\t\tthis.unlisten();\n\t}\n\n\tngOnChanges(changes: SimpleChanges) {\n\t\tif (this.nativeElement && this.nativeElement.isRendered) {\n\t\t\tfor (const propName in changes) {\n\t\t\t\tif (changes.hasOwnProperty(propName)) {\n\t\t\t\t\tthis.nativeElement[propName] = changes[propName].currentValue;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/** @description Add event listeners. */\n\tprivate listen(): void {\n        const that = this;\n\t\tthat.eventHandlers['applyHandler'] = (event: CustomEvent) => { that.onApply.emit(event); }\n\t\tthat.nativeElement.addEventListener('apply', that.eventHandlers['applyHandler']);\n\n\t\tthat.eventHandlers['cancelHandler'] = (event: CustomEvent) => { that.onCancel.emit(event); }\n\t\tthat.nativeElement.addEventListener('cancel', that.eventHandlers['cancelHandler']);\n\n\t}\n\n\t/** @description Remove event listeners. */\n\tprivate unlisten(): void {\n        const that = this;\n\t\tif (that.eventHandlers['applyHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('apply', that.eventHandlers['applyHandler']);\n\t\t}\n\n\t\tif (that.eventHandlers['cancelHandler']) {\n\t\t\tthat.nativeElement.removeEventListener('cancel', that.eventHandlers['cancelHandler']);\n\t\t}\n\n\t}\n}\n","import { NgModule } from '@angular/core';\n\nimport { ColumnPanelComponent } from './smart.columnpanel';\nimport { CUSTOM_ELEMENTS_SCHEMA  } from '@angular/core';\n\n@NgModule({\n    declarations: [ColumnPanelComponent],\n\tschemas: [CUSTOM_ELEMENTS_SCHEMA],\n\texports: [ColumnPanelComponent]\n})\n\nexport class ColumnPanelModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -14076,9 +14076,10 @@ export interface Grid extends BaseElement, GridProperties {
   onEndEdit?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered, when a filter is added or removed.
-	* @param event. The custom event. Custom data event was created with: ev.detail(columns, data)
+	* @param event. The custom event. Custom data event was created with: ev.detail(columns, data, expressions)
    *  columns - Array of columns.
-   *  data - Array of {dataField: string, filter: string}. <em>dataField</em> is the column's data field. <em>filter</em> is a filter expression like 'startsWith B'
+   *  data - Array of {dataField: string, filter: object}. <em>dataField</em> is the column's data field. <em>filter</em> is a FilterGroup object.
+   *  expressions - Array of {dataField: string, filter: string}. <em>dataField</em> is the column's data field. <em>filter</em> is a filter expression like 'startsWith B'. In each array item, you will have an object with column's name and filter string. Example: [['firstName', 'contains Andrew or contains Nancy'], ['quantity', '&lt;= 3 and &gt;= 8']], [['firstName', 'EQUAL' 'Andrew' or 'EQUAL' 'Antoni' or 'EQUAL' 'Beate']], [['lastName','CONTAINS' 'burke' or 'CONTAINS' 'peterson']]. Filter conditions used in the filter expressions: '=', 'EQUAL','&lt;&gt;', 'NOT_EQUAL', '!=', '&lt;', 'LESS_THAN','&gt;', 'GREATER_THAN', '&lt;=', 'LESS_THAN_OR_EQUAL', '&gt;=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
    */
   onFilter?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
@@ -14152,19 +14153,19 @@ export interface Grid extends BaseElement, GridProperties {
   addUnboundRow(count: number, position?: string): boolean;
   /**
    * Adds a filter to a column. This method will apply a filter to the Grid data.
-   * @param {string} dataField. column bound data field
-   * @param {string} filter. Filter expression like: 'startsWith B'
-   * @param {boolean} refreshFilters?. 
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
+   * @param {string} filter. Filter expression like: 'startsWith B'. Example 2: ['contains Andrew or contains Nancy'], Example 3:  ['quantity', '&lt;= 3 and &gt;= 8'].  Filter conditions which you can use in the expressions: '=', 'EQUAL','&lt;&gt;', 'NOT_EQUAL', '!=', '&lt;', 'LESS_THAN','&gt;', 'GREATER_THAN', '&lt;=', 'LESS_THAN_OR_EQUAL', '&gt;=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
+   * @param {boolean} refreshFilters?. Set this to false, if you will use multiple 'addFilter' calls. By doing this, you will avoid unnecessary renders.
    */
   addFilter(dataField: string, filter: string, refreshFilters?: boolean): void;
   /**
    * Groups the Grid by a data field. This method will add a group to the Grid when grouping is enabled.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   addGroup(dataField: string): void;
   /**
    * Sorts the Grid by a data field. This method will add a sorting to the Grid when sorting is enabled.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string} sortOrder. column's sort order. Use 'asc' or 'desc'.
    */
   addSort(dataField: string, sortOrder: string): void;
@@ -14188,7 +14189,7 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Begins row, cell or column. This method allows you to programmatically start a cell, row or column editing. After calling it, an editor HTMLElement will be created and displayed in the Grid.
    * @param {string | number} rowId. row bound id
-   * @param {string} dataField?. column bound data field
+   * @param {string} dataField?. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   beginEdit(rowId: string | number, dataField?: string): void;
   /**
@@ -14252,7 +14253,7 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Scrolls to a row or cell. This method scrolls to a row or cell, when scrolling is necessary. If pagination is enabled, it will automatically change the page.
    * @param {string | number} rowId. row bound id
-   * @param {string} dataField?. column bound data field
+   * @param {string} dataField?. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @returns {boolean}
    */
   ensureVisible(rowId: string | number, dataField?: string): boolean;
@@ -14378,13 +14379,13 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Gets a value of a cell.
    * @param {string | number} rowId. row bound id
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @returns {any}
    */
   getCellValue(rowId: string | number, dataField: string): any;
   /**
    * Gets a value of a column.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string} propertyName. The property name.
    * @returns {any}
    */
@@ -14425,13 +14426,13 @@ export interface Grid extends BaseElement, GridProperties {
   hideDetail(rowId: string | number): void;
   /**
    * Highlights a column. Highlights a Grid column.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   highlightColumn(dataField: string): void;
   /**
    * Highlights a cell. Calling the method a second time toggle the highlight state.
    * @param {string | number} rowId. row bound id
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string} className?. CSS Class Name
    */
   highlightCell(rowId: string | number, dataField: string, className?: string): void;
@@ -14443,7 +14444,7 @@ export interface Grid extends BaseElement, GridProperties {
   highlightRow(rowId: string | number, className?: string): void;
   /**
    * Opens a column drop-down menu.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   openMenu(dataField: string): void;
   /**
@@ -14464,18 +14465,18 @@ export interface Grid extends BaseElement, GridProperties {
   refreshView(): void;
   /**
    * Removes a column filter. 
-   * @param {string} dataField. column bound data field
-   * @param {boolean} refreshFilters?. 
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
+   * @param {boolean} refreshFilters?. Set this to false, if you need to make multiple removeFilter calls.
    */
   removeFilter(dataField: string, refreshFilters?: boolean): void;
   /**
    * Removes a group by data field. This method will remove a group to the Grid when grouping is enabled.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   removeGroup(dataField: string): void;
   /**
    * Removes a sorting by data field. This method will remove a sorting from a Grid column.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   removeSort(dataField: string): void;
   /**
@@ -14495,7 +14496,7 @@ export interface Grid extends BaseElement, GridProperties {
   reorderColumns(dataField: string | number, referenceDataField: string | number, insertAfter?: boolean): void;
   /**
    * Sorts the Grid by a data field. This method will add or remove sorting, when sorting is enabled. To remove the sorting, use 'null' for the sortOrder parameter.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string | null} sortOrder. column's sort order. Use 'asc', 'desc' or null.
    */
   sortBy(dataField: string, sortOrder: string | null): void;
@@ -14546,13 +14547,13 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Sets a new value to a cell.
    * @param {string | number} rowId. row bound id
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string | number | Date | boolean} value. New Cell value.
    */
   setCellValue(rowId: string | number, dataField: string, value: string | number | Date | boolean): void;
   /**
    * Sets a property to a column.
-   * @param {string} dataField. column bound data field
+   * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string} propertyName. The column property's name.
    * @param {any} value. The new property value.
    */
@@ -14589,7 +14590,7 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Unselects a row, cell or column.
    * @param {string | number} rowId. row bound id
-   * @param {string} dataField?. column bound data field
+   * @param {string} dataField?. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    */
   unselect(rowId: string | number, dataField?: string): void;
   /**
@@ -15076,7 +15077,7 @@ export interface GridColumn {
    */
   freeze?: Position;
   /**
-   * Sets or gets the filter of the column.
+   * Sets or gets the filter of the column. Example: ['contains Andrew or contains Nancy']. Example with numeric filter ['quantity', '&lt;= 3 and &gt;= 8']. Additional example with filter which we want to apply to a column with filterMenuMode='excel' - ['EQUAL' 'Andrew' or 'EQUAL' 'Antoni' or 'EQUAL' 'Beate']. Example with a string filter applied to a string column - ['CONTAINS' 'burke' or 'CONTAINS' 'peterson']. Filter conditions which you can use in the expressions: '=', 'EQUAL','&lt;&gt;', 'NOT_EQUAL', '!=', '&lt;', 'LESS_THAN','&gt;', 'GREATER_THAN', '&lt;=', 'LESS_THAN_OR_EQUAL', '&gt;=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
    * Default value: ""
    */
   filter?: string;
@@ -15897,7 +15898,7 @@ export interface GridFiltering {
    */
   enabled?: boolean;
   /**
-   * An array of filtering conditions to apply to the DataGrid. Each member of the filter array is an array with two members. The first one is the column dataField to apply the filter to. The second one is the filtering condition. Example: [['firstName', 'contains Andrew or contains Nancy'], ['quantity', '&lt;= 3 and &gt;= 8']]
+   * An array of filtering conditions to apply to the DataGrid. Each member of the filter array is an array with two members. The first one is the column dataField to apply the filter to. The second one is the filtering condition. Example: [['firstName', 'contains Andrew or contains Nancy'], ['quantity', '&lt;= 3 and &gt;= 8']]. Additional example with filter which we want to apply to a column with filterMenuMode='excel' - [['firstName', 'EQUAL' 'Andrew' or 'EQUAL' 'Antoni' or 'EQUAL' 'Beate']]. Example with a string filter applied to a string column - [['lastName','CONTAINS' 'burke' or 'CONTAINS' 'peterson']]. Filter conditions which you can use in the expressions: '=', 'EQUAL','&lt;&gt;', 'NOT_EQUAL', '!=', '&lt;', 'LESS_THAN','&gt;', 'GREATER_THAN', '&lt;=', 'LESS_THAN_OR_EQUAL', '&gt;=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
    * Default value: 
    */
   filter?: any[];
@@ -24546,6 +24547,14 @@ export interface Scheduler extends BaseElement, SchedulerProperties {
    *  originalEvent - The original event object.
    */
   onDragEnd: ((this: any, ev: Event) => any) | null;
+  /**
+   * This event is triggered when the user drops an item over a cell.
+	* @param event. The custom event. Custom data event was created with: ev.detail(target, date, allDay)
+   *  target - The HTMLElement that corresponds to the event that is dragged.
+   *  date - The cell's date under the pointer.
+   *  allDay - Boolean value, which is true when the cell under the pointer is all day cell.
+   */
+  onDropoverCell?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * This event is triggered when resizing of a task starts. This event allows to cancel the operation by calling event.preventDefault() in the event handler function.
 	* @param event. The custom event. Custom data event was created with: ev.detail(target, item, itemDateRange, originalEvent)
@@ -26625,6 +26634,11 @@ export interface TableProperties {
    * Default value: null
    */
   conditionalFormatting?: TableConditionalFormatting[];
+  /**
+   * Sets or gets the column menu. When you set this property to true, each column will have a column menu. From the column menu, you will be able to sort, filter, show or hide columns.
+   * Default value: false
+   */
+  columnMenu?: boolean;
   /**
    * Sets or gets the column sizing behavior. In 'auto' mode Columns are automatically sized based on their content and the value of the columnMinWidth property, unless there is not enough space in the Table, in which case ellipses are shown. User-set static column width is still respected. In 'default' mode Columns are sized according to the rules of the standard HTML table element's table-layout: fixed. Custom width can also be applied to columns in this case by setting the column width property.
    * Default value: default
@@ -26735,6 +26749,11 @@ export interface TableProperties {
    * Default value: false
    */
   keyboardNavigation?: boolean;
+  /**
+   * Sets or gets whether the checkboxes are displayed in the selection column.
+   * Default value: false
+   */
+  hideSelectionColumn?: boolean;
   /**
    * Sets or gets the behavior when loading column settings either via autoLoadState or loadState. Applicable only when stateSettings contains 'columns'.
    * Default value: implementationOnly

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smart-webcomponents-angular/columnpanel",
-  "version": "13.0.1",
+  "version": "13.0.9",
    "preferGlobal": true,
   "keywords": [
       "angular",

package/styles/smart.columnpanel.css

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