common-header-lib 0.0.1

package/assets/scss/styles.scss

@@ -0,0 +1,577 @@
+// @import '../common-header-lib/assets/scss/sidebar';
+
+/* You can add global styles to this file, and also import other style files */
+.badge-notify {
+  &:hover {
+    border-radius: 50%;
+    background: #dcdfec;
+  }
+
+  .p-badge {
+    min-width: 16px;
+    height: 16px;
+    line-height: 15px;
+  }
+
+  .p-overlay-badge .p-badge {
+    position: absolute;
+    top: -7px;
+    right: 12px;
+    font-size: 9px;
+    padding: 0px 2px;
+    cursor: pointer;
+  }
+}
+
+/**sidebar scss */
+.modal-dialog.sidebar-outer {
+  transition: none !important;
+  transform: none !important;
+  float: left;
+  width: 100%;
+  max-width: 100%;
+  pointer-events: auto;
+  margin: 0px;
+  padding-bottom: 87px;
+  overflow: auto;
+  height: 100vh;
+  position: static;
+}
+
+.sidebar-container {
+  // width: 520px;
+  width: 420px;
+  position: fixed;
+  top: 0px;
+  right: -520px;
+  height: 100vh;
+  max-width: 100%;
+  transition: all 0.3s ease;
+  -webkit-transition: all 0.3s ease;
+  -moz-transition: all 0.3s ease;
+  // background-color: var(--white);
+  background-color: #fff;
+}
+
+.modal.show .sidebar-container {
+  right: 0px;
+}
+
+.moonIcon {
+  display: none;
+}
+
+.sidebar-footer {
+  // padding: $padding-medium;
+  padding: 24px;
+  position: absolute;
+  right: 0px;
+  bottom: 0px;
+  width: 100%;
+}
+
+.sidebar-footer .sidebar-footer-inner {
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  justify-content: end;
+  // padding-top: $padding-top-medium;
+  padding-top: 24px;
+}
+
+.sidebar-outer {
+  // height: 100vh;
+  height: calc(100vh - 34px);
+}
+
+.sidebar-outer .sidebar-header {
+  padding: 12px 15px;
+  background-color: #f6f7fb;
+  // background-color: var(--grey-background);
+
+  .sh-bottom-content {
+    // margin-top: 12px;
+    // position: relative;
+    padding-left: 14px;
+
+    .sb-admin-img {
+      height: 70px;
+      width: 70px;
+      border-radius: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: absolute;
+      top: 0px;
+      left: 0px;
+
+      background-color: #f6f7fb;
+      // background-color: var(--grey-background);
+    }
+
+    .sh-bottom-content-ls {
+      display: flex;
+      align-items: center;
+      // margin-top: 8px;
+
+      span {
+        font-size: 20px;
+        position: relative;
+        top: -1px;
+      }
+    }
+  }
+}
+
+.sidebar-outer .sidebar-header .sh-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.sidebar-outer .sidebar-header .sh-top button {
+  height: 24px;
+}
+
+.sidebar-outer .sidebar-header .sh-top .sh-top-left .common-btn {
+  padding-left: 0px;
+}
+
+.sidebar-outer .sidebar-header .sh-bottom-content {
+  padding-left: 14px;
+}
+
+.sidebar-outer .sidebar-header .sh-bottom-content .sb-admin-img {
+  height: 70px;
+  width: 70px;
+  border-radius: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+
+  background-color: #f6f7fb;
+  // background-color: var(--grey-background);
+}
+
+.sidebar-outer .sidebar-header .sh-bottom-content .sh-bottom-content-ls {
+  display: flex;
+  align-items: center;
+
+  span {
+    font-size: 20px;
+    position: relative;
+    top: -1px;
+  }
+}
+
+.sidebar-outer .sidebar-body {
+  padding: 12px 20px;
+  float: left;
+  width: 100%;
+}
+
+.sidebar-outer .sidebar-body .sb-list {
+  float: left;
+  width: 100%;
+}
+
+.sidebar-outer .sidebar-body .sb-list ul {
+  float: left;
+  width: 100%;
+  list-style: none;
+  padding-left: 0px;
+}
+
+.sidebar-outer .sidebar-body .sb-list ul li {
+  display: flex;
+  padding: 8px 2px;
+  cursor: pointer;
+}
+
+.sidebar-outer .sidebar-body .sb-list ul li span {
+  margin-right: 12px;
+}
+
+.sidebar-outer .sidebar-body .sb-theme {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  float: left;
+  padding-top: 14px;
+
+  .sb-theme-right-outer {
+    display: flex;
+    align-items: center;
+    margin-top: 8px;
+
+    span.material-symbols-rounded {
+      margin-left: 8px;
+    }
+  }
+}
+
+.sidebar-outer .sidebar-body .sb-theme ul {
+  display: flex;
+  list-style: none;
+  margin-top: 8px !important;
+  padding-left: 0px;
+}
+
+.sidebar-outer .sidebar-body .sb-theme ul li {
+  margin-right: 8px;
+  position: relative;
+
+  .sb-radio-container input {
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+    left: 0px;
+    top: 0px;
+    width: 25px;
+    height: 25px;
+    z-index: 2;
+  }
+
+  .sb-radio-container input:checked ~ span:after {
+    display: block;
+  }
+}
+
+.sidebar-outer .sidebar-body .sb-theme ul li .select-color-scheme-outer {
+  height: 25px;
+  width: 25px;
+  border-radius: 100%;
+  float: left;
+
+  &.blue {
+    background-color: #0073ea;
+  }
+
+  &.murrey {
+    background-color: #880e4f;
+  }
+
+  &.indigo {
+    background-color: #4a148c;
+  }
+}
+
+.sidebar-outer .sidebar-body .sb-theme ul li .sb-radio-container {
+  display: inline-block;
+  position: absolute;
+  cursor: pointer;
+  width: 25px;
+  height: 25px;
+  top: 0px;
+  left: 0px;
+}
+
+.sidebar-outer .sidebar-body .sb-theme ul li .sb-radio-container span {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 25px;
+  width: 25px;
+}
+
+.sidebar-outer .sidebar-body .sb-theme ul li .sb-radio-container span:after {
+  content: "";
+  position: absolute;
+  display: none;
+  transform: rotate(45deg);
+  border-bottom: 2px solid #fff;
+  border-right: 2px solid #fff;
+  height: 13px;
+  width: 6px;
+  left: 10px;
+  top: 4px;
+}
+
+.sidebar-outer .sidebar-body .sb-fonts {
+  float: left;
+  width: 100%;
+}
+
+.sidebar-outer .sidebar-body .sb-fonts .sb-fonts-outer {
+  display: flex;
+  align-items: center;
+  margin-top: 12px;
+}
+
+.sidebar-outer .sidebar-body .sb-fonts .sb-fonts-outer .radio-outer {
+  margin-right: 16px;
+}
+
+/* Skeleton Item Style */
+.skeleton-item {
+  display: flex;
+  width: 100%;
+  background: #e0e0e094;
+  border-radius: 6px;
+  padding: 8px;
+  position: relative;
+  overflow: hidden;
+  height: 20px;
+}
+
+/* Skeleton Animation */
+.skeleton-item::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  border-radius: 6px;
+  background: linear-gradient(
+    90deg,
+    #e0e0e07a 25%,
+    #f6f6f682 50%,
+    #e0e0e0ab 75%
+  );
+  animation: loading 1.5s infinite;
+}
+
+@keyframes loading {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+
+/*! Toast styling*/
+/* ngx-toastr */
+.ngx-toastr {
+  width: 400px !important;
+  margin-top: 10px !important;
+  padding: 8px 15px 8px 50px !important;
+}
+
+/* SUCCESS */
+.toast-success {
+  background-color: #ffffff !important;
+  border-bottom: 3px solid #258750;
+  border-radius: 4px !important;
+  background-image: url(../assets/common-header-lib/images/check_circle.svg) !important;
+}
+
+.toast-success .toast-close-button {
+  color: #676879;
+  position: relative;
+  top: -2px;
+}
+
+.toast-success .toast-message {
+  padding-top: 5px;
+  color: #258750 !important;
+  font-size: 14px !important;
+}
+
+/* ERROR */
+.toast-error {
+  background-color: #ffffff !important;
+  border-bottom: 3px solid #d83a52;
+  border-radius: 4px !important;
+  background-image: url(../assets/common-header-lib/images/error.svg) !important;
+}
+
+.toast-error .toast-close-button {
+  color: #676879;
+  position: relative;
+  top: -2px;
+}
+
+.toast-error .toast-message {
+  padding-top: 5px;
+  color: #d83a52 !important;
+  font-size: 14px !important;
+}
+
+/* INFO */
+.toast-info {
+  background-color: #ffffff !important;
+  border-bottom: 3px solid #0073ea;
+  border-radius: 4px !important;
+  background-image: url(../assets/common-header-lib/images/info.svg) !important;
+}
+
+.toast-info .toast-close-button {
+  color: #676879;
+  position: relative;
+  top: -2px;
+}
+
+.toast-info .toast-message {
+  padding-top: 5px;
+  color: #0073ea !important;
+  font-size: 14px !important;
+}
+
+/* WARNING */
+.toast-warning {
+  background-color: #ffffff !important;
+  border-bottom: 3px solid #fdab3d;
+  border-radius: 4px !important;
+  background-image: url(../assets/common-header-lib/images/check_circle.svg) !important;
+}
+
+.toast-warning .toast-close-button {
+  color: #676879;
+  position: relative;
+  top: -2px;
+}
+
+.toast-warning .toast-message {
+  color: #fdab3d !important;
+  font-size: 14px !important;
+}
+
+/****** Mail-Box Started ******/
+
+.mail-table {
+  height: calc(100vh - 155px);
+  overflow: auto;
+
+  .p-datatable .p-datatable-thead > tr {
+    border: 1px solid #dee2e6;
+    border-radius: 24px;
+    th {
+      padding: 0 8px;
+      height: 36px;
+      font-size: 13px;
+      color: var(--primary-text);
+      font-weight: 600;
+      background: #fff;
+    }
+  }
+  .p-datatable .p-datatable-tbody > tr {
+    border: 1px solid #dee2e6;
+    border-radius: 24px;
+    td {
+      padding: 0px 25px 0px 8px;
+      height: 38px;
+      font-size: 13px;
+      color: var(--secondary-text);
+      white-space: nowrap;
+    }
+  }
+  .p-checkbox {
+    height: 18px;
+    width: 18px;
+    .p-checkbox-box {
+      height: 16px;
+      width: 16px;
+      border-radius: 4px;
+      border: 1px solid var(--ui-border);
+      &:hover {
+        border: 1px solid var(--ui-border) !important;
+      }
+    }
+    .p-checkbox-icon {
+      font-size: 10px !important;
+    }
+  }
+  .p-datatable .p-sortable-column {
+    &:hover {
+      background-color: #ffffff !important;
+      color: #000 !important;
+    }
+    &:focus {
+      box-shadow: none !important;
+    }
+    .p-sortable-column-icon {
+      font-size: 12px;
+    }
+  }
+  .p-dropdown-panel .p-dropdown-items {
+    padding: 0;
+    .p-dropdown-item {
+      font-size: 13px !important;
+      padding: 10px 15px;
+    }
+  }
+  .p-paginator {
+    justify-content: flex-start !important;
+    position: fixed;
+    bottom: 0;
+    padding-left: 0px !important;
+
+    .p-paginator-current {
+      font-size: 12px;
+      height: 1rem !important;
+    }
+
+    .p-paginator-pages .p-paginator-page {
+      min-width: 30px !important;
+      height: 30px !important;
+      font-size: 12px;
+    }
+
+    .p-dropdown {
+      height: 30px !important;
+      margin-top: 0px;
+      border: 0px;
+
+      .p-dropdown-label {
+        padding: 4px 5px 0px 10px !important;
+        font-size: 14px;
+      }
+
+      .p-dropdown-trigger {
+        width: 1.5rem !important;
+
+        .pi {
+          font-size: 13px !important;
+        }
+      }
+    }
+  }
+}
+.mail-pagination {
+  .p-paginator {
+    justify-content: flex-start !important;
+    position: fixed;
+    bottom: 0;
+    padding-left: 0px;
+    .p-paginator-current {
+      font-size: 12px;
+      height: 1rem !important;
+      padding-left: 0px;
+    }
+
+    .p-paginator-pages .p-paginator-page {
+      min-width: 30px !important;
+      height: 30px !important;
+      font-size: 12px;
+    }
+
+    .p-dropdown {
+      height: 30px !important;
+      margin-top: 0px;
+      border: 0px;
+
+      .p-dropdown-label {
+        padding: 4px 5px 0px 10px !important;
+        font-size: 14px;
+      }
+
+      .p-dropdown-trigger {
+        width: 1.5rem !important;
+
+        .pi {
+          font-size: 13px !important;
+        }
+      }
+    }
+  }
+}
+
+/****** Mail-Box Ended ******/
+.timezone-text{
+  background-color: red !important;
+}

package/esm2020/common-header-lib.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLWhlYWRlci1saWIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb21tb24taGVhZGVyLWxpYi9zcmMvY29tbW9uLWhlYWRlci1saWIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2020/lib/Validators/noSpaceAllowed.mjs

@@ -0,0 +1,16 @@
+export function noSpaceAllowed() {
+    return (control) => {
+        const value = control.value;
+        if (!value) {
+            return null; // No value is not an error here
+        }
+        // Check if the value starts with a space or contains any space
+        const hasLeadingSpace = value.startsWith(' ');
+        // const hasAnySpace = value.includes(' ');
+        if (hasLeadingSpace) {
+            return { noSpace: true };
+        }
+        return null;
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9TcGFjZUFsbG93ZWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21tb24taGVhZGVyLWxpYi9zcmMvbGliL1ZhbGlkYXRvcnMvbm9TcGFjZUFsbG93ZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxVQUFVLGNBQWM7SUFDNUIsT0FBTyxDQUFDLE9BQXdCLEVBQTJCLEVBQUU7UUFDM0QsTUFBTSxLQUFLLEdBQUcsT0FBTyxDQUFDLEtBQWUsQ0FBQztRQUN0QyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1YsT0FBTyxJQUFJLENBQUMsQ0FBQyxnQ0FBZ0M7U0FDOUM7UUFFRCwrREFBK0Q7UUFDL0QsTUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM5QywyQ0FBMkM7UUFFM0MsSUFBSSxlQUFlLEVBQUU7WUFDbkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztTQUMxQjtRQUVELE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQyxDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgVmFsaWRhdGlvbkVycm9ycywgVmFsaWRhdG9yRm4gfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gbm9TcGFjZUFsbG93ZWQoKTogVmFsaWRhdG9yRm4ge1xyXG4gIHJldHVybiAoY29udHJvbDogQWJzdHJhY3RDb250cm9sKTogVmFsaWRhdGlvbkVycm9ycyB8IG51bGwgPT4ge1xyXG4gICAgY29uc3QgdmFsdWUgPSBjb250cm9sLnZhbHVlIGFzIHN0cmluZztcclxuICAgIGlmICghdmFsdWUpIHtcclxuICAgICAgcmV0dXJuIG51bGw7IC8vIE5vIHZhbHVlIGlzIG5vdCBhbiBlcnJvciBoZXJlXHJcbiAgICB9XHJcblxyXG4gICAgLy8gQ2hlY2sgaWYgdGhlIHZhbHVlIHN0YXJ0cyB3aXRoIGEgc3BhY2Ugb3IgY29udGFpbnMgYW55IHNwYWNlXHJcbiAgICBjb25zdCBoYXNMZWFkaW5nU3BhY2UgPSB2YWx1ZS5zdGFydHNXaXRoKCcgJyk7XHJcbiAgICAvLyBjb25zdCBoYXNBbnlTcGFjZSA9IHZhbHVlLmluY2x1ZGVzKCcgJyk7XHJcblxyXG4gICAgaWYgKGhhc0xlYWRpbmdTcGFjZSkge1xyXG4gICAgICByZXR1cm4geyBub1NwYWNlOiB0cnVlIH07XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIG51bGw7XHJcbiAgfTtcclxufVxyXG4iXX0=