@annalib/anna-core 37.0.24 → 37.1.0

package/src/lib/anna-common-scss/_popup-filter-toggle-button.scss

@@ -1,37 +1,37 @@
-@use "@annalib/anna-core/src/lib/anna-common-scss/fonts" as *;
-
-.mdi-info-outline {
-    font-size: var(--primary-filter-tooltip-icon-fs);
-    color: #268bff;
-    cursor: pointer;
-    margin-right: 0.8125rem;
-    position: relative;
-    top: 2px;
-}
-
-label {
-    @include fonts(Roboto, var(--demo-normalization-label-fs), normal, normal, normal, 1, 0.2px);
-    color: #333;
-}
-
-::ng-deep .toggle-info {
-    color: #4a4a4a;
-    margin-bottom: 0;
-    @include fonts(Roboto, var(--page-message-content-fs), normal, normal, normal, normal, 0.26px);
-    text-align: left;
-}
-
-::ng-deep .toggle-tooltip .tooltip-inner {
-    width: 19.75rem;
-    max-width: 19.75rem;
-    background: white;
-    border-radius: 2px;
-    box-shadow:
-        0 6px 10px 0 rgba(0, 0, 0, 0.3),
-        0 2px 2px 0 rgba(0, 0, 0, 0.2);
-    font-size: var(--page-message-content-fs);
-}
-
-::ng-deep .toggle-tooltip.bs-tooltip-bottom .arrow::before {
-    border-bottom-color: white;
-}
+@use "@annalib/anna-core/src/lib/anna-common-scss/fonts" as *;
+
+.mdi-info-outline {
+    font-size: var(--primary-filter-tooltip-icon-fs);
+    color: #268bff;
+    cursor: pointer;
+    margin-right: 0.8125rem;
+    position: relative;
+    top: 2px;
+}
+
+label {
+    @include fonts(Roboto, var(--demo-normalization-label-fs), normal, normal, normal, 1, 0.2px);
+    color: #333;
+}
+
+::ng-deep .toggle-info {
+    color: #4a4a4a;
+    margin-bottom: 0;
+    @include fonts(Roboto, var(--page-message-content-fs), normal, normal, normal, normal, 0.26px);
+    text-align: left;
+}
+
+::ng-deep .toggle-tooltip .tooltip-inner {
+    width: 19.75rem;
+    max-width: 19.75rem;
+    background: white;
+    border-radius: 2px;
+    box-shadow:
+        0 6px 10px 0 rgba(0, 0, 0, 0.3),
+        0 2px 2px 0 rgba(0, 0, 0, 0.2);
+    font-size: var(--page-message-content-fs);
+}
+
+::ng-deep .toggle-tooltip.bs-tooltip-bottom .arrow::before {
+    border-bottom-color: white;
+}

package/src/lib/anna-common-scss/_scrollbar.scss

@@ -1,14 +1,14 @@
-*::-webkit-scrollbar {
-    width: 4px;
-    height: 4px;
-}
-
-*::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: rgba(0, 0, 0, 0.4) !important;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-}
-
-*::-webkit-scrollbar-track {
-    border: 1px solid rgba(0, 0, 0, 0.1) !important;
-}
+*::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+}
+
+*::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: rgba(0, 0, 0, 0.4) !important;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+*::-webkit-scrollbar-track {
+    border: 1px solid rgba(0, 0, 0, 0.1) !important;
+}

package/src/lib/anna-common-scss/_show-hide-total-row.scss

@@ -1,27 +1,27 @@
-::ng-deep .show-or-hide-toggle-tooltip .tooltip-inner {
-    max-width: 229px;
-}
-
-.show-or-hide-toggle-btn.shift-toggle-top-on-total-row-click {
-    transform: translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px), 32px);
-}
-
-.show-or-hide-toggle-btn {
-    width: 16px;
-    height: 16px;
-    padding: 0;
-    margin: 0;
-    border-radius: 50%;
-    position: absolute;
-    transform: translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px), 52px);
-    z-index: 999;
-    background-color: #d9d9d9;
-    & i.mdi.mdi-menu-swap {
-        font-size: 16px;
-        display: flex;
-    }
-}
-
-#generic-table-conatiner.table-with-show-hide-total-row-toggle .total-row td:nth-of-type(2) {
-    padding-left: 16px !important;
-}
+::ng-deep .show-or-hide-toggle-tooltip .tooltip-inner {
+    max-width: 229px;
+}
+
+.show-or-hide-toggle-btn.shift-toggle-top-on-total-row-click {
+    transform: translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px), 32px);
+}
+
+.show-or-hide-toggle-btn {
+    width: 16px;
+    height: 16px;
+    padding: 0;
+    margin: 0;
+    border-radius: 50%;
+    position: absolute;
+    transform: translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px), 52px);
+    z-index: 999;
+    background-color: #d9d9d9;
+    & i.mdi.mdi-menu-swap {
+        font-size: 16px;
+        display: flex;
+    }
+}
+
+#generic-table-conatiner.table-with-show-hide-total-row-toggle .total-row td:nth-of-type(2) {
+    padding-left: 16px !important;
+}

package/src/lib/anna-common-scss/_sort.scss

@@ -1,30 +1,30 @@
-@use "./fonts" as *;
-
-.sort-btn {
-    background: white;
-    border: none;
-    border-right: 1px solid #1b88ff;
-    text-decoration: underline;
-    @include fonts(Roboto, var(--sort-label-fs), normal, normal, normal, 1.07, normal);
-    color: #1b88ff;
-    cursor: pointer;
-    flex: 1;
-    text-align: center;
-}
-
-.sort-btn:last-of-type {
-    border-right: none;
-}
-
-.sort-btn.active {
-    color: #202b47;
-    text-decoration: none;
-}
-
-p.sort-container {
-    margin-top: 8px;
-    padding-bottom: 8px;
-    border-bottom: 1px solid #e6e6e6;
-    margin-bottom: 0;
-    display: flex;
-}
+@use "./fonts" as *;
+
+.sort-btn {
+    background: white;
+    border: none;
+    border-right: 1px solid #1b88ff;
+    text-decoration: underline;
+    @include fonts(Roboto, var(--sort-label-fs), normal, normal, normal, 1.07, normal);
+    color: #1b88ff;
+    cursor: pointer;
+    flex: 1;
+    text-align: center;
+}
+
+.sort-btn:last-of-type {
+    border-right: none;
+}
+
+.sort-btn.active {
+    color: #202b47;
+    text-decoration: none;
+}
+
+p.sort-container {
+    margin-top: 8px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #e6e6e6;
+    margin-bottom: 0;
+    display: flex;
+}

package/src/lib/anna-common-scss/_toggle.scss

@@ -1,86 +1,86 @@
-.switchBtn {
-    position: relative;
-    display: inline-block;
-    width: 50px;
-    height: 20px;
-    font-size: 12px;
-    top: 3px;
-}
-
-.switchBtn input {
-    display: none;
-}
-
-.slide {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #ffffff;
-    -webkit-transition: 0.4s;
-    transition: 0.4s;
-    padding: 4px 4px 4px 22px;
-    line-height: 1;
-    border: solid 1px rgba(0, 0, 0, 0.1);
-}
-
-.slide:before {
-    position: absolute;
-    content: "";
-    width: 18px;
-    height: 18px;
-    background-color: #ffffff;
-    box-shadow:
-        0 3px 3px 0 rgba(0, 0, 0, 0.05),
-        0 2px 2px 0 rgba(0, 0, 0, 0.1),
-        0 3px 1px 0 rgba(0, 0, 0, 0.05);
-    border: solid 0.5px rgba(0, 0, 0, 0.1);
-    left: 0px;
-    bottom: 0px;
-    background-color: white;
-    -webkit-transition: 0.4s;
-    transition: 0.4s;
-    color: #999999;
-}
-
-input:checked + .slide {
-    background-color: #44db5e;
-    padding-left: 7px;
-    color: #fff;
-    line-height: 1;
-}
-
-input:focus + .slide {
-    box-shadow: 0 0 1px #01aeed;
-}
-
-input:checked + .slide:before {
-    -webkit-transform: translateX(20px);
-    -ms-transform: translateX(20px);
-    transform: translateX(20px);
-    left: 10px;
-}
-
-.slide.round {
-    border-radius: 15.5px;
-}
-
-.slide.round:before {
-    border-radius: 50%;
-}
-
-.has-error {
-    transition: all linear 0.5s;
-    color: red !important;
-}
-
-.data-label {
-    font-size: 11px;
-    color: #666666;
-    letter-spacing: 0.2px;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-}
+.switchBtn {
+    position: relative;
+    display: inline-block;
+    width: 50px;
+    height: 20px;
+    font-size: 12px;
+    top: 3px;
+}
+
+.switchBtn input {
+    display: none;
+}
+
+.slide {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #ffffff;
+    -webkit-transition: 0.4s;
+    transition: 0.4s;
+    padding: 4px 4px 4px 22px;
+    line-height: 1;
+    border: solid 1px rgba(0, 0, 0, 0.1);
+}
+
+.slide:before {
+    position: absolute;
+    content: "";
+    width: 18px;
+    height: 18px;
+    background-color: #ffffff;
+    box-shadow:
+        0 3px 3px 0 rgba(0, 0, 0, 0.05),
+        0 2px 2px 0 rgba(0, 0, 0, 0.1),
+        0 3px 1px 0 rgba(0, 0, 0, 0.05);
+    border: solid 0.5px rgba(0, 0, 0, 0.1);
+    left: 0px;
+    bottom: 0px;
+    background-color: white;
+    -webkit-transition: 0.4s;
+    transition: 0.4s;
+    color: #999999;
+}
+
+input:checked + .slide {
+    background-color: #44db5e;
+    padding-left: 7px;
+    color: #fff;
+    line-height: 1;
+}
+
+input:focus + .slide {
+    box-shadow: 0 0 1px #01aeed;
+}
+
+input:checked + .slide:before {
+    -webkit-transform: translateX(20px);
+    -ms-transform: translateX(20px);
+    transform: translateX(20px);
+    left: 10px;
+}
+
+.slide.round {
+    border-radius: 15.5px;
+}
+
+.slide.round:before {
+    border-radius: 50%;
+}
+
+.has-error {
+    transition: all linear 0.5s;
+    color: red !important;
+}
+
+.data-label {
+    font-size: 11px;
+    color: #666666;
+    letter-spacing: 0.2px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+}

package/src/lib/anna-common-scss/style.scss

@@ -1,7 +1,7 @@
-@use "./colors" as *;
-@use "./filters" as *;
-@use "./fonts" as *;
-@use "./sort" as *;
-@use "./application-spacing" as *;
-@use "./customDropdown" as *;
-@use "./icons" as *;
+@use "./colors" as *;
+@use "./filters" as *;
+@use "./fonts" as *;
+@use "./sort" as *;
+@use "./application-spacing" as *;
+@use "./customDropdown" as *;
+@use "./icons" as *;

package/src/lib/anna-common-scss/third-party-lib/_angular-material-mat-radio.scss

@@ -1,26 +1,26 @@
-@mixin anna-mat-radio() {
-    .mdc-radio__background {
-        width: var(--mat-radio-size);
-        height: var(--mat-radio-size);
-    }
-
-    .mdc-radio__inner-circle {
-        border-width: calc(var(--mat-radio-size) / 2);
-    }
-
-    .mdc-form-field > label {
-        margin: 0 0 0 4px;
-        padding: 0;
-        top: -2px;
-        position: relative;
-        font-size: var(--radio-button-label-fs);
-    }
-
-    .mdc-radio--disabled + label {
-        color: var(--primary-text-color-dark) !important;
-    }
-
-    &.mat-mdc-radio-button .mdc-form-field .mdc-radio {
-        padding: 0;
-    }
-}
+@mixin anna-mat-radio() {
+    .mdc-radio__background {
+        width: var(--mat-radio-size);
+        height: var(--mat-radio-size);
+    }
+
+    .mdc-radio__inner-circle {
+        border-width: calc(var(--mat-radio-size) / 2);
+    }
+
+    .mdc-form-field > label {
+        margin: 0 0 0 4px;
+        padding: 0;
+        top: -2px;
+        position: relative;
+        font-size: var(--radio-button-label-fs);
+    }
+
+    .mdc-radio--disabled + label {
+        color: var(--primary-text-color-dark) !important;
+    }
+
+    &.mat-mdc-radio-button .mdc-form-field .mdc-radio {
+        padding: 0;
+    }
+}

package/src/lib/anna-common-scss/third-party-lib/_anna-mat-button-toggle-group-size-lg.scss

@@ -1,39 +1,39 @@
-// :host ::ng-deep mat-button-toggle-group.anna-button-toggle {
-//     height: 24px;
-
-//     .mat-button-toggle-appearance-standard {
-//         border: none !important;
-//     }
-
-//     .mat-button-toggle-checked [aria-pressed*="true"],
-//     .mat-button-toggle-checked [disabled*="true"],
-//     .mat-button-toggle-1-button [disabled*="true"] {
-//         background-color: #1b88ff;
-//         color: #fff;
-//         opacity: 1;
-//     }
-
-//     mat-button-toggle button .mat-button-toggle-checkbox-wrapper {
-//         display: none;
-//     }
-
-//     button {
-//         color: white;
-//         background-color: var(--primary-blue-color);
-//         width: 110px;
-//         text-align: initial;
-//         display: flex !important;
-//         justify-content: center !important;
-//     }
-
-//     .mat-button-toggle-label-content {
-//         line-height: 23px;
-//         letter-spacing: 0 !important;
-//     }
-
-//     span {
-//         width: fit-content !important;
-//         font-weight: 400;
-//         font-size: var(--page-link-fs);
-//     }
-// }
+// :host ::ng-deep mat-button-toggle-group.anna-button-toggle {
+//     height: 24px;
+
+//     .mat-button-toggle-appearance-standard {
+//         border: none !important;
+//     }
+
+//     .mat-button-toggle-checked [aria-pressed*="true"],
+//     .mat-button-toggle-checked [disabled*="true"],
+//     .mat-button-toggle-1-button [disabled*="true"] {
+//         background-color: #1b88ff;
+//         color: #fff;
+//         opacity: 1;
+//     }
+
+//     mat-button-toggle button .mat-button-toggle-checkbox-wrapper {
+//         display: none;
+//     }
+
+//     button {
+//         color: white;
+//         background-color: var(--primary-blue-color);
+//         width: 110px;
+//         text-align: initial;
+//         display: flex !important;
+//         justify-content: center !important;
+//     }
+
+//     .mat-button-toggle-label-content {
+//         line-height: 23px;
+//         letter-spacing: 0 !important;
+//     }
+
+//     span {
+//         width: fit-content !important;
+//         font-weight: 400;
+//         font-size: var(--page-link-fs);
+//     }
+// }

package/src/lib/anna-common-scss/third-party-lib/_mat-autocomplete.scss

@@ -1,31 +1,31 @@
-@mixin anna-mat-autocomplete() {
-    background-color: white;
-    padding: 0 !important;
-    box-shadow:
-        0 2px 4px -1px #0003,
-        0 4px 5px #00000024,
-        0 1px 10px #0000001f;
-
-    & .mat-mdc-option {
-        min-height: 30px;
-        height: 30px;
-        &:hover {
-            background-color: var(--dropdown-hover-color) !important;
-        }
-
-        & .mdc-list-item__primary-text {
-            display: inline-block;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            white-space: pre;
-        }
-
-        & .mat-pseudo-checkbox {
-            display: none;
-        }
-    }
-
-    & .mat-option {
-        background-color: var(--dropdown-hover-color) !important;
-    }
-}
+@mixin anna-mat-autocomplete() {
+    background-color: white;
+    padding: 0 !important;
+    box-shadow:
+        0 2px 4px -1px #0003,
+        0 4px 5px #00000024,
+        0 1px 10px #0000001f;
+
+    & .mat-mdc-option {
+        min-height: 30px;
+        height: 30px;
+        &:hover {
+            background-color: var(--dropdown-hover-color) !important;
+        }
+
+        & .mdc-list-item__primary-text {
+            display: inline-block;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: pre;
+        }
+
+        & .mat-pseudo-checkbox {
+            display: none;
+        }
+    }
+
+    & .mat-option {
+        background-color: var(--dropdown-hover-color) !important;
+    }
+}