amis 2.0.0 → 2.0.1

package/lib/themes/default.css

@@ -1467,6 +1467,7 @@ button::-moz-focus-inner {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .tox .tox-collection__item {
@@ -1477,6 +1478,7 @@ button::-moz-focus-inner {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .tox .tox-collection--list .tox-collection__item {
@@ -1639,7 +1641,8 @@ button::-moz-focus-inner {
   margin-top: auto;
 }
 .tox .tox-collection__item-container--column {
-  align-self: center;
+  -ms-grid-row-align: center;
+      align-self: center;
   flex: 1 1 auto;
   flex-direction: column;
 }
@@ -1653,7 +1656,8 @@ button::-moz-focus-inner {
   align-self: flex-start;
 }
 .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
-  align-self: center;
+  -ms-grid-row-align: center;
+      align-self: center;
 }
 .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
   align-self: flex-end;
@@ -2860,7 +2864,8 @@ body.tox-dialog__disable-scroll {
   height: 100%;
   margin: 0;
   overflow: hidden;
-  overscroll-behavior: none;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
   padding: 0;
   touch-action: pinch-zoom;
   width: 100%;
@@ -3132,10 +3137,12 @@ body.tox-dialog__disable-scroll {
   border-width: 1px;
   box-shadow: none;
   box-sizing: border-box;
+  display: -ms-grid;
   display: grid;
   font-size: 14px;
   font-weight: normal;
-  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+  -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+      grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
   margin-top: 4px;
   opacity: 0;
   padding: 4px;
@@ -3213,15 +3220,18 @@ body.tox-dialog__disable-scroll {
   fill: #222f3e;
 }
 .tox .tox-notification__body {
-  align-self: center;
+  -ms-grid-row-align: center;
+      align-self: center;
   color: #222f3e;
   font-size: 14px;
   -ms-grid-column-span: 1;
   grid-column-end: 3;
-  grid-column-start: 2;
+  -ms-grid-column: 2;
+      grid-column-start: 2;
   -ms-grid-row-span: 1;
   grid-row-end: 2;
-  grid-row-start: 1;
+  -ms-grid-row: 1;
+      grid-row-start: 1;
   text-align: center;
   white-space: normal;
   word-break: break-all;
@@ -3234,36 +3244,47 @@ body.tox-dialog__disable-scroll {
   margin-top: 1rem;
 }
 .tox .tox-notification__icon {
-  align-self: center;
+  -ms-grid-row-align: center;
+      align-self: center;
   -ms-grid-column-span: 1;
   grid-column-end: 2;
-  grid-column-start: 1;
+  -ms-grid-column: 1;
+      grid-column-start: 1;
   -ms-grid-row-span: 1;
   grid-row-end: 2;
-  grid-row-start: 1;
-  justify-self: end;
+  -ms-grid-row: 1;
+      grid-row-start: 1;
+  -ms-grid-column-align: end;
+      justify-self: end;
 }
 .tox .tox-notification__icon svg {
   display: block;
 }
 .tox .tox-notification__dismiss {
-  align-self: start;
+  -ms-grid-row-align: start;
+      align-self: start;
   -ms-grid-column-span: 1;
   grid-column-end: 4;
-  grid-column-start: 3;
+  -ms-grid-column: 3;
+      grid-column-start: 3;
   -ms-grid-row-span: 1;
   grid-row-end: 2;
-  grid-row-start: 1;
-  justify-self: end;
+  -ms-grid-row: 1;
+      grid-row-start: 1;
+  -ms-grid-column-align: end;
+      justify-self: end;
 }
 .tox .tox-notification .tox-progress-bar {
   -ms-grid-column-span: 3;
   grid-column-end: 4;
-  grid-column-start: 1;
+  -ms-grid-column: 1;
+      grid-column-start: 1;
   -ms-grid-row-span: 1;
   grid-row-end: 3;
-  grid-row-start: 2;
-  justify-self: center;
+  -ms-grid-row: 2;
+      grid-row-start: 2;
+  -ms-grid-column-align: center;
+      justify-self: center;
 }
 .tox .tox-pop {
   display: inline-block;
@@ -3715,7 +3736,8 @@ body.tox-dialog__disable-scroll {
   width: 68px;
 }
 .tox .tox-tbtn--return {
-  align-self: stretch;
+  -ms-grid-row-align: stretch;
+      align-self: stretch;
   height: unset;
   width: 16px;
 }
@@ -4128,6 +4150,7 @@ body.tox-dialog__disable-scroll {
   font-family: serif, Times, "Times New Roman";
   -webkit-user-select: none;
   -moz-user-select: none;
+  -ms-user-select: none;
   user-select: none;
 }
 .video-react:-moz-full-screen {
@@ -4885,6 +4908,7 @@ body.video-react-full-window .video-react-fullscreen {
   touch-action: none;
   -webkit-user-select: none;
   -moz-user-select: none;
+  -ms-user-select: none;
   user-select: none;
 }
 .cropper-container img {
@@ -6711,6 +6735,10 @@ body.video-react-full-window .video-react-fullscreen {
   --default-padding: 4px 12px;
   --menu-min-width: 150px;
   --menu-sub-min-width: 100px;
+  --SearchBox-height: 1.875rem;
+  --SearchBox-width: 9.375rem;
+  --SearchBox-history-dropdown-maxWidth: calc(var(--SearchBox-width) * 2);
+  --SearchBox-history-dropdown-maxHeight: 12.5rem;
 }
 :root {
   --fontSizeXs: 10px;
@@ -7345,6 +7373,7 @@ body.video-react-full-window .video-react-fullscreen {
   /* Konqueror */
   -moz-user-select: none;
   /* Firefox */
+  -ms-user-select: none;
   /* Internet Explorer/Edge */
   user-select: none;
 }
@@ -7421,6 +7450,7 @@ td.rdtQuarter:hover {
   /* Konqueror */
   -moz-user-select: none;
   /* Firefox */
+  -ms-user-select: none;
   /* Internet Explorer/Edge */
   user-select: none;
 }
@@ -8804,6 +8834,7 @@ body {
   text-decoration: none;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-AsideNav-item a:hover {
@@ -9103,6 +9134,7 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   background: transparent;
   border: var(--Button-borderWidth) solid transparent;
@@ -9683,6 +9715,7 @@ input[type=button].cxd-Button--block {
 .cxd-Breadcrumb-separator {
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   margin: 0 var(--gap-sm);
   text-align: center;
@@ -9712,6 +9745,7 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   color: var(--BreadcrumbDropdown-item-default-color);
   background-color: var(--BreadcrumbDropdown-item-default-bg);
@@ -10213,6 +10247,7 @@ input[type=button].cxd-Button--block {
   text-align: center;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 @media (min-width: 576px) {
@@ -10313,7 +10348,8 @@ input[type=button].cxd-Button--block {
   left: -0.375rem;
   top: 50%;
   cursor: ew-resize;
-  writing-mode: vertical-lr;
+  -ms-writing-mode: tb-lr;
+      writing-mode: vertical-lr;
   width: 0.75rem;
   height: 1.5rem;
 }
@@ -10362,7 +10398,8 @@ input[type=button].cxd-Button--block {
   right: -0.375rem;
   top: 50%;
   cursor: ew-resize;
-  writing-mode: vertical-lr;
+  -ms-writing-mode: tb-lr;
+      writing-mode: vertical-lr;
   width: 0.75rem;
   height: 1.5rem;
 }
@@ -10861,6 +10898,7 @@ input[type=button].cxd-Button--block {
   background-color: var(--PickerColumns-bg);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   flex: 1;
   overflow: hidden;
@@ -11548,6 +11586,7 @@ input[type=button].cxd-Button--block {
   list-style: none;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Tabs-links::before, .cxd-Tabs-links::after {
@@ -12255,6 +12294,7 @@ input[type=button].cxd-Button--block {
   list-style: none;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   margin: 0;
   padding: 0;
@@ -12293,6 +12333,7 @@ input[type=button].cxd-Button--block {
   white-space: nowrap;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Nav .cxd-Nav-list--tabs {
@@ -12592,7 +12633,8 @@ input[type=button].cxd-Button--block {
   right: -0.375rem;
   top: 50%;
   cursor: ew-resize;
-  writing-mode: vertical-lr;
+  -ms-writing-mode: tb-lr;
+      writing-mode: vertical-lr;
   width: 0.75rem;
   height: 1.5rem;
   margin-top: -0.75rem;
@@ -12604,6 +12646,7 @@ input[type=button].cxd-Button--block {
   text-align: center;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   color: #666;
 }
@@ -12675,6 +12718,7 @@ input[type=button].cxd-Button--block {
   font-size: var(--fontSizeSm);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Remark-icon > svg {
@@ -13400,6 +13444,7 @@ input[type=button].cxd-Button--block {
   border: none;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-DropDown-menu-root {
@@ -13428,6 +13473,7 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   color: var(--DropDown-menuItem-color);
   -webkit-text-decoration: var(--link-decoration);
@@ -13589,6 +13635,12 @@ input[type=button].cxd-Button--block {
   overflow: hidden;
   border-width: 0;
 }
+.cxd-CalendarMobile-pop--time {
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  max-height: 90vh;
+}
 .cxd-CalendarMobile-wrap {
   display: flex;
   flex-direction: column;
@@ -13656,12 +13708,14 @@ input[type=button].cxd-Button--block {
 .cxd-CalendarMobile-body table {
   border-spacing: 0 0.25rem;
 }
-.cxd-CalendarMobile-body .rdt .rdtPicker td.rdtActive, .cxd-CalendarMobile-body .rdt .rdtPicker td.rdtActive:hover {
+.cxd-CalendarMobile-body .rdt .rdtPicker td.rdtActive,
+.cxd-CalendarMobile-body .rdt .rdtPicker td.rdtActive:hover {
   background: transparent;
   color: var(--Calendar-color);
   text-shadow: none;
 }
-.cxd-CalendarMobile-body .rdt .rdtPicker tr td.rdtDisabled, .cxd-CalendarMobile-body .rdt .rdtPicker tr td.rdtDisabled:hover {
+.cxd-CalendarMobile-body .rdt .rdtPicker tr td.rdtDisabled,
+.cxd-CalendarMobile-body .rdt .rdtPicker tr td.rdtDisabled:hover {
   color: #999;
 }
 .cxd-CalendarMobile-body .rdtOldNone td.rdtOld {
@@ -13769,7 +13823,7 @@ input[type=button].cxd-Button--block {
   border: none;
 }
 .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtToday .calendar-wrap {
-  border: 1px solid #2468F2;
+  border: 1px solid #2468f2;
 }
 .cxd-CalendarMobile-calendar-header {
   height: 1.875rem;
@@ -13897,6 +13951,7 @@ input[type=button].cxd-Button--block {
   cursor: not-allowed;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   color: var(--text--muted-color);
 }
@@ -14209,6 +14264,7 @@ input[type=button].cxd-Button--block {
   border-radius: 5px;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-CBSeprator {
@@ -14217,6 +14273,7 @@ input[type=button].cxd-Button--block {
   display: inline-block;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-CBPicker-trigger {
@@ -14643,6 +14700,7 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
   display: inline-block;
@@ -14677,6 +14735,7 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   margin-left: var(--gap-xs);
   margin-top: var(--gap-xs);
@@ -14770,6 +14829,7 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
   display: inline-block;
@@ -14804,6 +14864,7 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   margin-left: var(--gap-xs);
   margin-top: var(--gap-xs);
@@ -14891,6 +14952,12 @@ input[type=button].cxd-Button--block {
   top: auto;
   box-shadow: none;
 }
+.cxd-Table-fixedLeft--autoFillHeight > table thead, .cxd-Table-fixedRight--autoFillHeight > table thead {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
 .cxd-Table-fixedLeft {
   left: 0;
   top: -999999px;
@@ -15037,6 +15104,7 @@ input[type=button].cxd-Button--block {
   cursor: col-resize;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   opacity: 0.5;
   z-index: 3000;
@@ -17177,6 +17245,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   cursor: col-resize;
   z-index: 3000;
@@ -17434,6 +17503,7 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   color: var(--link-color);
   -webkit-text-decoration: var(--link-decoration);
@@ -17538,6 +17608,7 @@ input[type=button].cxd-Button--block {
   overflow: hidden;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem label > i {
@@ -18619,6 +18690,7 @@ input[type=button].cxd-Button--block {
 .cxd-Pagination > li > span {
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   cursor: pointer;
   position: relative;
@@ -19122,6 +19194,7 @@ input[type=button].cxd-Button--block {
   align-items: center;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ImageGallery-main > img {
@@ -19177,6 +19250,7 @@ input[type=button].cxd-Button--block {
   flex-direction: row;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ImageGallery-prevList, .cxd-ImageGallery-nextList {
@@ -19452,10 +19526,16 @@ input[type=button].cxd-Button--block {
   -moz-user-select: none;
        user-select: none;
 }
+.cxd-InputBox input:-ms-input-placeholder {
+  color: var(--Form-input-placeholderColor);
+  -ms-user-select: none;
+      user-select: none;
+}
 .cxd-InputBox input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-InputBox:hover {
@@ -19760,7 +19840,7 @@ input[type=button].cxd-Button--block {
   flex-wrap: wrap;
   justify-content: flex-start;
   flex-wrap: nowrap;
-  padding: 0 0.3125rem;
+  padding: 0 0.75rem;
   min-height: var(--Form-input-height);
   align-items: center;
   border-radius: 3px;
@@ -19781,10 +19861,16 @@ input[type=button].cxd-Button--block {
   -moz-user-select: none;
        user-select: none;
 }
+.cxd-ResultBox input:-ms-input-placeholder {
+  color: var(--Form-input-placeholderColor);
+  -ms-user-select: none;
+      user-select: none;
+}
 .cxd-ResultBox input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ResultBox:hover {
@@ -19863,8 +19949,6 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox-pc-arrow {
   height: 100%;
   margin: auto 0;
-  position: absolute;
-  right: 10px;
   display: flex;
   align-items: center;
   transition: transform var(--animation-duration) ease;
@@ -19935,6 +20019,7 @@ input[type=button].cxd-Button--block {
   margin-bottom: var(--ResultBox-tag-marginBottom);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   border-radius: 0.125rem;
 }
@@ -19968,6 +20053,7 @@ input[type=button].cxd-Button--block {
   flex-grow: 1;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ResultBox > input {
@@ -20092,7 +20178,7 @@ input[type=button].cxd-Button--block {
 .cxd-SearchBox.is-active {
   background: var(--Form-input-bg);
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
-  width: 150px;
+  width: var(--SearchBox-width);
 }
 .cxd-SearchBox.is-active > input {
   flex-grow: 1;
@@ -20104,13 +20190,8 @@ input[type=button].cxd-Button--block {
   border-color: var(--SearchBox-focus-color);
 }
 .cxd-SearchBox-searchBtn {
-  display: flex;
-  width: var(--SearchBox-height);
-  align-items: center;
-  justify-content: center;
-}
-.cxd-SearchBox-searchBtn .icon {
-  top: 0;
+  display: inline-block;
+  padding: 0.3125rem 0.625rem;
 }
 .cxd-SearchBox-activeBtn, .cxd-SearchBox-cancelBtn {
   margin-right: 8px;
@@ -20149,10 +20230,16 @@ input[type=button].cxd-Button--block {
   -moz-user-select: none;
        user-select: none;
 }
+.cxd-SearchBox > input:-ms-input-placeholder {
+  color: var(--Form-input-placeholderColor);
+  -ms-user-select: none;
+      user-select: none;
+}
 .cxd-SearchBox > input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-SearchBox-clearable {
@@ -20182,6 +20269,102 @@ input[type=button].cxd-Button--block {
   background: var(--SearchBox-enhonce-disabled-color);
   color: var(--SearchBox-enhonce-disabled-search-color);
 }
+.cxd-SearchBox-history > .is-history {
+  width: 100%;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-dropdown {
+  position: absolute;
+  left: 0;
+  z-index: 998;
+  padding: var(--gap-sm) 0;
+  width: 100%;
+  max-width: var(--SearchBox-history-dropdown-maxWidth);
+  min-height: 4.5rem;
+  max-height: var(--SearchBox-history-dropdown-maxHeight);
+  background: var(--white);
+  border: var(--borderWidth) solid var(--borderColor);
+  border-top: none;
+  border-radius: var(--borderRadius);
+  box-shadow: var(--boxShadow);
+  display: none;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-dropdown.is-active {
+  display: block;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-dropdown header {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 var(--gap-md);
+  margin-bottom: 0.625rem;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-dropdown header h4 {
+  font-size: var(--fontSizeBase);
+  height: 1.5rem;
+  line-height: 1.5rem;
+  font-weight: bold;
+  margin: 0;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-dropdown header a {
+  display: inline-block;
+  font-size: var(--fontSizeSm);
+  cursor: pointer;
+  padding: 0;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-content {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 0 var(--gap-md);
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: calc( var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2 );
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag {
+  display: inlin-flex;
+  height: var(--Tag-height);
+  padding: 0 var(--gap-sm);
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  font-size: var(--Tag-content-fontSize);
+  max-width: 160px;
+  border-radius: var(--Tag-borderRadius);
+  background-color: var(--Tag-default-color);
+  color: var(--Tag-fontColor);
+  margin-bottom: var(--gap-sm);
+  margin-right: var(--gap-sm);
+  max-width: 96px;
+  cursor: pointer;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag-text {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: 24px;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag-close {
+  margin-left: var(--gap-sm);
+  margin-right: var(--gap-xs);
+  cursor: pointer;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag-close i {
+  font-size: 0.5rem;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag-close .icon {
+  width: 0.5rem;
+  height: 0.5rem;
+  position: inherit;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag-close:hover {
+  opacity: 0.7;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag-close:active {
+  opacity: 0.3;
+}
 .cxd-ListMenu {
   background: var(--ListMenu-item-bg);
   min-width: 12.5rem;
@@ -20256,25 +20439,51 @@ input[type=button].cxd-Button--block {
   font-style: italic;
   margin-right: 5px;
 }
+.cxd-Log-line-highlight {
+  background: #ffffb6;
+  display: inline-block;
+  color: #000;
+}
 .cxd-Log-operation {
-  position: absolute;
-  top: 0;
-  left: -16px;
+  position: relative;
+  background: rgba(28, 28, 28, 0.5);
 }
-.cxd-Log-operation .cxd-Button {
-  margin-right: var(--gap-xs);
+.cxd-Log-operation > a {
+  display: inline-flex;
+  flex-direction: row;
+  line-height: var(--Form-input-lineHeight);
+  font-size: var(--Form-input-fontSize);
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: flex-end;
+  height: 30px;
+  width: 30px;
+  padding-left: 8px;
+  transition: all var(--animation-duration) ease-in-out;
+  border: var(--Form-input-borderWidth) solid transparent;
+  border-radius: var(--Form-input-borderRadius);
+  overflow: hidden;
+  height: 30px;
+  width: 30px;
 }
-.cxd-Log-operation-hidden {
-  background: #f0f2f5;
-  width: 24px;
-  height: 48px;
-  box-shadow: 0 4px 6px 0 rgba(8, 14, 26, 0.04), 0 1px 10px 0 rgba(8, 14, 26, 0.05), 0 2px 4px -1px rgba(8, 14, 26, 0.06);
-  border-radius: 0 2px 2px 0;
-  padding-top: 14px;
-  padding-left: 6px;
-  cursor: pointer;
+.cxd-Log-operation a {
   color: #000;
-  transition: all 0.3s;
+}
+.cxd-Log-operation > a:hover {
+  background: var(--Form-input-onHover-bg);
+  color: var(--link-color);
+}
+.cxd-Log-operation > a > svg {
+  margin-right: 8px;
+}
+.cxd-Log-operation > a.is-disabled {
+  cursor: not-allowed;
+  color: #6b7280;
+}
+.cxd-Log-operation > a.is-disabled:hover {
+  cursor: not-allowed;
+  background: transparent;
+  color: #6b7280;
 }
 .cxd-Log .ansi-bold {
   font-weight: 700;
@@ -21197,10 +21406,16 @@ fieldset.cxd-Collapse--lg:after {
   -moz-user-select: none;
        user-select: none;
 }
+.cxd-TextControl-input input:-ms-input-placeholder {
+  color: var(--Form-input-placeholderColor);
+  -ms-user-select: none;
+      user-select: none;
+}
 .cxd-TextControl-input input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-TextControl-input:hover {
@@ -21272,6 +21487,7 @@ fieldset.cxd-Collapse--lg:after {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   position: absolute;
   left: var(--Form-input-paddingX);
@@ -21405,6 +21621,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-TextControl-value {
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
   vertical-align: middle;
@@ -21515,10 +21732,16 @@ input.cxd-TextControl-input-password {
   -moz-user-select: none;
        user-select: none;
 }
+.cxd-TextareaControl-input input:-ms-input-placeholder {
+  color: var(--Form-input-placeholderColor);
+  -ms-user-select: none;
+      user-select: none;
+}
 .cxd-TextareaControl-input input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-TextareaControl-input:hover {
@@ -21609,6 +21832,9 @@ input.cxd-TextControl-input-password {
 .cxd-TextareaControl > textarea::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
 }
+.cxd-TextareaControl > textarea:-ms-input-placeholder {
+  color: var(--Form-input-placeholderColor);
+}
 .cxd-TextareaControl > textarea::placeholder {
   color: var(--Form-input-placeholderColor);
 }
@@ -21662,6 +21888,7 @@ input.cxd-TextControl-input-password {
   font-weight: var(--fontWeightNormal);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   pointer-events: none;
 }
@@ -22092,6 +22319,7 @@ input.cxd-TextControl-input-password {
   overflow: auto;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   padding: var(--gap-xs) 0;
 }
@@ -22108,6 +22336,7 @@ input.cxd-TextControl-input-password {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-GroupedSelection-item > .cxd-Checkbox {
@@ -22208,6 +22437,7 @@ input.cxd-TextControl-input-password {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-TreeSelection-itemInner > .cxd-Checkbox {
@@ -22265,6 +22495,7 @@ input.cxd-TextControl-input-password {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ChainedSelection-item > .cxd-Checkbox {
@@ -22363,10 +22594,16 @@ input.cxd-TextControl-input-password {
   -moz-user-select: none;
        user-select: none;
 }
+.cxd-CityPicker-input:-ms-input-placeholder {
+  color: var(--Form-input-placeholderColor);
+  -ms-user-select: none;
+      user-select: none;
+}
 .cxd-CityPicker-input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-CityPicker-input:focus {
@@ -22399,10 +22636,16 @@ input.cxd-TextControl-input-password {
   -moz-user-select: none;
        user-select: none;
 }
+.cxd-CityArea-Input:-ms-input-placeholder {
+  color: var(--Form-input-placeholderColor);
+  -ms-user-select: none;
+      user-select: none;
+}
 .cxd-CityArea-Input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-CityArea-Input:focus {
@@ -22557,6 +22800,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Number-handler-up-inner, .cxd-Number-handler-down-inner {
   -moz-user-select: none;
+   -ms-user-select: none;
        user-select: none;
   -webkit-user-select: none;
   display: inline-block;
@@ -22833,6 +23077,7 @@ input.cxd-TextControl-input-password {
 .cxd-Select-valueWrap {
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   position: relative;
   flex-grow: 1;
@@ -22850,6 +23095,7 @@ input.cxd-TextControl-input-password {
   line-height: var(--Form-input-lineHeight);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
   color: var(--Form-select-placeholderColor);
@@ -22888,6 +23134,7 @@ input.cxd-TextControl-input-password {
   white-space: normal;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
   display: inline-block;
@@ -22970,6 +23217,7 @@ input.cxd-TextControl-input-password {
   overflow: auto;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Select-menu .cxd-Checkbox--sm > i {
@@ -23083,6 +23331,7 @@ input.cxd-TextControl-input-password {
   font-size: var(--Form-select-input-fontSize);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
 }
@@ -23144,6 +23393,7 @@ input.cxd-TextControl-input-password {
   white-space: normal;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
   display: inline-block;
@@ -23290,6 +23540,7 @@ input.cxd-TextControl-input-password {
   position: relative;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   font-size: var(--ListControl-fontSize);
   display: inline-block;
@@ -23416,6 +23667,7 @@ input.cxd-TextControl-input-password {
   color: var(--DatePicker-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   margin-right: var(--gap-base);
   flex-basis: 0;
@@ -23545,6 +23797,9 @@ input.cxd-TextControl-input-password {
 .cxd-ColorPicker-input::-moz-placeholder {
   color: var(--ColorPicker-placeholderColor);
 }
+.cxd-ColorPicker-input:-ms-input-placeholder {
+  color: var(--ColorPicker-placeholderColor);
+}
 .cxd-ColorPicker-input::placeholder {
   color: var(--ColorPicker-placeholderColor);
 }
@@ -23563,6 +23818,9 @@ input.cxd-TextControl-input-password {
 .cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input::-moz-placeholder {
   color: var(--ColorPicker-onDisabled-color);
 }
+.cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input:-ms-input-placeholder {
+  color: var(--ColorPicker-onDisabled-color);
+}
 .cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input::placeholder {
   color: var(--ColorPicker-onDisabled-color);
 }
@@ -23696,6 +23954,7 @@ input.cxd-TextControl-input-password {
   color: var(--DatePicker-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   margin-right: var(--gap-base);
   min-width: 3.125rem;
@@ -23824,6 +24083,7 @@ input.cxd-TextControl-input-password {
 .rdt {
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   font-size: var(--Calendar-fontSize);
   color: var(--Calendar-color);
@@ -24054,6 +24314,7 @@ input.cxd-TextControl-input-password {
   text-align: center;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   cursor: pointer;
   text-decoration: none;
@@ -24282,6 +24543,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--DatePicker-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   margin-right: var(--gap-base);
   flex-basis: 0;
@@ -25374,6 +25636,7 @@ td.rdtQuarter.rdtDisabled:hover {
   position: relative;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   margin-bottom: 0.25rem;
   padding-left: var(--Tree-icon-gap);
@@ -25455,10 +25718,16 @@ td.rdtQuarter.rdtDisabled:hover {
   -moz-user-select: none;
        user-select: none;
 }
+.cxd-Tree-itemInput > input:-ms-input-placeholder {
+  color: var(--Form-input-placeholderColor);
+  -ms-user-select: none;
+      user-select: none;
+}
 .cxd-Tree-itemInput > input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Tree-itemInput > input:focus {
@@ -25599,10 +25868,16 @@ td.rdtQuarter.rdtDisabled:hover {
   -moz-user-select: none;
        user-select: none;
 }
+.cxd-TreeSelect-input input:-ms-input-placeholder {
+  color: var(--Form-input-placeholderColor);
+  -ms-user-select: none;
+      user-select: none;
+}
 .cxd-TreeSelect-input input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-TreeSelect-input:hover {
@@ -25984,6 +26259,7 @@ td.rdtQuarter.rdtDisabled:hover {
   margin: 2px 3px;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-SubForm-valueLabel {
@@ -26066,6 +26342,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   padding: 4px;
 }
@@ -26107,10 +26384,16 @@ td.rdtQuarter.rdtDisabled:hover {
   -moz-user-select: none;
        user-select: none;
 }
+.cxd-Picker-input input:-ms-input-placeholder {
+  color: var(--Form-input-placeholderColor);
+  -ms-user-select: none;
+      user-select: none;
+}
 .cxd-Picker-input input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Picker-input:hover {
@@ -26191,6 +26474,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   position: absolute;
   line-height: var(--Form-input-lineHeight);
@@ -26218,6 +26502,7 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
@@ -26321,6 +26606,7 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   border: var(--TagControl-sugBtn-borderWidth) solid transparent;
   padding: var(--TagControl-sugBtn-paddingY) var(--TagControl-sugBtn-paddingX);
@@ -26406,6 +26692,7 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   color: var(--Rating-inactive-color);
 }
@@ -26555,6 +26842,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Transfer-checkAll, .cxd-Transfer-clearAll {
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   cursor: pointer;
 }
@@ -26738,6 +27026,7 @@ td.rdtQuarter.rdtDisabled:hover {
   font-size: var(--Form-select-input-fontSize);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
 }
@@ -26834,6 +27123,7 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   padding: 0 0.375rem;
 }
@@ -26874,6 +27164,7 @@ td.rdtQuarter.rdtDisabled:hover {
   text-overflow: ellipsis;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Cascader-option-selectedNum {
@@ -26934,10 +27225,16 @@ td.rdtQuarter.rdtDisabled:hover {
   -moz-user-select: none;
        user-select: none;
 }
+.cxd-IconPickerControl-input input:-ms-input-placeholder {
+  color: var(--Form-input-placeholderColor);
+  -ms-user-select: none;
+      user-select: none;
+}
 .cxd-IconPickerControl-input input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-IconPickerControl-input:hover {
@@ -27009,6 +27306,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   line-height: var(--Form-input-lineHeight);
   position: absolute;
@@ -27061,6 +27359,7 @@ td.rdtQuarter.rdtDisabled:hover {
   font-size: var(--fontSizeSm);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .cxd-IconPickerControl-tab.active {
@@ -27090,6 +27389,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-IconPickerControl-value {
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
   vertical-align: middle;
@@ -27462,6 +27762,10 @@ td.rdtQuarter.rdtDisabled:hover {
     flex-grow: 1;
   }
 }
+.cxd-Form--debug {
+  word-break: break-all;
+  white-space: pre-wrap;
+}
 .cxd-Form--quickEdit {
   min-width: var(--Form-control-widthSm);
 }
@@ -27767,6 +28071,7 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   padding: 0 1rem;
   border-bottom: 0.0625rem solid var(--UserSelect--border-color);
@@ -27787,6 +28092,7 @@ td.rdtQuarter.rdtDisabled:hover {
   text-align: left;
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   display: flex;
   align-items: center;
@@ -28052,6 +28358,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap {
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
   margin: 0px;
   padding: 0px;
@@ -28952,18 +29259,23 @@ td.rdtQuarter.rdtDisabled:hover {
   display: inline-flex;
   height: var(--Tag-height);
   padding: 0 var(--gap-sm);
+  flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
   font-size: var(--Tag-content-fontSize);
   max-width: 160px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
   transition: all 0.3;
   border-radius: var(--Tag-borderRadius);
   background-color: var(--Tag-default-color);
   color: var(--Tag-fontColor);
 }
+.cxd-Tag-text {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: var(--Tag-height);
+}
 .cxd-Tag:not(:last-child) {
   margin-right: var(--gap-sm);
 }
@@ -28996,6 +29308,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: calc((var(--Tag-height) + 2px) / 2);
   border: 1px solid var(--Tag-default-color);
   color: var(--Tag-default-color);
+  line-height: 22px;
 }
 .cxd-Tag--rounded--inactive {
   border-color: var(--Tag-inactive-color);