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/popup.scss

@@ -62,7 +62,7 @@ $buttonHeight: 28px;
                 white-space: nowrap;
                 overflow: hidden;
                 text-overflow: ellipsis;
-                padding: 10px 0 6px 12px;
+                padding: 5px 0 3px 12px;
             }
 
             >.ui-popup-header-title,
@@ -76,7 +76,7 @@ $buttonHeight: 28px;
 
             >.ui-popup-header-icons {
                 flex: 0 0 auto;
-                padding: 10px 12px 6px 0;
+                padding: 5px 12px 3px 0;
                 display: flex;
 
                 >svg {
@@ -145,8 +145,9 @@ $buttonHeight: 28px;
                 margin: 10px;
 
                 >svg {
-                    width: 40px;
-                    height: 40px;
+                    width: 30px;
+                    height: 30px;
+                    fill: unset;
 
                     +span {
                         padding-left: 16px;
@@ -204,6 +205,10 @@ $buttonHeight: 28px;
             align-items: center;
             justify-content: flex-end;
             padding: 4px 10px 16px 2px;
+        }
+
+        .ui-popup-body,
+        .ui-popup-footer {
 
             .ui-popup-button {
                 margin-left: 12px;
@@ -212,7 +217,7 @@ $buttonHeight: 28px;
                 line-height: $buttonHeight;
                 color: var(--title-color);
                 border-radius: var(--corner-radius);
-                padding: 4px 16px;
+                padding: 1px 16px;
                 box-sizing: border-box;
                 min-width: 70px;
                 text-align: center;
@@ -227,6 +232,11 @@ $buttonHeight: 28px;
                 }
 
                 @include outline();
+
+                &:disabled {
+                    opacity: .4;
+                    cursor: default;
+                }
             }
         }