@vitrosoftware/common-ui-ts 1.1.12 → 1.1.14

package/css/std/controls/tab-group/tab-group.css

@@ -0,0 +1,117 @@
+.vitro-tab {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.vitro-tab :global(.nav) {
+    align-items: center;
+    justify-content: center;
+}
+
+.vitro-tab > :global(.vitro-content) {
+    position: relative;
+    height: 100%;
+}
+
+.vitro-tab > :global(.vitro-content) > :global(.container),
+.vitro-tab > :global(.vitro-content) > :global(.container) > div {
+    height: 100%;
+}
+
+.vitro-tab :global(.ps) > div:first-child {
+    padding: 26px 16px 0 16px;
+}
+
+.vitro-tab :global(.nav) :global(.dropdown-menu) {
+    color: #222D44;
+    font-family: 'InterRegular';
+    font-size: 14px;
+    line-height: 150%;
+    z-index: 1001;
+    padding: 0;
+    border-radius: 4px;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+}
+
+.vitro-tab :global(.dropdown-menu::before) {
+    content: '';
+    display: block;
+    height: 11px;
+    width: 16px;
+    background-position: center;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    position: absolute;
+    right: 8px;
+    top: -11px;
+    /* dropdown-arrow.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
+}
+
+.vitro-tab :global(.nav) :global(.dropdown-item) {
+    padding: 8px 12px;
+}
+
+.vitro-tab :global(.nav) :global(.dropdown-item):hover {
+    background: #F3F8FF;
+}
+
+.vitro-tab :global(.nav) :global(.dropdown-item):first-child {
+    border-radius: 4px 4px 0 0;
+}
+
+.vitro-tab :global(.nav) :global(.dropdown-item):last-child {
+    border-radius: 0 0 4px 4px;
+}
+
+.vitro-tab :global(.nav) > div.vitro-item {
+    flex-grow: 1;
+    text-align: center;
+}
+
+.vitro-tab :global(.nav) > div :global(.nav-link) {
+    padding: 0;
+}
+
+.vitro-tab :global(.nav) > div :global(.nav-item) a {
+    border-bottom: 1px solid #E4E6EC;
+    font-family: 'InterRegular';
+    color: #4A556C;
+    font-size: 14px;
+    padding-bottom: 15px;
+    line-height: 150%;
+}
+
+.vitro-tab :global(.nav) > div :global(.nav-item) a:hover {
+    color: #3274E0;
+}
+
+.vitro-tab :global(.nav) > div :global(.nav-item) a span {
+    display: inline-flex;
+    align-items: center;
+}
+
+.vitro-tab :global(.nav) > div .active span {
+    font-family: 'InterMedium';
+}
+
+.vitro-tab :global(.nav) > div :global(.nav-item) a span i {
+    margin: 0 4px;
+    font-size: 18px;
+}
+
+.vitro-tab :global(.nav) > .vitro-dropdown-button {
+    border-bottom: 1px solid #e0e0e0;
+}
+
+.vitro-tab :global(.nav) > .vitro-dropdown-button button {
+    height: 36px;
+    display: flex;
+    align-items: flex-start;
+}
+
+.vitro-tab :global(.nav) > div :global(.nav-item).active a {
+    color: #3274E0 !important;
+    border-bottom: 2px solid #3274E0;
+}

package/css/std/controls/table-view/table-view-custom-date-edit.css

@@ -0,0 +1,24 @@
+.table-view-custom-date-edit {
+    width: auto;
+    position: absolute;
+    z-index: 10000;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+    border-radius: 4px;
+}
+
+.table-view-custom-date-edit .k-footer {
+    display: none !important;
+}
+
+.table-view-custom-date-edit .k-calendar {
+    border: none;
+    color: #222D44 !important;
+}
+
+.table-view-custom-date-edit .k-link {
+    color: #222D44 !important;
+}
+
+.table-view-custom-date-edit .k-state-focused .k-link {
+    color: #fff !important;
+}

package/css/std/controls/table-view/table-view-custom-lookup-edit.css

@@ -0,0 +1,4 @@
+.table-view-custom-lookup-edit {
    position: absolute;
    z-index: 10000;
+    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000000;
    line-height: 23px;
    width: 85%;
    display: none;
    height: 32px;
    padding: 0;
    margin: 0px !important;
+
+.table-view-custom-lookup-edit > div > div:first-child {
    min-height: initial;
    height: 32px;
    border: 0;
    border-radius: 0;
    padding: 3px 22px 3px 3px;
    top: 4px !important;
    display: none;

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

@@ -0,0 +1,45 @@
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-custom-lookup-edit.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-custom-date-edit.css');
+
+:global(#TableView) {
+    height: auto;
+    flex: 1 1 100%;
+}
+
+.vitro-table-view {
+    height: 100%;
+    width: 100%;
+    background: #fff;
+    position: relative;
+}
+
+:global(.TWEnumHeaderLeft .vitro-table-view-status > span:not(.vitro-status)) {
+    display: none;
+}
+
+.vitro-table-view :global(.TWClassReadOnly .vitro-readonly-cell) {
+    color: #BDBDBD;
+}
+
+.vitro-table-view :global(.vitro-editable-cell) {
+    font-weight: bold;
+}
+
+:global(.vitro-tableview-progress-message) {
+    border: none !important;
+    box-shadow: none !important;
+    /* ico-preloader.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' style='margin: auto; background-image: none; display: block; shape-rendering: auto; background-position: initial initial; background-repeat: initial initial;' class='ng-star-inserted'%3E%3Cg transform='rotate(0 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.875s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(45 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.75s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(90 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.625s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(135 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.5s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(180 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.375s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(225 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.25s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(270 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.125s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(315 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
+    background-position: center 20px;
+    background-size: 24px 24px;
+    padding-top: 56px !important;
+    text-align: center !important;
+    font-family: "InterRegular" !important;
+    font-size: 10pt !important;
+}
+
+:global(.vitro-tableview-progress-message.vitro-table-view-export-message) {
+    background-color: #fff;
+    border: 1px solid #ff5b2d !important;
+}