@vitrosoftware/common-ui-ts 1.1.115 → 1.1.116

package/css/std/controls/table-view/treegrid-filter.css

@@ -0,0 +1,265 @@
+.TWFilterMenuMain {
+    width: 241px !important;
+    border: none;
+    border-radius: 4px;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
+    margin-top: 8px !important;
+    margin-left: -16px;
+}
+
+.TWFilterMenuMain::before {
+    content: '';
+    display: block;
+    height: 21px;
+    width: 32px;
+    overflow: hidden;
+    background-position: center 0;
+    background-size: 44px 42px;
+    background-repeat: no-repeat;
+    position: absolute;
+    top: -21px;
+    left: 16px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/dropdown-menu-arrow.svg');
+}
+
+.TWFilterMenuMain .TWMenuOuter {
+    padding: 0;
+    margin: 0;
+    border-radius: 4px !important;
+    border: none !important;
+    width: 241px !important;
+}
+
+.TWFilterMenuMain .TWMenuHover {
+    background: #F3F8FF !important;
+}
+
+.TWFilterMenuMain .TWMenuItem {
+    margin: 0 !important;
+    padding: 8px 0 !important;
+}
+
+.TWFilterMenuMain .TWMenuItemText {
+    line-height: 150%;
+    padding-left: 12px;
+    white-space: normal;
+    margin-left: 32px;
+}
+
+.TWFilterMenuMain .TWMenuItemIcon {
+    height: 20px;
+    width: 32px;
+    background-size: 20px;
+    background-position-x: 12px;
+}
+
+.TWCellFilter, .TWCellFilterPanel, .TWGanttFilter {
+    background-color: #F7F9FC;
+    border-top: 1px solid #E4E6EC !important;
+}
+
+.TWFilter0Left, .TWFilter0Right, .TWFilter0Menu {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/cancel-grey.svg');
+}
+
+.TWFilter12Left, .TWFilter12Right, .TWFilter12Menu {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-contains.svg');
+}
+
+.TWFilter11Left, .TWFilter11Right, .TWFilter11Menu {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-contains.svg');
+}
+
+.TWFilter10Left, .TWFilter10Right, .TWFilter10Menu {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-edns-in.svg');
+}
+
+.TWFilter9Left, .TWFilter9Right, .TWFilter9Menu {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-ends-in.svg');
+}
+
+.TWFilter8Left, .TWFilter8Right, .TWFilter8Menu {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-start-with.svg');
+}
+
+.TWFilter7Left, .TWFilter7Right, .TWFilter7Menu {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-start-with.svg');
+}
+
+.TWFilter6Left, .TWFilter6Right, .TWFilter6Menu {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-equal-more.svg');
+}
+
+.TWFilter5Left, .TWFilter5Right, .TWFilter5Menu {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-more.svg');
+}
+
+.TWFilter4Left, .TWFilter4Right, .TWFilter4Menu {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-equal-lower.svg');
+}
+
+.TWFilter3Left, .TWFilter3Right, .TWFilter3Menu {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-lower.svg');
+}
+
+.TWFilter2Left, .TWFilter2Right, .TWFilter2Menu {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-equal.svg');
+}
+
+.TWFilter1Left, .TWFilter1Right, .TWFilter1Menu {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-equal.svg');
+}
+
+.TWMenuItem .TWFilter0Menu,
+.TWMenuItem .TWFilter1Menu,
+.TWMenuItem .TWFilter2Menu,
+.TWMenuItem .TWFilter3Menu,
+.TWMenuItem .TWFilter4Menu,
+.TWMenuItem .TWFilter5Menu,
+.TWMenuItem .TWFilter6Menu,
+.TWMenuItem .TWFilter7Menu,
+.TWMenuItem .TWFilter8Menu,
+.TWMenuItem .TWFilter9Menu,
+.TWMenuItem .TWFilter10Menu,
+.TWMenuItem .TWFilter11Menu,
+.TWMenuItem .TWFilter12Menu {
+    width: 20px;
+    height: 20px;
+    background-repeat: no-repeat;
+    background-position:  center;
+}
+
+.TWCellFilter.TWClassHoveredCell {
+    background-color: #DCEEFF;
+}
+
+.TWFilterMenuHeader {
+    padding: 0 !important;
+    margin: 0 0 0 8px !important;
+    box-shadow: none;
+    background: transparent;
+}
+
+.TWFilterAllMenu {
+    background-position: center !important;
+    width: 16px !important;
+    height: 16px !important;
+    background-color: #fff;
+    border-radius: 2px;
+    margin-top: 1px;
+}
+
+.TWCellFilter {
+    padding: 0 0 0 32px !important;
+    background-position: 8px center !important;
+    font-size: 12px;
+}
+
+.TWEditFilterInput {
+    background-color: #DCEEFF;
+    font-size: 12px;
+}
+
+.TWCellFilter.TWHiddenValue.TWFilter0Value,
+.TWCellFilter.TWFilter1Value,
+.TWCellFilter.TWFilter2Value,
+.TWCellFilter.TWFilter3Value,
+.TWCellFilter.TWFilter4Value,
+.TWCellFilter.TWFilter5Value,
+.TWCellFilter.TWFilter6Value,
+.TWCellFilter.TWFilter7Value,
+.TWCellFilter.TWFilter8Value,
+.TWCellFilter.TWFilter9Value,
+.TWCellFilter.TWFilter10Value,
+.TWCellFilter.TWFilter11Value,
+.TWCellFilter.TWFilter12Value,
+.TWCellFilter.TWOverflowDisable,
+.TWCellFilter.TWHiddenValue.TWSideRight {
+    background-color: #DCEEFF;
+}
+
+.TWIconRight.TWCellFilter {
+    background-position: center !important;
+}
+
+.TWIconRight.TWCellFilter {
+    background-color: #DCEEFF;
+}
+
+.TWFilter0Value + .TWIconRight {
+    background-color: #F7F9FC;
+}
+
+.TWFilterAllMenu.TWFilter0Menu,
+.TWHiddenValue.TWFilter0Value {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-cancel-white.svg');
+}
+
+.TWFilterAllMenu.TWFilter1Menu, .TWFilterLeft.TWFilter1Value {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-equal-white.svg');
+}
+
+.TWFilterAllMenu.TWFilter2Menu, .TWFilterLeft.TWFilter2Value {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-equal-white.svg');
+}
+
+.TWFilterAllMenu.TWFilter3Menu, .TWFilterLeft.TWFilter3Value {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-lower-white.svg');
+}
+
+.TWFilterAllMenu.TWFilter4Menu, .TWFilterLeft.TWFilter4Value {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-equal-lower-white.svg');
+}
+
+.TWFilterAllMenu.TWFilter5Menu, .TWFilterLeft.TWFilter5Value {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-more-white.svg');
+}
+
+.TWFilterAllMenu.TWFilter6Menu, .TWFilterLeft.TWFilter6Value {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-equal-more-white.svg');
+}
+
+.TWFilterAllMenu.TWFilter7Menu, .TWFilterLeft.TWFilter7Value {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-start-with-white.svg');
+}
+
+.TWFilterAllMenu.TWFilter8Menu, .TWFilterLeft.TWFilter8Value {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-start-with-white.svg');
+}
+
+.TWFilterAllMenu.TWFilter9Menu, .TWFilterLeft.TWFilter9Value {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-ends-in-white.svg');
+}
+
+.TWFilterAllMenu.TWFilter10Menu, .TWFilterLeft.TWFilter10Value {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-edns-in-white.svg');
+}
+
+.TWFilterAllMenu.TWFilter11Menu, .TWFilterLeft.TWFilter11Value {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-contains-white.svg');
+}
+
+.TWFilterAllMenu.TWFilter12Menu, .TWFilterLeft.TWFilter12Value {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-contains-white.svg');
+}
+
+.TWHintFilterOuter {
+    padding: 1px 0 0 0 !important;
+}
+
+.TWHintFilterMain {
+    margin-left: 8px;
+    padding: 0;
+}
+
+.TWSideRight.TWCellFilter {
+    background-position: center !important;
+}
+
+.TWFilter0Value u.TWFilter1, .TWFilter0Value u.TWFilter0 {
+    display: none;
+}
+
+.TWFilterMenuFocus {
+    background-color: #fff;
+}

package/css/std/controls/table-view/treegrid-gantt.css

@@ -0,0 +1,66 @@
+.GWGanttBaseOut {
+    background: none !important;
+}
+
+.GWGanttHtmlIn > div {
+    width: 100%;
+    height: 100%;
+    border-radius: 6px;
+}
+
+.GWGanttHtmlLeft0.GWGanttHtml > span,
+.GWGanttHtmlRight0 .GWGanttHtml > span {
+    font-size: 12px;
+    width: fit-content;
+    height: fit-content;
+}
+
+.GWGanttHtml {
+    overflow: visible !important;
+    padding: 0 !important;
+}
+
+.GWGantt.TWCell > div {
+    overflow: visible !important;
+}
+
+.TWGanttHeader {
+    padding: 0 !important;
+}
+
+.TWGanttHeader1,
+.TWGanttHeader2,
+.TWGanttHeader3 {
+    border-left: 1px solid #E4E6EC !important;
+}
+
+.TWGanttHeader1 {
+    border-bottom: 1px solid #E4E6EC !important;
+}
+
+.TWGanttHeader3 {
+    border-top: 1px solid #E4E6EC !important;
+}
+
+.TWHeadRight {
+    border-left: 1px solid #E4E6EC !important;
+}
+
+.TWGanttHeaderBase {
+    background: #F7F9FC;
+}
+
+.GWGanttHtmlOut + div {
+    overflow: visible !important;
+    margin-left: 100% !important;
+    margin-top: -16px !important;
+}
+
+.GWGanttHtmlOut + div > div {
+    font-size: 12px;
+}
+
+.GWGanttMark {
+    background: #fffc85 !important;
+    opacity: 0.4 !important;
+}

package/css/std/controls/table-view/treegrid-group.css

@@ -0,0 +1,59 @@
+.TWHeaderGroup {
+    padding: 0 4px;
+    background: #fff;
+}
+
+.TWHeaderGroup > div {
+    font-family: 'InterMedium';
+    font-size: 12px;
+    line-height: 16px;
+    background: #DCEEFF;
+    border-radius: 4px;
+    height: 100%;
+    width: fit-content !important;
+    padding: 4px 8px;
+}
+
+.TWGroupRow {
+    border-right: none !important;
+    border-left: none !important;
+    border-top: none !important;
+    border-bottom: 1px solid #E4E6EC;
+    padding: 2px 12px 2px 24px;
+}
+
+.TWGroupRow .TWCollapseLeft {
+    background-size: 24px;
+    padding: 0 28px !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/group-collapse-bottom.svg') !important;
+}
+
+.TWGroupRow .TWExpandLeft {
+    background-size: 24px;
+    padding: 0 28px !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/group-collapse-right.svg') !important;
+}
+
+.group-row {
+    background-color: #F7F9FC !important;
+    border-bottom: 1px solid #E4E6EC;
+}
+
+.group-text {
+    color: #4A556C;
+    font-family: 'InterMedium';
+    font-size: 14px;
+    line-height: 16px;
+}
+
+.vitro-group-active > div {
+    border-radius: 4px;
+    border: 1px dashed #8E98A3;
+    background: #F3F8FF;
+    color: #F3F8FF !important;
+    height: 80%;
+}
+
+.TWHeaderGroupCustom {
+    padding: 0;
+}

package/css/std/controls/table-view/treegrid-header.css

@@ -0,0 +1,30 @@
+.TWCellHeader {
+    font-family: "InterMedium" !important;
+    background: #F7F9FC;
+    padding: 4px 8px !important;
+}
+
+.TWClassHoveredCellHeader {
+    background-color: #DCEEFF;
+}
+
+.TWHeaderButton {
+    padding: 0 !important;
+}
+
+.TWHeaderFont {
+    font-weight: unset;
+}
+
+.TWHeaderText {
+    color: #4A556C !important;
+}
+
+.TWCellHeaderPanel .TWPanelDelete {
+    display: none;
+}
+
+.TWHintHeaderOuter > div,
+.TWHintDataOuter > div {
+    overflow: visible !important;
+}

package/css/std/controls/table-view/treegrid-message.css

@@ -0,0 +1,41 @@
+.TWPageMessage, .GridMessage {
+    border: none !important;
+    box-shadow: none !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/preloader.svg');
+    background-repeat: no-repeat;
+    background-position: center top;
+    padding: 0;
+    padding-top: 64px !important;
+    min-width: 110px;
+    font-family: 'InterRegular';
+}
+
+.TWMessage {
+    font-family: inherit;
+    border-radius: 8px;
+    border: 1px solid #e0e0e0;
+    font-size: inherit;
+    padding: 16px;
+    min-width: 240px;
+    white-space: normal;
+    text-align: left;
+    box-shadow: none;
+    z-index: 100000;
+    top: 50% !important;
+}
+
+.TWMessage .vitro-flex {
+    align-items: center;
+    font-family: "GraphikRegular";
+    font-size: 10pt;
+}
+
+.TWMessage .vitro-icon-before {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/question.svg');
+    background-size: cover;
+    width: 32px;
+    height: 32px;
+    margin-right: 8px;
+    padding-right: 0;
+    flex-shrink: 0;
+}

package/css/std/controls/table-view/treegrid-progress.css

@@ -0,0 +1,47 @@
+.TWProgressOuter {
+    background-color: #fff;
+    width: 220px !important;
+}
+
+.TWProgressInner {
+    height: 26px !important;
+    width: 100% !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/preloader.svg');
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+.TWProgressMain {
+    text-align: center;
+}
+
+.TWProgressButtons {
+    margin: 0;
+    display: flex;
+    flex-direction: row-reverse;
+}
+
+.TWProgressButtons > button {
+    min-width: 80px;
+    font-size: 9pt;
+    height: 26px;
+    line-height: 26px;
+    margin: 4px;
+    padding: 0 8px !important;
+}
+
+.TWProgressRow {
+    padding: 0;
+    height: 2px;
+    border: none !important;
+    position: absolute;
+    z-index: 1;
+}
+
+.TWProgressRow .TWHtml {
+    padding: 0;
+}
+
+.TWProgressRow .TWSpaceWidthInner {
+    height: 2px;
+}

package/css/std/controls/table-view/treegrid-scroll.css

@@ -0,0 +1,55 @@
+.TWCustScroll3X .TWHScrollSpace {
+    width: 12px;
+    height: 12px;
+}
+
+.TWVScroll {
+    width: 10px !important;
+    border: 1px solid #F7F9FC;
+    box-sizing: border-box;
+}
+
+.TWHScroll {
+    height: 10px !important;
+    box-sizing: border-box;
+}
+
+.TWHScrollLeft, .TWHScrollMid, .TWHScrollRight {
+    border: none;
+    background: #fff
+}
+
+.TWCustScroll3Right, .TWCustScroll2Right, .TWCustScroll3RightHidden, .TWCustScroll2RightHidden {
+    height: 10px;
+    background: #fff;
+}
+
+.TWCustScroll3Left, .TWCustScroll2Left, .TWCustScroll3LeftHover, .TWCustScroll2LeftHover {
+    padding: 3px 5px;
+}
+
+.TWCustScroll3Down, .TWCustScroll2Down, .TWCustScroll3DownHidden, .TWCustScroll2DownHidden {
+    width: 10px;
+    background: #fff
+}
+
+.TWCustScroll3Up, .TWCustScroll2Up, .TWCustScroll3UpHover, .TWCustScroll2UpHover {
+    padding: 5px 3px;
+    background: #fff
+}
+
+.TWCustScroll3SliderRight, .TWCustScroll2SliderRight, .TWCustScroll3SliderLeft, .TWCustScroll2SliderLeft,
+.TWCustScroll3SliderRightHover, .TWCustScroll2SliderRightHover, .TWCustScroll3SliderLeftHover, .TWCustScroll2SliderLeftHover {
+    background: #E4E6EC;
+    height: 4px;
+    margin: 0;
+    border-radius: 4px;
+}
+
+.TWCustScroll3SliderDown, .TWCustScroll2SliderDown, .TWCustScroll3SliderUp, .TWCustScroll2SliderUp,
+.TWCustScroll3SliderDownHover, .TWCustScroll2SliderDownHover, .TWCustScroll3SliderUpHover, .TWCustScroll2SliderUpHover {
+    background: #E4E6EC;
+    width: 4px;
+    margin: 0;
+    border-radius: 4px;
+}

package/css/std/controls/table-view/treegrid-sort.css

@@ -0,0 +1,25 @@
+.TWSort1Left, .TWSort1Right,
+.TWSort2Left, .TWSort2Right,
+.TWSort3Left, .TWSort3Right {
+    background-repeat: no-repeat !important;
+    height: 24px !important;
+    width: 24px !important;
+    background-size: 100% !important;
+    background-position: center !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/sort-top.svg');
+}
+
+.TWSort4Left, .TWSort4Right,
+.TWSort5Left, .TWSort5Right,
+.TWSort6Left, .TWSort6Right {
+    background-repeat: no-repeat !important;
+    height: 24px !important;
+    width: 24px !important;
+    background-size: 100% !important;
+    background-position: center !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/sort-bottom.svg');
+}
+
+.TWSort0Left, .TWSort0Right {
+    background-image: none !important;
+}

package/css/std/controls/table-view/treegrid-tab.css

@@ -0,0 +1,45 @@
+.TWTabHtmlBase {
+    border-radius: 4px 4px 0px 0px;
+    padding: 8px 16px !important;
+    font-size: 12px;
+    line-height: 16px;
+    border-top: 1px solid #E4E6EC;
+    border-right: 1px solid #E4E6EC;
+    border-left: 1px solid #E4E6EC;
+    font-weight: unset !important;
+}
+
+.TWTabHtmlBase:hover,
+.TWTabHtmlBase:active,
+.TWTabHtml1:hover,
+.TWTabHtml1:active {
+    background-color: #F7F9FC !important;
+}
+
+.TWTabHtml1 {
+    background: #F7F9FC !important;
+    font-family: 'InterMedium';
+    position: relative;
+}
+
+.TWTabHtml1::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    display: block;
+    height: 1px;
+    background: #F7F9FC;
+    top: 100%;
+    left: 0;
+}
+
+.TWTabHtml1::before {
+    content: '';
+    display: inline-block;
+    height: 16px;
+    margin-right: 4px;
+    width: 16px;
+    margin-left: -6px;
+    vertical-align: sub;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/check.svg');
+}

package/css/std/controls/table-view/treegrid-tip.css

@@ -0,0 +1,23 @@
+.TWTipOuter {
+    background-color: #4A556C;
+    opacity: 1;
+    border-radius: 4px;
+    padding: 8px 10px;
+    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
+}
+
+.TWTipBody > div {
+    color: #fff !important;
+}
+
+.TWTipMain.TWTipMainTop::after {
+    content: '';
+    display: block;
+    position: absolute;
+    height: 20px;
+    width: 42px;
+    left: calc(50% - 21px);
+    background-repeat: no-repeat;
+    background-position: center -2px;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/tooltip-arrow.svg');
+}