add: getText compatibility.

add: `AssetSelector` and `TemplateSelector`.
add: `popup-selector` style class.
add: `ui.resolvePopup` function.
add: `switch` in checkbox.
add: `GridColumn.filterTemplate` supports.
add: add `action` callback in `createIcon`.
change: replace `setTimeout(..., 0)` with `requestAnimationFrame`.
change: Popup result structure adjustment ({ result: any, popup: Popup }).
change: complete add work order flow.
change: reduce Popup title height.
fix: Grid column sort in number.

lib/ui/css/grid.scss

@@ -45,6 +45,7 @@
         --header-filter-padding: 4px 26px 4px 8px;
         --spacing-s: 4px;
         --spacing-cell: 9px 4px 9px 8px;
+        --spacing-drop-cell: 5px 4px 5px 8px;
         --filter-line-height: 30px;
         --filter-item-padding: 0 4px;
     }
@@ -122,8 +123,10 @@
                                 }
                             }
 
-                            >.ui-check-wrapper {
+                            >.ui-check-wrapper,
+                            >.ui-switch {
                                 height: 20px;
+                                padding: 0 4px 0 0;
                             }
 
                             >svg {
@@ -398,10 +401,12 @@
                             @include scrollbar();
                         }
 
-                        .ui-check-wrapper {
+                        .ui-check-wrapper,
+                        .ui-switch {
                             display: inline-flex;
                             justify-content: center;
                             height: var(--row-height);
+                            padding: 0 8px;
 
                             .ui-check-inner {
 
@@ -410,6 +415,14 @@
                                     transition: none;
                                 }
                             }
+
+                            >span:first-of-type {
+
+                                &:before,
+                                &:after {
+                                    transition: none;
+                                }
+                            }
                         }
 
                         .ui-drop-span {
@@ -439,7 +452,7 @@
                                 height: 100%;
 
                                 >.ui-drop-text {
-                                    padding: var(--spacing-cell);
+                                    padding: var(--spacing-drop-cell);
                                 }
                             }
                         }
@@ -708,6 +721,7 @@
 .ui-popup-mask .ui-popup-container .ui-popup-footer {
     >.ui-sort-layout {
         flex: 1 1 auto;
+        margin-left: 8px;
     }
 }