@osovitny/anatoly 2.14.106 → 2.15.0

package/assets/jsons/usStates.json

@@ -0,0 +1,202 @@
+[
+  {
+    "name": "Alabama",
+    "code": "AL"
+  },
+  {
+    "name": "Alaska",
+    "code": "AK"
+  },
+  {
+    "name": "Arizona",
+    "code": "AZ"
+  },
+  {
+    "name": "Arkansas",
+    "code": "AR"
+  },
+  {
+    "name": "California",
+    "code": "CA"
+  },
+  {
+    "name": "Colorado",
+    "code": "CO"
+  },
+  {
+    "name": "Connecticut",
+    "code": "CT"
+  },
+  {
+    "name": "Delaware",
+    "code": "DE"
+  },
+  {
+    "name": "Florida",
+    "code": "FL"
+  },
+  {
+    "name": "Georgia",
+    "code": "GA"
+  },
+  {
+    "name": "Hawaii",
+    "code": "HI"
+  },
+  {
+    "name": "Idaho",
+    "code": "ID"
+  },
+  {
+    "name": "Illinois",
+    "code": "IL"
+  },
+  {
+    "name": "Indiana",
+    "code": "IN"
+  },
+  {
+    "name": "Iowa",
+    "code": "IA"
+  },
+  {
+    "name": "Kansas",
+    "code": "KS"
+  },
+  {
+    "name": "Kentucky",
+    "code": "KY"
+  },
+  {
+    "name": "Louisiana",
+    "code": "LA"
+  },
+  {
+    "name": "Maine",
+    "code": "ME"
+  },
+  {
+    "name": "Maryland",
+    "code": "MD"
+  },
+  {
+    "name": "Massachusetts",
+    "code": "MA"
+  },
+  {
+    "name": "Michigan",
+    "code": "MI"
+  },
+  {
+    "name": "Minnesota",
+    "code": "MN"
+  },
+  {
+    "name": "Mississippi",
+    "code": "MS"
+  },
+  {
+    "name": "Missouri",
+    "code": "MO"
+  },
+  {
+    "name": "Montana",
+    "code": "MT"
+  },
+  {
+    "name": "Nebraska",
+    "code": "NE"
+  },
+  {
+    "name": "Nevada",
+    "code": "NV"
+  },
+  {
+    "name": "New Hampshire",
+    "code": "NH"
+  },
+  {
+    "name": "New Jersey",
+    "code": "NJ"
+  },
+  {
+    "name": "New Mexico",
+    "code": "NM"
+  },
+  {
+    "name": "New York",
+    "code": "NY"
+  },
+  {
+    "name": "North Carolina",
+    "code": "NC"
+  },
+  {
+    "name": "North Dakota",
+    "code": "ND"
+  },
+  {
+    "name": "Ohio",
+    "code": "OH"
+  },
+  {
+    "name": "Oklahoma",
+    "code": "OK"
+  },
+  {
+    "name": "Oregon",
+    "code": "OR"
+  },
+  {
+    "name": "Pennsylvania",
+    "code": "PA"
+  },
+  {
+    "name": "Rhode Island",
+    "code": "RI"
+  },
+  {
+    "name": "South Carolina",
+    "code": "SC"
+  },
+  {
+    "name": "South Dakota",
+    "code": "SD"
+  },
+  {
+    "name": "Tennessee",
+    "code": "TN"
+  },
+  {
+    "name": "Texas",
+    "code": "TX"
+  },
+  {
+    "name": "Utah",
+    "code": "UT"
+  },
+  {
+    "name": "Vermont",
+    "code": "VT"
+  },
+  {
+    "name": "Virginia",
+    "code": "VA"
+  },
+  {
+    "name": "Washington",
+    "code": "WA"
+  },
+  {
+    "name": "West Virginia",
+    "code": "WV"
+  },
+  {
+    "name": "Wisconsin",
+    "code": "WI"
+  },
+  {
+    "name": "Wyoming",
+    "code": "WY"
+  }
+]

package/assets/styles/scss/alerts.scss

@@ -0,0 +1,168 @@
+body.swal2-toast-shown {
+  .swal2-container.swal2-top-end {
+    .swal2-popup.swal2-toast {
+      flex-direction: row;
+      align-items: center;
+      width: auto;
+      padding: 1.5em;
+      overflow-y: hidden;
+      background: #fff;
+      box-shadow: 0 0 0.625em #d9d9d9;
+    }
+
+    .swal2-header {
+      .swal2-icon {
+        position: absolute;
+        margin: 0;
+        width: 2em;
+        height: 2em;
+      }
+
+      .swal2-title {
+        color: #595959;
+        font-size: 18px;
+        margin: 0 0 0 50px;
+      }
+    }
+
+    .swal2-content {
+      margin: 0 0 0 35px;
+      font-size: 1.2em;
+    }
+  }
+}
+
+.swal2-container {
+  .swal2-popup {
+    background: #fff;
+    position: relative;
+    padding: 15px;
+    text-align: left;
+    border-radius: 0;
+
+    .swal2-toast {
+      flex-direction: row;
+      align-items: center;
+      width: auto;
+      padding: 1.2em;
+      overflow-y: hidden;
+      background: #fff;
+      box-shadow: 0 0 0.625em #d9d9d9;
+    }
+
+    .swal2-header {
+      display: block;
+
+      .swal2-icon {
+        position: absolute;
+        margin: 45px 10px;
+        width: 2em;
+        height: 2em;
+
+        &.swal2-success [class^="swal2-success-line"][class$="long"] {
+          top: 1em;
+          right: 0.1em;
+          width: 1.2em;
+          transform: rotate(-45deg);
+        }
+
+        &.swal2-success [class^="swal2-success-circular-line"] {
+          position: absolute;
+          width: 1.75em;
+          height: 1.5em;
+          transform: rotate(45deg);
+          border-radius: 50%;
+        }
+
+        &.swal2-success {
+          border-color: #a5dc86;
+          color: #a5dc86;
+
+          &.swal2-success [class^="swal2-success-line"][class$="tip"] {
+            top: 1em;
+            left: 0.2em;
+            width: 1em;
+            transform: rotate(45deg);
+          }
+
+          .swal2-success-line-tip {
+            top: 1em;
+            left: 0.2em;
+            width: 1em;
+            transform: rotate(45deg);
+          }
+
+          .swal2-success-fix {
+            position: absolute;
+            z-index: 1;
+            top: 1em;
+            left: -0.9em;
+            width: 1.1375em;
+            height: 2.625em;
+            transform: rotate(-45deg);
+          }
+        }
+
+        &.swal2-error [class^="swal2-x-mark-line"] {
+          display: block;
+          position: absolute;
+          top: 0.85em;
+          width: 1.6575em;
+          height: 0.3125em;
+          border-radius: 0.125em;
+          background-color: #f27474;
+        }
+
+        &.swal2-error {
+          border-color: #f27474;
+          color: #f27474;
+          top: 0.85em;
+
+          .swal2-x-mark {
+            .swal2-x-mark-line-left {
+              left: 0.2em;
+            }
+
+            .swal2-x-mark-line-right {
+              right: 0.2em;
+            }
+          }
+        }
+
+        .swal2-icon-content {
+          display: flex;
+          align-items: center;
+          font-size: 2em;
+        }
+      }
+
+      .swal2-title {
+        color: #595959;
+        font-size: 18px;
+        margin-bottom: 16px;
+      }
+    }
+
+    .swal2-content {
+      text-align: left;
+      margin: 0 0 0 65px;
+      color: #000;
+      font-size: 14px;
+    }
+
+    .swal2-actions {
+      display: flex;
+      z-index: 1;
+      flex-wrap: wrap;
+      align-items: center;
+      justify-content: flex-end;
+      width: 100%;
+
+      button {
+        padding: 5px 20px;
+        border-radius: 0;
+        font-size: 1em;
+      }
+    }
+  }
+}

package/assets/styles/scss/dialog/dialog.scss

@@ -0,0 +1,49 @@
+anatoly-contactus-dialog {
+  .k-dialog-wrapper {
+    background-color: rgb(0 0 0 / 25%);
+
+    .k-overlay {
+      background-color: #01142f;
+    }
+
+    .k-window {
+      .k-window-content {
+        padding: 10px;
+
+        &:last-child {
+          padding-bottom: 0;
+        }
+      }
+
+      .k-window-titlebar {
+        background: #f8f9fa;
+        border-color: #dee2e6;
+
+        .k-window-title {
+          padding: 0.3em 0;
+        }
+      }
+
+      .form-footer {
+        padding: 10px;
+        text-align: center;
+
+        .btn {
+          padding: 7px 50px;
+        }
+      }
+
+      .k-actions {
+        padding: 10px;
+        background: #f8f9fa;
+        border-color: #dee2e6;
+        margin: 0;
+
+        .btn {
+          margin: 0 10px 0;
+          border-radius: 0;
+        }
+      }
+    }
+  }
+}

package/assets/styles/scss/forms/contactus-form.scss

@@ -0,0 +1,111 @@
+anatoly-forms-contactus-form {
+  .contact-us {
+    position: relative;
+
+    .form-fields {
+      p {
+        color: #222;
+        font-size: 14px;
+        line-height: 1.2;
+        margin-bottom: 0;
+      }
+
+      .form-name,
+      .form-email,
+      .form-topic,
+      .form-subject {
+        display: flex;
+        flex-flow: column wrap;
+        position: static;
+        margin-bottom: 15px;
+
+        .help-block {
+          top: -7px;
+          position: relative;
+        }
+
+        p {
+          color: #222;
+          font-size: 12px;
+          line-height: 1.2;
+          font-style: italic;
+          margin-bottom: 0;
+        }
+
+        input[type="text"] {
+          box-sizing: border-box;
+          font-size: 0.95rem;
+          line-height: 28px;
+          height: 44px;
+          color: #777;
+          background-color: #fff;
+          border: 1px solid rgba(153, 153, 153, 0.85);
+          border-radius: 0.4rem;
+          padding: 5px 15px;
+          width: 100%;
+          vertical-align: baseline;
+        }
+      }
+    }
+
+    .form-message {
+      display: flex;
+      flex-flow: column wrap;
+      margin: 15px 0 0;
+
+      textarea {
+        box-sizing: border-box;
+        font-size: 0.95rem;
+        line-height: 28px;
+        order: 0;
+        width: 100%;
+        margin: 0;
+        background-color: #fff;
+        color: #777;
+        border: 1px solid rgba(153, 153, 153, 0.85);
+        border-radius: 0.4rem;
+        padding: 5px 15px;
+        height: 250px;
+      }
+    }
+
+    .assistive-text {
+      color: #777;
+      position: absolute;
+      clip: rect(1px, 1px, 1px, 1px);
+    }
+  }
+
+  .form-select {
+    display: block;
+    width: 100%;
+    padding: 0.6rem 2.25rem 0.6rem 1rem;
+    -moz-padding-start: calc(1rem - 3px);
+    font-size: 0.95rem;
+    font-weight: 500;
+    line-height: 1.7;
+    color: #959ca9;
+    background-color: #fff;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzQ1JyBoZWlnaHQ9JzMyJyB2aWV3Qm94PScwIDAgNDUgMzInPjxwYXRoIGZpbGw9JyM2MDY5N2InIGQ9J00yNi44OCAyOS44ODhjLTEuMDc2IDEuMjg5LTIuNjgzIDIuMTAzLTQuNDggMi4xMDNzLTMuNDA0LTAuODE0LTQuNDcyLTIuMDkzbC0wLjAwOC0wLjAwOS01LjEyLTcuMDQwLTguMTkyLTEwLjA0OC0zLjUyLTQuNjA4Yy0wLjY0Ni0wLjg0OC0xLjAzNi0xLjkyMi0xLjAzNi0zLjA4NyAwLTIuODI4IDIuMjkyLTUuMTIgNS4xMi01LjEyIDAuMTM5IDAgMC4yNzcgMC4wMDYgMC40MTMgMC4wMTZsLTAuMDE4LTAuMDAxaDMzLjY2NGMwLjExOC0wLjAxMCAwLjI1Ni0wLjAxNSAwLjM5Ni0wLjAxNSAyLjgyOCAwIDUuMTIgMi4yOTIgNS4xMiA1LjEyIDAgMS4xNjUtMC4zODkgMi4yMzktMS4wNDUgMy4xbDAuMDA5LTAuMDEzLTMuNTIgNC42MDgtNy44NzIgMTAuMDQ4eicvPjwvc3ZnPg==);
+    background-repeat: no-repeat;
+    background-position: right 1rem center;
+    background-size: 8px 8px;
+    border: 1px solid rgba(153, 153, 153, 0.85);
+    border-radius: 0.4rem;
+    box-shadow: 0 0 1.25rem rgb(30 34 40 / 4%);
+    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+    background-clip: padding-box;
+    appearance: none;
+    margin: 0 0 10px 0;
+  }
+
+  mex-contactus-dialog {
+    .k-window-content {
+      padding: 10px;
+
+      &:last-child {
+        padding-bottom: max(1rem, 1rem);
+      }
+    }
+  }
+}

package/assets/styles/scss/forms/form-validation.scss

@@ -0,0 +1,56 @@
+.help-block {
+  display: none;
+}
+
+.has-error {
+  anatoly-item-validation-summary {
+    .list-unstyled {
+      margin: 0;
+      padding: 0;
+
+      .help-block {
+        display: block;
+        width: 100%;
+        margin-top: 0.25rem;
+        font-size: 80%;
+        color: #a60000;
+      }
+    }
+  }
+}
+
+anatoly-form-validation-summary {
+  .callout {
+    border-radius: 0.25rem;
+    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
+    background-color: #fbfbfb;
+    border-left: 5px solid #e9ecef;
+    margin-bottom: 1rem;
+    padding: 1rem;
+
+    &.callout-danger {
+      border-left-color: #730000;
+    }
+
+    .box-title {
+      font-weight: 600;
+      font-size: 18px;
+      line-height: 1.4;
+      font-family: "Rubik", sans-serif;
+      text-align: left;
+      color: #343c55;
+    }
+    ul {
+      margin: 0;
+      padding-left: 2rem;
+      li {
+        font-weight: 400;
+        font-size: 16px;
+        line-height: 1.4;
+        font-family: "Rubik", sans-serif;
+        text-align: left;
+        color: #343c55;
+      }
+    }
+  }
+}

package/assets/styles/scss/mixins/_cards.scss

@@ -0,0 +1,99 @@
+//
+// Mixins: Cards Variant
+//
+
+@mixin cards-variant($name, $color) {
+  .card-#{$name} {
+    &:not(.card-outline) {
+      > anatoly-card-header {
+        > .card-header {
+          background-color: $color;
+          border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+          padding: 0.75rem 1.25rem;
+          position: relative;
+          border-top-left-radius: 0.25rem;
+          border-top-right-radius: 0.25rem;
+
+          &:first-child {
+            border-radius: calc(0.25rem - 0px) calc(0.25rem - 0px) 0 0;
+          }
+
+          &,
+          a {
+            color: color-yiq($color);
+          }
+
+          a.active {
+            color: color-yiq($white);
+          }
+
+          .card-title {
+            float: left;
+            font-size: 1.2rem;
+            font-weight: 400;
+            margin: 0;
+          }
+        }
+      }
+    }
+
+    &.card-outline {
+      border-top: 3px solid $color;
+    }
+
+    &.card-outline-tabs {
+      > .card-header {
+        a {
+          &:hover {
+            border-top: 3px solid $nav-tabs-border-color;
+          }
+
+          &.active {
+            border-top: 3px solid $color;
+          }
+        }
+      }
+    }
+  }
+
+  .bg-#{$name},
+  .bg-gradient-#{$name},
+  .card-#{$name}:not(.card-outline) {
+    .btn-tool {
+      color: rgba(color-yiq($color), 0.8);
+
+      &:hover {
+        color: color-yiq($color);
+      }
+    }
+  }
+
+  .card.bg-#{$name},
+  .card.bg-gradient-#{$name} {
+    .bootstrap-datetimepicker-widget {
+      .table td,
+      .table th {
+        border: none;
+      }
+
+      table thead tr:first-child th:hover,
+      table td.day:hover,
+      table td.hour:hover,
+      table td.minute:hover,
+      table td.second:hover {
+        background-color: darken($color, 8%);
+        color: color-yiq($color);
+      }
+
+      table td.today::before {
+        border-bottom-color: color-yiq($color);
+      }
+
+      table td.active,
+      table td.active:hover {
+        background-color: lighten($color, 10%);
+        color: color-yiq($color);
+      }
+    }
+  }
+}

package/assets/styles/scss/pnlLoading.scss

@@ -0,0 +1,20 @@
+#pnlLoading {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  align-content: center;
+  justify-content: center;
+  overflow: auto;
+  z-index: 2000;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.k-i-loading {
+  display: block;
+  font-size: 100px;
+  color: #fff;
+}