github-docs 0.0.17 → 0.0.18

data/_sass/cherry/_forms-vue-select.scss

@@ -0,0 +1,250 @@
+$list-fade-time:      0s !default; // handy for list styling
+$option-color--active: $primary !default;
+
+/* ---- Main ------------------------- */
+
+  .v-select {
+    position: relative;
+  }
+  .vs__dropdown-toggle {
+    // container for selected-choices & search-input & actions
+    white-space: normal;
+    cursor: pointer;
+    padding-right: 32px;
+  }
+  .vs__selected-options {
+    // container for selected-choices & search-input
+    display: flex;
+    flex-basis: 100%;
+    flex-grow: 1;
+    flex-wrap: wrap;
+    position: relative;
+    cursor: pointer;
+    margin-bottom: -7px;
+  }
+
+/* ---- Selected text / tag ---------- */
+
+  .vs__selected {
+    position: relative;
+    align-items: center;
+    background-color: #444444;
+    color: #fff;
+    border-radius: 4px;
+    padding: 0px 2em 0px 0.8em;
+    margin: 0 7px 7px 0;
+    max-width: 90%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .vs--single .vs__selected {
+    background-color: transparent;
+    border: 0;
+    color: inherit;
+    padding: 0;
+  }
+  .vs--single .vs__selected {
+    background-color: transparent;
+    border-color: transparent;
+  }
+  .vs--single.vs--searchable .vs__selected {
+    position: absolute;
+  }
+  .vs--single.vs--searchable.vs--open .vs__selected {
+    position: absolute;
+    opacity: .4;
+  }
+  .vs--single.vs--searching .vs__selected {
+    display: none;
+  }
+  .vs__deselect { // x button on tags
+    position: absolute;
+    display: block;
+    top: 50%;
+    right: 0.3em;
+    margin: -10px 0 0 0;
+    padding: 5px;
+    border: 0;
+    cursor: pointer;
+    background: none;
+    fill: rgb(255, 255, 255);
+    text-shadow: 0 1px 0 #fff;
+    transition: all 0.2s ease;
+  }
+  .vs__deselect:hover {
+    fill: rgb(220, 220, 220);
+  }
+
+/* ---- Search input ----------------- */
+
+  .vs__search,
+  .vs__search:active,
+  .vs__search:focus {
+    width: 0;
+    max-width: 100%;
+    margin: 0;
+    border: 0;
+    padding: 0 !important;
+    box-shadow: none;
+    flex-grow: 1;
+    cursor: pointer;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    margin: 0 7px 7px 0;
+    background: transparent;
+  }
+  .vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
+    opacity: .2;
+  }
+
+/* ---- Options ------------------------- */
+
+  .vs__dropdown-menu {
+    list-style: none;
+    text-align: left;
+    position: absolute;
+    width: 100%;
+    top: calc(100% - -5px);
+    max-height: 336px;
+    overflow-y: auto;
+    font-size: 0.95rem;
+    z-index: 5;
+    background: #fff;
+    padding: 1px;
+    margin: 0 0 0 -1px;
+    border-radius: 4px;
+    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 16px, inset rgba(60, 60, 60, 0.55) 0 0px 1px;
+    background-clip: content-box;
+    box-sizing: content-box;
+    cursor: default;
+
+    .vs__dropdown-option {
+      position: relative;
+      list-style: none;
+      margin: 0px -1px;
+      cursor: pointer;
+      line-height: 1.4em;
+      padding: 0.4em 0 0.5em 2em !important;
+      overflow: hidden;
+      /* white-space: nowrap; */
+      /* text-overflow: ellipsis; */
+      text-shadow: none;
+    }
+
+    /* First / last child */
+
+    .vs__dropdown-option:first-child {
+      margin: -1px -1px 0px -1px;
+      border-top: 3px solid transparent;
+      box-sizing: content-box;
+    }
+    .vs__dropdown-option:last-child {
+      margin: 0px -1px -1px -1px;
+      border-bottom: 2px solid transparent;
+      box-sizing: content-box;
+    }
+    .vs__no-options,
+    .vs__dropdown-option:last-child:first-child {
+      box-shadow: none;
+      margin: -1px -1px -1px -1px;
+      border-top: 5px solid transparent;
+      border-bottom: 5px solid transparent;
+    }
+    .vs__no-options {
+      text-align: center;
+      line-height: 2.2rem;
+    }
+
+    /* Hover */
+    //.vs__dropdown-option:hover, arrow keys use highlight
+    .vs__dropdown-option--highlight {
+      color: #fff;
+      background: $option-color--active;
+    }
+    .vs__dropdown-option--selected {
+      color: #fff;
+      background: darken($option-color--active, 6%);
+    }
+  }
+  .v-select-no-wrap .vs__dropdown-option {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    text-shadow: none;
+  }
+
+  /* Admin */
+
+  .vs--special-first .vs__dropdown-option:first-child {
+    background: #454545;//darken(#63b376, 5%);//#444
+    color: #fff;
+  }
+  .vs--special-first .vs__dropdown-option--selected:first-child,
+  .vs--special-first .vs__dropdown-option--highlight:first-child {
+    background: #111;//darken(#63b376, 10%);
+  }
+
+/* ---- Spinner ---------------------- */
+
+  .vs__spinner {
+    align-self: center;
+    opacity: 0;
+    font-size: 5px;
+    text-indent: -9999em;
+    overflow: hidden;
+    border: .9em solid hsla(0, 0%, 39.2%, .1);
+    border-left-color: rgba(60, 60, 60, .45);
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    -webkit-animation: vSpinner 1.1s linear infinite;
+    animation: vSpinner 1.1s linear infinite;
+    transition: opacity .1s;
+  }
+  .vs__spinner,
+  .vs__spinner:after {
+    border-radius: 50%;
+    width: 5em;
+    height: 5em;
+  }
+  .vs--loading .vs__spinner {
+    opacity: 1;
+  }
+  @keyframes vSpinner {
+    0% {
+      -webkit-transform: rotate(0deg);
+      transform: rotate(0deg);
+    }
+    to {
+      -webkit-transform: rotate(1turn);
+      transform: rotate(1turn);
+    }
+  }
+
+/* ---- Misc  ------------------------ */
+
+  .vs__search::-ms-clear,
+  .vs__search::-webkit-search-cancel-button,
+  .vs__search::-webkit-search-decoration,
+  .vs__search::-webkit-search-results-button,
+  .vs__search::-webkit-search-results-decoration {
+    display: none;
+  }
+  .vs__open-indicator {
+    display: none;
+  }
+
+
+  /* Menu animation */
+
+  .vs__fade-enter-active,
+  .vs__fade-leave-active {
+    transition: opacity 0s ease;
+  }
+  .vs__fade-leave-active {
+    transition: opacity $list-fade-time 0s ease;
+  }
+  .vs__fade-enter,
+  .vs__fade-leave-to {
+    opacity: 0;
+  }

data/_sass/cherry/_forms.scss

@@ -0,0 +1,567 @@
+@function formDefaults($form) {
+  // First, find variables that are referenced below
+  $form: map-merge((
+    "input-background":            #fdfdfd,
+    "input-border-color--active":  $primary,
+    "input-padding":               13px 19px,
+    "toggle-height":               1.8em,
+  ), $form);
+
+  @return map-merge((
+    // Error
+    "error-font-size":             0.85rem,
+    // Input
+    "input-background":            map-get($form, "input-background"),
+    "input-background--active":    map-get($form, "input-background"),
+    "input-background--invalid":   map-get($form, "input-background"),
+    "input-border-color":          #efefef,
+    "input-border-color--active":  map-get($form, "input-border-color--active"),
+    "input-border-color--invalid": $danger,
+    "input-border-radius":         4px,
+    "input-border-width":          2px,
+    "input-box-shadow":            map-get($form, "input-box-shadow"),
+    "input-box-shadow--active":    map-get($form, "input-box-shadow"),
+    "input-box-shadow--invalid":   map-get($form, "input-box-shadow"),
+    "input-color":                 $text,
+    "input-color--invalid":        $text,
+    "input-font-family":           $body-font-family,
+    "input-font-size":             16px, // 0.95rem,
+    "input-font-weight":           inherit,
+    "input-icon-width":            18px,
+    "input-margin-bottom":         1.5rem,
+    "input-padding":               map-get($form, "input-padding"),
+    "input-placeholder-color":     rgba($text, 0.5),
+    // Label
+    "label-color":                 $text-light,
+    "label-font-size":             0.85rem,
+    "label-margin-bottom":         0.45rem,
+    // Textarea
+    "textarea-min-height":         7em,
+    "textarea-padding":            map-get($form, "input-padding"),
+    // Variable inputs
+    "variable-color":              darken(map-get($form, "input-background"), 12%),
+    "variable-color--active":      map-get($form, "input-border-color--active"),
+    "checkbox-height":             20px, // determines width
+    "checkbox-inner-height":       10px, // determines width
+    "checkbox-padding-left":       12px,
+    "checkbox-padding-right":      16px,
+    "toggle-height":               map-get($form, "toggle-height"),
+    "toggle-width":                map-get($form, "toggle-height") * 1.8,
+  ), $form);
+}
+@function empty-map($x: x) {
+  @return map-remove(($x:$x), $x);
+}
+// Note that in SASS, a list with a single map == a map
+@if type-of($forms) == 'map' {
+  $forms: append((), $forms);
+}
+@if (length($forms) == 0) {
+  $forms: append($forms, empty-map());
+}
+@for $i from 1 through length($forms) {
+  $form: nth($forms, $i);
+  @if type-of($form) != map { $form: empty-map(); }
+  $map: formDefaults($form);
+  $class: ".form-#{$i}";
+  @if $i == 1 { $class: ".form"; }
+
+  #{$class} {
+
+  /* ---- Main ------------------------- */
+
+    input,
+    select,
+    textarea,
+    .input,
+    .vs__dropdown-toggle {
+      width: 100%;
+      padding: map-get($map, "input-padding");
+      font-family: map-get($map, "input-font-family");
+      color: map-get($map, "input-color");
+      font-size: map-get($map, "input-font-size");
+      font-weight: map-get($map, "input-font-weight");
+      line-height: 1.5rem;
+      background: map-get($map, "input-background");
+      box-shadow:
+        0 0 0 map-get($map, "input-border-width") map-get($map, "input-border-color") inset,
+        map-get($map, "input-box-shadow");
+      border: 0;
+      box-sizing: border-box;
+      border-radius: map-get($map, "input-border-radius");
+      vertical-align: top;
+      transition: background-color ease 0.2s, border-color ease 0.2s, box-shadow ease 0.2s;
+      -webkit-appearance: none;
+    }
+    .input,
+    .input-grp,
+    .radio-grp,
+    .checkbox-grp,
+    .toggle-grp {
+      margin-bottom: map-get($map, "input-margin-bottom");
+    }
+    input[type="password"]:not(:placeholder-shown) {
+      letter-spacing: 1px;
+    }
+    input[type="file"] {
+      // padding: 10px 19px 11px;
+    }
+    textarea {
+      padding: map-get($map, "textarea-padding");
+      max-height: 40em;
+      min-height: map-get($map, "textarea-min-height");
+      resize: vertical;
+    }
+    .input-grp,
+    .radio-grp,
+    .checkbox-grp,
+    .toggle-grp {
+      text-align: left;
+      position: relative;
+    }
+
+  /* ---- Placeholder & autofill ------- */
+
+    ::-webkit-input-placeholder {
+      color: map-get($map, "input-placeholder-color");
+    }
+    input:-webkit-autofill {
+      -webkit-text-fill-color: map-get($map, "input-color");
+      -webkit-box-shadow:
+        0 0 0 map-get($map, "input-border-width") map-get($map, "input-border-color") inset,
+        0 0 0 1000px map-get($map, "input-background") inset,
+        map-get($map, "input-box-shadow");
+    }
+    input:-webkit-autofill::first-line {
+      font-family: map-get($map, "input-font-family");
+      font-size: map-get($map, "input-font-size");
+      font-weight: map-get($map, "input-font-weight");
+    }
+
+  /* ---- Elements --------------------- */
+
+    /* Input + button element  */
+
+    .input-btn {
+      display: flex;
+    }
+    .input-btn input {
+      flex: 1;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+    .input-btn .btn {
+      width: auto !important;
+      min-width: 0;
+      font-size: 0.8em;
+      line-height: 1.5rem;
+      border-radius: map-get($map, "input-border-radius");
+      padding: map-get($map, "input-padding");
+      margin-left: -5px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+
+    /* Form error */
+
+    .form-error {
+      display: none;
+      color: $danger;
+    }
+    .toggle-grp .form-error,
+    .checkbox-grp .form-error,
+    .radio-grp .form-error,
+    .input-grp .form-error {
+      font-size: map-get($map, "error-font-size");
+      line-height: 1.4em;
+    }
+    .form-error:empty {
+      margin: 0 !important;
+    }
+    .is-invalid .form-error,
+    &.is-invalid .form-error,
+    .form-error.form-error-show {
+      display: block;
+    }
+
+  /* ---- Labels ----------------------- */
+
+    label,
+    .label,
+    .label-right {
+      display: inline-block;
+      vertical-align: top;
+      font-size: map-get($map, "label-font-size");
+      line-height: 1.4em;
+      margin-bottom: 0.45em;
+      cursor: pointer;
+      user-select: none;
+    }
+    label,
+    .label {
+      /* matches util.errorElement  */
+      transition: opacity 0.15s ease, color 0.25s ease, text-decoration-color 0.25s ease;
+    }
+    label,
+    .label,
+    .text-label {
+      color: map-get($map, "label-color");
+      text-decoration-color: map-get($map, "label-color");
+    }
+    label.invalid-out {
+      //opacity: 0.2;
+    }
+    label.invalid-in {
+      //opacity: 1;
+      color: $danger;
+    }
+    .label-right,
+    a.label-right {
+      display: block;
+      float: right;
+      margin-right: 1px;
+    }
+    .label-bottom {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+    }
+
+    /* Floating labels */
+
+    .has-float-label input + label,
+    .has-float-label select + label,
+    .has-float-label textarea + label {
+      position: absolute;
+      left: 0;
+      top: 0;
+      cursor: text;
+      color: map-get($map, "label-color");
+      font-size: map-get($map, "label-font-size");
+      opacity: 0;
+      transform: translateY(3px);
+      transition: transform 0.2s, opacity 0.2s;
+    }
+    .has-float-label input:not(:placeholder-shown) + *,
+    .has-float-label select:not(:placeholder-shown) + *,
+    .has-float-label textarea:not(:placeholder-shown) + *,
+    .has-float-label input:-webkit-autofill + * {
+      transform: translateY(0px);
+      opacity: 1;
+    }
+
+  /* ---- Icons ------------------------ */
+
+    $ip: map-get($map, "input-padding");
+    $ip-left: null;
+    $ip-right: null;
+
+    @if length($ip) > 3 {
+      $ip-left: nth($ip, 4);
+      $ip-right: nth($ip, 2);
+    }
+    @else if length($ip) > 1 {
+      $ip-left: nth($ip, 2);
+      $ip-right: nth($ip, 2);
+    }
+    @else {
+      $ip-left: $ip;
+      $ip-right: $ip;
+    }
+    .icon-left,
+    .icon-right {
+      position: absolute;
+      top: 0px;
+      bottom: 0px;
+      width: map-get($map, "input-icon-width");
+      pointer-events: none;
+      align-items: center;
+      display: inline-flex;
+      justify-content: center;
+    }
+    .has-icon-left {
+      position: relative;
+      input,
+      select,
+      .input,
+      .vs__dropdown-toggle {
+        padding-left: calc(#{$ip-left} - 2px + #{map-get($map, "input-icon-width")} + 0.8em);
+      }
+      .icon-left {
+        left: calc(#{$ip-left} - 2px);
+      }
+    }
+    .has-icon-right {
+      position: relative;
+      input,
+      select,
+      .input,
+      .vs__dropdown-toggle {
+        padding-right: calc(#{$ip-right} - 2px + #{map-get($map, "input-icon-width")} + 0.4em);
+      }
+      .icon-right {
+        right: calc(#{$ip-right} - 2px);
+      }
+    }
+
+  /* ---- Select ----------------------- */
+
+    select,
+    .vs__dropdown-toggle {
+      background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L6 6L11 1' stroke='%23c5cbd2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
+      appearance: none;
+      background-repeat: no-repeat;
+      background-size: auto 7px;
+      background-position: right 17px center;
+      transition: all 200ms ease;
+    }
+
+  /* ---- Variable inputs -------------- */
+
+    .radio-grp,
+    .checkbox-grp {
+      $checkbox-width: map-get($map, "checkbox-height");
+      $checkbox-inner-width: map-get($map, "checkbox-inner-height");
+      input {
+        position: absolute;
+        left: -9999px;
+      }
+      label {
+        display: block;
+      }
+      .has-tooltip {
+        display: inline;
+        padding: 0;
+      }
+      input + label {
+        position: relative;
+        display: inline-block;
+        padding: map-get($map, "input-padding");
+        padding-left: $checkbox-width + map-get($map, "checkbox-padding-left"); //0.8em;
+        padding-right: map-get($map, "checkbox-padding-right");
+        user-select: none;
+        margin-bottom: 0;
+      }
+      input + label:before {
+        content: "";
+        position: absolute;
+        left: 0;
+        top: 50%;
+        width: $checkbox-width;
+        height: map-get($map, "checkbox-height");
+        margin-top: -(map-get($map, "checkbox-height") / 2);
+        background: map-get($map, "input-background");
+        border: 2px solid map-get($map, "variable-color");
+        border-radius: 3px;
+        box-sizing: border-box;
+        transition: all 0.2s ease;
+      }
+      input + label:after {
+        content: "";
+        position: absolute;
+        left: 0;
+        top: 50%;
+        width: $checkbox-inner-width;
+        height: map-get($map, "checkbox-inner-height");
+        margin-left: ($checkbox-width - $checkbox-inner-width) / 2;
+        margin-top: -(map-get($map, "checkbox-inner-height") / 2);
+        border-radius: 3px;
+        transition: all 0.2s ease;
+      }
+      input:checked + label:before {
+        border-color: map-get($map, "variable-color--active");
+      }
+      input:checked + label:after {
+        background-color: map-get($map, "variable-color--active");
+      }
+    }
+    .radio-grp input + label:before,
+    .radio-grp input + label:after {
+      border-radius: 100% !important;
+    }
+    .toggle-grp {
+      input {
+        position: absolute;
+        left: -9999px;
+      }
+      label {
+        display: block;
+      }
+      input + label {
+        position: relative;
+        display: inline-block;
+        min-height: map-get($map, "toggle-height"); //1em;height:
+        padding: map-get($map, "input-padding");
+        padding-left: map-get($map, "toggle-width") + 0.8em;
+        padding-right: 1.2em;
+        margin-bottom: 0;
+        user-select: none;
+      }
+      input + label:before,
+      input + label:after {
+        content: "";
+        position: absolute;
+        left: 0;
+        top: 50%;
+        margin-top: -(map-get($map, "toggle-height")/2);
+        background: map-get($map, "variable-color");
+        border-radius: map-get($map, "toggle-height");
+        width: map-get($map, "toggle-width");
+        height: map-get($map, "toggle-height");
+        box-sizing: border-box;
+        transition: all 0.2s ease;
+      }
+      input + label:after {
+        width: map-get($map, "toggle-height");
+        border: 2px solid transparent;
+        border-color: transparent;
+        background-color: #fff;
+        background-clip: content-box;
+      }
+      input:checked + label:before {
+        background-color: map-get($map, "variable-color--active");
+      }
+      input:checked + label:after {
+        left: map-get($map, "toggle-width") - map-get($map, "toggle-height");
+      }
+      &.has-no-label input + label {
+        padding-left: map-get($map, "toggle-width");
+        padding-right: 0;
+        padding-top: 0;
+        padding-bottom: 0;
+      }
+    }
+
+  /* ---- States ----------------------- */
+
+    input:active,
+    input:focus,
+    select:active,
+    select:focus,
+    textarea:active,
+    textarea:focus,
+    .vs--open .vs__dropdown-toggle {
+      outline: 0;
+      box-shadow:
+        0 0 0 map-get($map, "input-border-width") map-get($map, "input-border-color--active") inset,
+        map-get($map, "input-box-shadow--active");
+      background-color: map-get($map, "input-background--active");
+      &:-webkit-autofill {
+        -webkit-box-shadow:
+          0 0 0 map-get($map, "input-border-width") map-get($map, "input-border-color--active") inset,
+          0 0 0 1000px map-get($map, "input-background--active") inset,
+          map-get($map, "input-box-shadow--active");
+      }
+    }
+    input.is-invalid,
+    select.is-invalid,
+    textarea.is-invalid,
+    .vs__dropdown-toggle.is-invalid,
+    .input-grp.is-invalid input,
+    .input-grp.is-invalid select,
+    .input-grp.is-invalid textarea,
+    .input-grp.is-invalid .vs__dropdown-toggle {
+      color: map-get($map, "input-color--invalid");
+      box-shadow:
+        0 0 0 map-get($map, "input-border-width") $danger inset,
+        map-get($map, "input-box-shadow--invalid");
+      // doesnt work for dropdown/toggle
+      background-color: map-get($map, "input-background--invalid");
+      animation: shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+      transform: translate3d(0, 0, 0);
+      backface-visibility: hidden;
+      &:-webkit-autofill {
+        -webkit-text-fill-color: map-get($map, "input-color--invalid");
+        -webkit-box-shadow:
+          0 0 0 map-get($map, "input-border-width") map-get($map, "input-border-color--invalid") inset,
+          0 0 0 1000px map-get($map, "input-background--invalid") inset,
+          map-get($map, "input-box-shadow--invalid");
+      }
+    }
+
+    input[type="radio"].is-invalid + label,
+    input[type="checkbox"].is-invalid + label,
+    input[type="radio"].is-invalid + label,
+    input[type="checkbox"].is-invalid + label {
+      animation: shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+      transform: translate3d(0, 0, 0);
+      backface-visibility: hidden;
+      color: #7b1a1a;
+    }
+    input[type="radio"].is-invalid + label:before,
+    input[type="checkbox"].is-invalid + label:before {
+      border-color: $danger;
+      background-color: map-get($map, "input-background--invalid");
+    }
+    textarea:disabled,
+    input:disabled {
+      background-color: #f7f7f7;
+      color: #a5a5a5;
+    }
+
+  /* ---- Miscellaneous ---------------- */
+
+    /* Stop autofill background flash */
+
+    .onloading input,
+    .onloading select,
+    .onloading textarea,
+    .onloading .input,
+    .onloading .vs__dropdown-toggle {
+      transition: none;
+    }
+
+    /* Animations */
+
+    @keyframes shake {
+      30% {
+        transform: translate3d(-1px, 0, 0);
+      }
+      60% {
+        transform: translate3d(1px, 0, 0);
+      }
+      80% {
+        transform: translate3d(0px, 0, 0);
+      }
+    }
+
+    /* Prevent input zooming */
+
+    @media (max-width: 550px) {
+      .form-mobile {
+        input[type="color"],
+        input[type="date"],
+        input[type="datetime"],
+        input[type="datetime-local"],
+        input[type="email"],
+        input[type="month"],
+        input[type="number"],
+        input[type="password"],
+        input[type="search"],
+        input[type="tel"],
+        input[type="text"],
+        input[type="time"],
+        input[type="url"],
+        input[type="week"],
+        select,
+        textarea {
+          font-size: 16px;
+          letter-spacing: 0;
+        }
+        ::-moz-placeholder {
+          font-size: 16px;
+          letter-spacing: 0;
+        }
+        :-ms-input-placeholder {
+          font-size: 16px;
+          letter-spacing: 0;
+        }
+        ::-webkit-input-placeholder {
+          font-size: 16px;
+          letter-spacing: 0;
+        }
+      }
+    }
+
+  }
+}