@omnia/runtime 8.0.222-dev → 8.0.224-dev

package/dist/bundles/omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.css

@@ -43,6 +43,7 @@
 .om8a6f2:not(#\#):not(#\#){row-gap:var(--rowGap,revert)}
 .o1w9wy87:not(#\#):not(#\#){text-align:var(--textAlign,revert)}
 .otc2z4j:not(#\#):not(#\#){text-fill-color:var(--textFillColor,revert)}
+.o9227vg:not(#\#):not(#\#){text-overflow:var(--textOverflow,revert)}
 .o8rf0a0:not(#\#):not(#\#){text-transform:var(--textTransform,revert)}
 .o1yesafu:not(#\#):not(#\#){transform-origin:var(--transformOrigin,revert)}
 .o1v0jg1i:not(#\#):not(#\#){transform:var(--transform,revert)}
@@ -74,260 +75,293 @@
 .obobb8a:not(#\#):not(#\#):not(#\#){padding-top:var(--paddingTop,revert)}
 .orzbxsz:not(#\#):not(#\#):not(#\#){top:var(--top,revert)}
 .o17fnjtu:not(#\#):not(#\#):not(#\#){width:var(--width,revert)}
-                            .o-ip-of {
+                            .oi-of {
     overflow: var(--overflow, revert) !important
 }
 
-.o-ip-w {
+.oi-ofy {
+    overflow-y: var(--overflowY, revert) !important
+}
+
+.oi-ofx {
+    overflow-x: var(--overflowX, revert) !important
+}
+
+.oi-w {
     width: var(--width, revert) !important
 }
 
-.o-ip-height {
+.oi-h {
     height: var(--height, revert) !important
 }
 
-.o-ip-h-max {
+.oi-h-max {
     max-height: var(--maxHeight, revert) !important
 }
 
-.o-ip-ma {
+.oi-ma {
     margin: var(--margin, revert) !important
 }
 
-.o-ip-pa {
+.oi-pa {
     padding: var(--padding, revert) !important
 }
 
-/* .o-ip-border {
+.oi-top {
+    top: var(--top, revert) !important
+}
+
+/* .oi-border {
     border: var(--border, revert) !important
 } */
 
 
 
-.o-ip-bg {
+.oi-bg {
     background: var(--background, revert) !important;
 }
 
-.o-ip-c {
+.oi-c {
     color: var(--color, revert) !important;
 }
 
-.o-ip-ml {
+.oi-ml {
     margin-left: var(--marginLeft, revert) !important;
 }
 
-.o-ip-mb {
+.oi-mb {
     margin-bottom: var(--marginBottom, revert) !important;
 }
 
-.o-ip-mr {
+.oi-mr {
     margin-right: var(--marginRight, revert) !important;
 }
 
-.o-ip-mt {
+.oi-mt {
     margin-top: var(--marginTop, revert) !important;
 }
 
-.o-ip-pl {
+.oi-pl {
     padding-left: var(--paddingLeft, revert) !important;
 }
 
-.o-ip-pb {
+.oi-pb {
     padding-bottom: var(--paddingBottom, revert) !important;
 }
 
-.o-ip-pr {
+.oi-pr {
     padding-right: var(--paddingRight, revert) !important;
 }
 
-.o-ip-pt {
+.oi-pt {
     padding-top: var(--paddingTop, revert) !important;
 }
 
-.o-ip-btlr {
+.oi-bl {
+    border-left: var(--borderLeft, revert) !important;
+}
+
+.oi-bb {
+    border-bottom: var(--borderBottom, revert) !important;
+}
+
+.oi-br {
+    border-right: var(--borderRight, revert) !important;
+}
+
+.oi-bt {
+    border-top: var(--borderTop, revert) !important;
+}
+
+.oi-btlr {
     border-top-left-radius: var(--borderTopLeftRadius, revert) !important
 }
 
-.o-ip-btrr {
+.oi-btrr {
     border-top-right-radius: var(--borderTopRightRadius, revert) !important
 }
 
-.o-ip-bbrr {
+.oi-bbrr {
     border-bottom-right-radius: var(--borderBottomRightRadius, revert) !important
 }
 
-.o-ip-bblr {
+.oi-bblr {
     border-bottom-left-radius: var(--borderBottomLeftRadius, revert) !important
 }
 
 
-.o-ip-bg-clip,
-.o-ip-bg.o-ip-bg-clip {
+.oi-bg-clip,
+.oi-bg.oi-bg-clip {
     background-clip: var(--backgroundClip, revert) !important;
     -webkit-background-clip: var(--backgroundClip, revert) !important;
 }
 
-.o-ip-bg-color,
-.o-ip-bg-color-hover:hover,
-.o-ip-bg.o-ip-bg-color,
-.o-ip-bg.o-ip-bg-color-hover:hover {
+.oi-bg-color,
+.oi-bg-color-hover:hover,
+.oi-bg.oi-bg-color,
+.oi-bg.oi-bg-color-hover:hover {
     background-color: var(--backgroundColor, revert) !important;
 }
 
-.o-ip-td {
+.oi-cursor,
+.oi-cursor-hover:hover {
+    cursor: var(--cursor, revert) !important;
+}
+
+.oi-td {
     text-decoration: var(--textDecoration, revert) !important
 }
 
-.o-ip-font {
+.oi-font {
     font-size: var(--fontSize, revert) !important;
     font-weight: var(--fontWeight, revert) !important;
     line-height: var(--lineHeight, revert) !important;
 }
 
-.o-ip-fs {
+.oi-fs {
     font-size: var(--fontSize, revert) !important;
 }
 
 /* nest rule */
 
-.o-nest-if-pl iframe {
+.on-if-pl iframe {
     padding-left: var(--paddingLeft, revert);
 }
 
-.o-nest-if-pr iframe {
+.on-if-pr iframe {
     padding-right: var(--paddingRight, revert);
 }
 
-.o-nest-if-pt iframe {
+.on-if-pt iframe {
     padding-top: var(--paddingTop, revert);
 }
 
-.o-nest-if-pb iframe {
+.on-if-pb iframe {
     padding-bottom: var(--paddingBottom, revert);
 }
 
 /* sm size */
 @media screen and (max-width: 420px) {
-    .o-media-sm-fs {
-        font-size: var(--fontSize, revert);
+    .oms-fs {
+        font-size: var(--fontSize-sm, revert);
     }
 
-    .o-media-sm-fw {
-        font-weight: var(--fontWeight, revert);
+    .oms-fw {
+        font-weight: var(--fontWeight-sm, revert);
     }
 
-    .o-media-sm-lh {
-        line-height: var(--lineHeight, revert);
+    .oms-lh {
+        line-height: var(--lineHeight-sm, revert);
     }
 
-    .o-ip-media-sm-fs {
-        font-size: var(--fontSize, revert) !important;
+    .oims-fs {
+        font-size: var(--fontSize-sm, revert) !important;
     }
 
-    .o-ip-media-sm-fw {
-        font-weight: var(--fontWeight, revert) !important;
+    .oims-fw {
+        font-weight: var(--fontWeight-sm, revert) !important;
     }
 
-    .o-ip-media-sm-lh {
-        line-height: var(--lineHeight, revert) !important;
+    .oims-lh {
+        line-height: var(--lineHeight-sm, revert) !important;
     }
 }
 
 /* medium size */
 @media screen and (min-width: 420px) and (max-width: 1200px) {
-    .o-media-md-fs {
-        font-size: var(--fontSize, revert);
+    .omd-fs {
+        font-size: var(--fontSize-md, revert);
     }
 
-    .o-media-md-fw {
-        font-weight: var(--fontWeight, revert);
+    .omd-fw {
+        font-weight: var(--fontWeight-md, revert);
     }
 
-    .o-media-md-lh {
-        line-height: var(--lineHeight, revert);
+    .omd-lh {
+        line-height: var(--lineHeight-md, revert);
     }
 
-    .o-ip-media-md-fs {
-        font-size: var(--fontSize, revert) !important;
+    .oimd-fs {
+        font-size: var(--fontSize-md, revert) !important;
     }
 
-    .o-ip-media-md-fw {
-        font-weight: var(--fontWeight, revert) !important;
+    .oimd-fw {
+        font-weight: var(--fontWeight-md, revert) !important;
     }
 
-    .o-ip-media-md-lh {
-        line-height: var(--lineHeight, revert) !important;
+    .oimd-lh {
+        line-height: var(--lineHeight-md, revert) !important;
     }
 }
 
 /* large size */
 @media screen and (min-width: 1201px) {
-    .o-media-lg-fs {
-        font-size: var(--fontSize, revert);
+    .oml-fs {
+        font-size: var(--fontSize-lg, revert);
     }
 
-    .o-media-lg-fw {
-        font-weight: var(--fontWeight, revert);
+    .oml-fw {
+        font-weight: var(--fontWeight-lg, revert);
     }
 
-    .o-media-lg-lh {
-        line-height: var(--lineHeight, revert);
+    .oml-lh {
+        line-height: var(--lineHeight-lg, revert);
     }
 
-    .o-ip-media-lg-fs {
-        font-size: var(--fontSize, revert) !important;
+    .oiml-fs {
+        font-size: var(--fontSize-lg, revert) !important;
     }
 
-    .o-ip-media-lg-fw {
-        font-weight: var(--fontWeight, revert) !important;
+    .oiml-fw {
+        font-weight: var(--fontWeight-lg, revert) !important;
     }
 
-    .o-ip-media-lg-lh {
-        line-height: var(--lineHeight, revert) !important;
+    .oiml-lh {
+        line-height: var(--lineHeight-lg, revert) !important;
     }
 }
 
 /* sm size */
 @container (max-width: 420px) {
-    /* .o-ip-container-sm-fs {
+    /* .oi-container-sm-fs {
         font-size: var(--fontSize, revert) !important;
     }
 
-    .o-ip-container-sm-fw {
+    .oi-container-sm-fw {
         font-weight: var(--fontWeight, revert) !important;
     }
 
-    .o-ip-container-sm-lh {
+    .oi-container-sm-lh {
         line-height: var(--lineHeight, revert) !important;
     } */
 }
 
 /* medium size */
 @container (min-width: 420px) and (max-width: 1200px) {
-    /* .o-ip-container-md-fs {
+    /* .oi-container-md-fs {
         font-size: var(--fontSize, revert) !important;
     }
 
-    .o-ip-container-md-fw {
+    .oi-container-md-fw {
         font-weight: var(--fontWeight, revert) !important;
     }
 
-    .o-ip-container-md-lh {
+    .oi-container-md-lh {
         line-height: var(--lineHeight, revert) !important;
     } */
 }
 
 /* large size */
 @container (min-width: 1201px) {
-    /* .o-ip-container-lg-fs {
+    /* .oi-container-lg-fs {
         font-size: var(--fontSize, revert) !important;
     }
 
-    .o-ip-container-lg-fw {
+    .oi-container-lg-fw {
         font-weight: var(--fontWeight, revert) !important;
     }
 
-    .o-ip-container-lg-lh {
+    .oi-container-lg-lh {
         line-height: var(--lineHeight, revert) !important;
     } */
 }
@@ -437,53 +471,59 @@ html[data-omfx] pre {
         padding-bottom: 60px
     }
 }
-.o-scroll::-webkit-scrollbar {
+.ot-row {
+    td {
+        background-color: var(--backgroundColor, revert) !important;
+    }
+}
+
+.o-sc::-webkit-scrollbar {
     width: 10px;
     height: 10px;
 }
 
-.o-scroll::-webkit-scrollbar-track {
+.o-sc::-webkit-scrollbar-track {
     background: var(--background-track, revert);
 }
 
-.o-scroll::-webkit-scrollbar-thumb {
+.o-sc::-webkit-scrollbar-thumb {
     background: var(--background-thumb, revert);
 }
 
 
-.o-blin-c i.v-icon,
-.v-btn.o-blin-c i.v-icon {
+.obni-c i.v-icon,
+.v-btn.obni-c i.v-icon {
     color: var(--color, revert) !important;
 }
 
-.o-blin-fs i.v-icon,
-.v-btn.o-blin-fs i.v-icon {
+.obni-fs i.v-icon,
+.v-btn.obni-fs i.v-icon {
     font-size: var(--fontSize, revert) !important;
 }
 
-.o-blin-bdf i.v-icon,
-.v-btn.o-blin-bdf i.v-icon {
+.obni-bdf i.v-icon,
+.v-btn.obni-bdf i.v-icon {
     font-size: var(--fontSize, revert) !important;
 }
 
-.o-blin-bg-clip i.v-icon,
-.v-btn.o-blin-bg-clip i.v-icon {
+.obni-bg-clip i.v-icon,
+.v-btn.obni-bg-clip i.v-icon {
     background-clip: var(--backgroundClip, revert) !important;
     -webkit-background-clip: var(--backgroundClip, revert) !important;
 }
 
-.o-blin-bg i.v-icon,
-.v-btn.o-blin-bg i.v-icon {
+.obni-bg i.v-icon,
+.v-btn.obni-bg i.v-icon {
     background: var(--background, revert) !important;
 }
 
-.o-blin-tfc i.v-icon,
-.v-btn.o-blin-tfc i.v-icon {
+.obni-tfc i.v-icon,
+.v-btn.obni-tfc i.v-icon {
     -webkit-text-fill-color: var(--textFillColor, revert);
 }
 
 
-.o-bln-bg::before {
+.ob-bg::before {
     background-image: var(--backgroundImage, revert) !important;
     content: "";
     position: absolute;
@@ -497,62 +537,62 @@ html[data-omfx] pre {
     background-repeat: no-repeat;
 }
 
-.o-blb::before {
+.obb::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
 }
 
-.o-blb-bg::before {
+.obb-bg::before {
     background: var(--background, revert) !important;
 }
 
-.o-blb-bdf::before {
+.obb-bdf::before {
     backdrop-filter: var(--backDropFilter, revert);
 }
 
-.o-blb-border::before {
+.obb-bd::before {
     border: var(--border, revert);
 }
 
-.o-blb-border-b::before {
+.obb-bd-b::before {
     border-bottom: var(--borderBottom, revert);
 }
 
-.o-blb-border-r::before {
+.obb-bd-r::before {
     border-right: var(--borderRight, revert);
 }
 
-.o-blb-border-t::before {
+.obb-bd-t::before {
     border-top: var(--borderTop, revert);
 }
 
-.o-blb-border-l::before {
+.obb-bd-l::before {
     border-left: var(--borderLeft, revert);
 }
 
-.o-blb-bblr::before {
+.obb-bblr::before {
     border-bottom-left-radius: var(--borderBottomLeftRadius, revert) !important;
 }
 
-.o-blb-bbrr::before {
+.obb-bbrr::before {
     border-bottom-right-radius: var(--borderBottomRightRadius, revert) !important;
 }
 
-.o-blb-btlr::before {
+.obb-btlr::before {
     border-top-left-radius: var(--borderTopLeftRadius, revert) !important;
 }
 
-.o-blb-btrr::before {
+.obb-btrr::before {
     border-top-right-radius: var(--borderTopRightRadius, revert) !important;
 }
 
-.o-blb-position::before {
+.obb-po::before {
     position: var(--position, revert);
 }
 
-.o-blb .v-btn__content {
+.obb .v-btn__content {
     z-index: 30;
 }
 
@@ -1645,26 +1685,22 @@ html[data-omfx] pre {
 .v-btn.o-btn-wrapper {
     color: var(--obtn-color, revert) !important;
     background: var(--obtn-background, revert) !important;
-}
 
-.v-btn.o-btn-wrapper i {
-    color: var(--obtn-nest-color, revert) !important;
-}
+    i {
+        color: var(--obtn-nest-color, revert) !important;
+    }
 
-.v-btn.o-btn-wrapper .v-btn__content {
-    z-index: 30;
-}
+    .v-btn__content {
+        z-index: 30;
+    }
 
-.v-btn.o-btn-wrapper:hover>.v-btn__overlay {
-    background: var(--obtn-nest-background, revert) !important;
+    &:hover>.v-btn__overlay {
+        background: var(--obtn-nest-background, revert) !important;
+    }
 }
-.o-ab-nav i.v-icon {
+.o-ab-nav .v-icon {
     color: var(--color, revert);
 }
-
-.o-ab-navicon-container:hover {
-    cursor: pointer;
-}
 .o-avatar-fe::after {
     content: "";
     display: block;
@@ -1689,3 +1725,241 @@ html[data-omfx] pre {
     padding-right: 0 !important;
 
 }
+.o-lin-mh .v-list-item__content {
+    max-height: 20px;
+}
+
+.o-lin-b .v-list-item {
+    border-bottom: var(--borderBottom, revert);
+}
+
+.o-liin-mh .v-list-item__content {
+    max-height: 50px;
+}
+
+.o-liin-h .v-list-item__content {
+    height: 45px;
+}
+
+.o-liin-jc .v-list-item__content {
+    justify-content: center;
+}
+
+
+.o-lii-wr .v-list-item__content {
+    display: flex;
+    align-items: center;
+    overflow: visible;
+}
+
+.o-lii-ho:hover i {
+    cursor: pointer;
+}
+.o-cb-wr {
+
+    &.v-selection-control--dirty,
+    i {
+        color: var(--color, revert)
+    }
+
+    .v-selection-control--dirty {
+
+        i,
+        label {
+            color: var(--color, revert)
+        }
+    }
+
+    label {
+        color: var(--textColor, revert);
+        font-family: var(--fontFamily, revert);
+        font-size: var(--fontSize, revert);
+        font-weight: var(--fontWeight, revert);
+        line-height: var(--lineHeight, revert);
+        text-decoration: var(--textDecoration, revert) !important
+    }
+
+    .v-selection-control {
+        min-height: 40px;
+    }
+
+}
+
+
+/* medium size */
+@media screen and (min-width: 420px) and (max-width: 1200px) {
+    .o-cb-wr label {
+        font-size: var(--fontSize-md, revert) !important;
+        font-weight: var(--fontWeight-md, revert) !important;
+        line-height: var(--lineHeight-md, revert) !important;
+    }
+}
+.o-ch-ne::after {
+    content: "";
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    box-shadow: "inset 10px 24px 40px 0px white, inset -10px -24px 40px 0px white, inset 20px -10px 40px 0px white,inset -20px 10px 40px 0px white"
+}
+.o-con-bw .v-color-picker__controls {
+    margin-top: -12px;
+    padding-top: 0 !important;
+}
+
+.o-con-tw .v-color-picker__controls {
+    padding-bottom: 0 !important;
+}
+.o-dtn {
+
+    td,
+    .v-table__wrapper {
+        box-sizing: border-box;
+        background-color: var(--backgroundColor, revert) !important;
+    }
+
+    td.navigateButton,
+    td.actionButton {
+        text-align: right;
+    }
+
+    td.actionButton button {
+        visibility: hidden;
+    }
+
+    th {
+        background-color: var(--backgroundColor, revert) !important;
+        color: var(--color, revert);
+    }
+
+    .v-data-table-footer {
+        display: var(--display, revert);
+    }
+
+    tr:hover td.actionButton button {
+        visibility: visible;
+    }
+}
+
+.o-dtn-fh {
+    .v-data-table-footer {
+        display: none;
+    }
+
+}
+
+.o-dtrn {
+
+    &:hover,
+    &:hover td {
+        cursor: pointer;
+        background-color: var(--r-backgroundColor, revert) !important;
+    }
+}
+.o-dg-sc .v-navigation-drawer__content {
+    &::-webkit-scrollbar {
+        width: 10px;
+        height: 10px;
+    }
+
+    &::-webkit-scrollbar-track {
+        background: var(--background-track, revert);
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background: var(--background-thumb, revert);
+    }
+}
+.o-ep-tab {
+    &.v-expansion-panel {
+        max-width: 170px;
+        border-radius: 0 !important;
+
+        span.v-expansion-panel-title__icon {
+            display: none;
+        }
+    }
+
+    &.v-expansion-panel.v-expansion-panel--active button.v-expansion-panel-title span {
+        display: flex;
+    }
+
+    &.v-expansion-panel.v-expansion-panel--active {
+        max-width: 4500px;
+    }
+}
+
+.o-ep-section {
+    &.v-expansion-panel.v-expansion-panel--active {
+        background-color: transparent !important;
+    }
+}
+
+.o-ep-w {
+    .v-expansion-panel-title {
+        padding-top: var(--paddingTop, revert);
+        padding-bottom: var(--paddingBottom, revert);
+        box-sizing: border-box;
+    }
+
+    .v-expansion-panel-title__icon i {
+        font-size: 16px !important;
+        color: var(--colorToned, revert);
+        display: var(--display, revert);
+    }
+
+    .v-expansion-panel-text__wrapper {
+        padding: 0;
+    }
+
+    .v-list-item__content {
+        padding-left: var(--paddingLeft, revert);
+    }
+
+    .v-expansion-panel__shadow {
+        display: none;
+    }
+}
+
+.o-eps-section {
+    .v-expansion-panel button.v-expansion-panel-title {
+        border-top: var(--borderTop, revert);
+        border-radius: 0 !important;
+    }
+
+    .v-expansion-panel:last-child {
+        border-bottom: var(--borderBottom, revert);
+    }
+
+    .v-expansion-panel-title--active .v-expansion-panel-title__overlay {
+        background: transparent !important;
+    }
+}
+.o-if-general {
+
+    input,
+    .v-field-label {
+        box-sizing: border-box;
+        color: var(--textColor, revert) !important;
+        caret-color: var(--textColor, revert) !important;
+    }
+
+    .v-field {
+        box-shadow: none;
+    }
+}
+
+.o-if-general-br {
+    .v-field {
+        border-radius: var(--borderRadius, revert);
+    }
+}
+
+.o-if-hint {
+    .v-messages__message {
+        color: var(--hintColor, revert) !important;
+    }
+}