@vitrosoftware/common-ui-ts 1.1.12 → 1.1.13

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;
+}