@simplysm/angular 1.0.138 → 14.0.1

package/scss/controls/_sd-multi-select.scss

@@ -1,78 +0,0 @@
-sd-multi-select {
-  display: block;
-  width: 100%;
-  min-width: 120px;
-
-  > sd-dropdown > div {
-    @include form-control-base();
-
-    background: get($theme-color, secondary, lightest);
-    text-align: left;
-    display: block;
-    overflow: visible;
-    padding-right: 30px !important;
-    height: get($gap, sm) * 2 + strip-unit($line-height) * get($font-size, default) + 2;
-    border-radius: 3px;
-
-    border-color: get($trans-color, default);
-    transition: outline-color .1s linear;
-    outline: 1px solid transparent;
-    outline-offset: -1px;
-    cursor: pointer;
-
-    > div:first-child {
-      overflow: hidden;
-      white-space: nowrap;
-    }
-
-    > ._icon {
-      position: absolute;
-      top: -1px;
-      right: -1px;
-      padding: get($gap, sm) 0;
-      width: 30px;
-      text-align: center;
-      pointer-events: none;
-    }
-
-    &:focus {
-      outline-color: get($theme-color, primary, default);
-    }
-  }
-
-  &[sd-disabled=true] > sd-dropdown > div {
-    background: $bg-color;
-    color: get($text-color, light);
-  }
-}
-
-sd-multi-select-item {
-  display: block;
-  padding: get($gap, sm) get($gap, default);
-  cursor: pointer;
-  transition: background .1s ease-in;
-  background: white;
-
-  &:hover {
-    transition: background .1s ease-out;
-    background: rgba(0, 0, 0, .07);
-  }
-
-  &:focus {
-    outline: none;
-    transition: background .1s ease-out;
-    background: rgba(0, 0, 0, .07);
-  }
-
-  > sd-checkbox > label {
-    padding: 0 !important;
-  }
-
-  &[hidden] {
-    display: none;
-  }
-}
-
-._sd-multi-select-item > ._children {
-  border-left: get($gap, xl) solid get($theme-color, secondary, lightest);
-}

package/scss/controls/_sd-note.scss

@@ -1,13 +0,0 @@
-sd-note {
-  display: block;
-  padding: get($gap, sm) get($gap, default);
-  background: get($theme-color, grey, lightest);
-  border-left: get($gap, xxs) solid get($trans-color, default);
-
-  @each $key, $val in $theme-color {
-    &[sd-theme=#{$key}] {
-      background: get($val, lightest);
-      border-color: get($val, lighter);
-    }
-  }
-}

package/scss/controls/_sd-pagination.scss

@@ -1,12 +0,0 @@
-sd-pagination {
-  display: block;
-
-  > a {
-    display: inline-block;
-    padding: 0 get($gap, xs);
-
-    &[sd-selected=true] {
-      text-decoration: underline;
-    }
-  }
-}

package/scss/controls/_sd-pane.scss

@@ -1,6 +0,0 @@
-sd-pane {
-  display: block;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-}

package/scss/controls/_sd-select.scss

@@ -1,80 +0,0 @@
-sd-select {
-  display: block;
-  width: 100%;
-
-  > sd-dropdown > div {
-    @include form-control-base();
-
-    background: get($theme-color, secondary, lightest);
-    display: block;
-    overflow: visible;
-    padding-right: 30px !important;
-    height: get($gap, sm) * 2 + strip-unit($line-height) * get($font-size, default) + 2;
-    border-radius: 3px;
-
-    border-color: get($theme-color, grey, lighter);
-    transition: outline-color .1s linear;
-    outline: 1px solid transparent;
-    outline-offset: -1px;
-    cursor: pointer;
-
-    > div:first-child {
-      overflow: hidden;
-      white-space: nowrap;
-    }
-
-    > ._icon {
-      position: absolute;
-      top: -1px;
-      right: -1px;
-      padding: get($gap, sm) 0;
-      width: 30px;
-      text-align: center;
-      pointer-events: none;
-    }
-
-    &:focus {
-      outline-color: get($theme-color, primary, default);
-    }
-  }
-
-  &[sd-disabled=true] > sd-dropdown > div {
-    background: $bg-color;
-    color: get($text-color, light);
-    cursor: default;
-  }
-
-  &[sd-invalid=true] > sd-dropdown > div > ._invalid-indicator {
-    @include invalid-indicator();
-  }
-}
-
-sd-select-item {
-  display: block;
-  padding: get($gap, sm) get($gap, default);
-  cursor: pointer;
-  transition: background .1s ease-in;
-  background: white;
-
-  &:hover {
-    transition: background .1s ease-out;
-    background: rgba(0, 0, 0, .07);
-  }
-
-  &:focus {
-    outline: none;
-    transition: background .1s ease-out;
-    background: rgba(0, 0, 0, .07);
-  }
-
-  &._selected {
-    color: get($theme-color, primary, default);
-    font-weight: bold;
-    background: rgba(0, 0, 0, .07);
-  }
-}
-
-
-._sd-select-item > ._children {
-  border-left: get($gap, xl) solid get($theme-color, secondary, lightest);
-}

package/scss/controls/_sd-sheet.scss

@@ -1,270 +0,0 @@
-sd-sheet {
-  $header-bg: get($theme-color, grey, lightest);
-  $border-color: get($theme-color, grey, lighter);
-  $border-color-dark: get($theme-color, grey, light);
-
-  display: block;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  background: $bg-color;
-  z-index: 0;
-
-  ._content {
-    white-space: nowrap;
-    width: fit-content;
-    overflow: hidden;
-  }
-
-  ._pagination {
-    background: $header-bg;
-    border-top: 1px solid white;
-    padding: $sheet-padding-v $sheet-padding-h;
-    border-bottom: 1px solid $border-color;
-    border-right: 1px solid $border-color;
-  }
-
-  ._head {
-    display: block;
-    position: absolute;
-    z-index: 2;
-    top: 0;
-    left: 0;
-    white-space: nowrap;
-  }
-
-  ._col-group {
-    display: inline-block;
-  }
-
-  ._col {
-    position: relative;
-    display: inline-block;
-    vertical-align: top;
-    height: $sheet-row-height + 1;
-
-    &:focus {
-      outline-color: transparent;
-    }
-  }
-
-  ._head ._col {
-    background: $header-bg;
-    font-weight: bold;
-    text-align: center;
-    padding: $sheet-padding-v $sheet-padding-h;
-    border-bottom: 1px solid $border-color;
-    user-select: none;
-    border-top: 1px solid white;
-
-    > ._border {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      width: 4px;
-      border-right: 1px solid $border-color;
-    }
-  }
-
-  ._body ._col {
-    background: white;
-    border-right: 1px solid $border-color;
-    border-bottom: 1px solid $border-color;
-
-    sd-textfield > input {
-      border: none;
-      padding: $sheet-padding-v $sheet-padding-h;
-
-      &[type=year],
-      &[type=month],
-      &[type=date],
-      &[type=datetime],
-      &[type=time],
-      &[type=datetime-local] {
-        padding: ($sheet-padding-v - 1) $sheet-padding-h;
-      }
-
-      &[type=color] {
-        height: $sheet-row-height;
-      }
-
-      &:disabled {
-        background: transparent;
-        color: get($text-color, default);
-      }
-    }
-
-    sd-combobox {
-      > ._icon {
-        top: 0;
-        right: 0;
-        width: $sheet-row-height;
-        padding: $sheet-padding-v 0;
-      }
-
-      > sd-textfield > input {
-        padding-right: $sheet-row-height;
-      }
-    }
-
-    sd-checkbox > label {
-      display: inline-block;
-      width: auto;
-      border: none;
-      padding: $sheet-padding-v $sheet-padding-h;
-
-      > input:disabled + ._indicator_rect {
-        background: transparent;
-      }
-    }
-
-    sd-button > button {
-      border: none;
-      padding: $sheet-padding-v $sheet-padding-h;
-      text-align: left;
-      border-radius: 0;
-    }
-
-    sd-select,
-    sd-multi-select {
-      > sd-dropdown > div {
-        border: none;
-        padding: $sheet-padding-v $sheet-padding-h;
-        height: $sheet-row-height;
-        background: $sheet-edit-cell-bg;
-        border-radius: 0;
-
-        > ._icon {
-          top: 0;
-          right: 0;
-          width: $sheet-row-height;
-          padding: $sheet-padding-v;
-        }
-      }
-
-      &[sd-disabled=true] > sd-dropdown > div {
-        background: transparent;
-        color: get($text-color, default);
-
-        > ._icon {
-          display: none;
-        }
-      }
-    }
-
-    > ._focus-indicator {
-      display: none;
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      outline: 2px solid get($theme-color, primary, default);
-      outline-offset: -2px;
-      pointer-events: none;
-    }
-
-    &:focus {
-      z-index: 3;
-    }
-
-    &:focus > ._focus-indicator {
-      display: block;
-    }
-  }
-
-  ._head > ._row > ._col-group:last-child > ._col:last-child > ._border,
-  ._body > ._row > ._col-group:last-child > ._col:last-child {
-    border-right-color: $border-color-dark;
-  }
-
-  ._head > ._row:last-child > ._col-group > ._col {
-    border-bottom-color: $border-color-dark;
-  }
-
-  ._body > ._row:last-child > ._col-group > ._col {
-    border-bottom-color: $border-color-dark;
-  }
-
-  ._head ._col._first-col,
-  ._body ._col._first-col {
-    width: $sheet-row-height;
-    text-align: center;
-    padding: $sheet-padding-v;
-
-    &._double {
-      width: $sheet-row-height * 2;
-    }
-  }
-
-  ._body ._col._first-col {
-    background: $header-bg;
-    user-select: none;
-
-    > a {
-      display: inline-block;
-      padding: $sheet-padding-v;
-
-      &:focus {
-        outline: none;
-      }
-    }
-
-    &._selectable,
-    &._expandable {
-      padding: 0;
-    }
-
-    &._selectable {
-      > ._select-icon {
-        display: inline-block;
-        color: get($theme-color, grey, light);
-        transition: .1s ease-in;
-      }
-
-      &._selected > ._select-icon {
-        color: get($theme-color, primary, default);
-        transition: .1s ease-out;
-      }
-    }
-
-    &._expandable {
-      > ._expand-icon {
-        display: inline-block;
-        color: get($theme-color, grey, light);
-        transition: .1s ease-in;
-      }
-
-      &._expanded > ._expand-icon {
-        color: get($theme-color, primary, default);
-        transform: rotate(90deg);
-        transition: .1s ease-out;
-      }
-    }
-  }
-
-  ._body > ._row > ._fixed-col-group > ._col:last-child {
-    border-right-color: $border-color-dark;
-  }
-
-  ._head > ._row > ._fixed-col-group > ._col:last-child > ._border {
-    border-right-color: $border-color-dark;
-  }
-
-  ._fixed-col-group {
-    position: absolute;
-    z-index: 1;
-    top: 0;
-    left: 0;
-  }
-
-  ._row {
-    position: relative;
-  }
-
-  &[sd-selectable=true] ._body ._first-col {
-    cursor: pointer;
-  }
-}

package/scss/controls/_sd-sidebar.scss

@@ -1,199 +0,0 @@
-sd-sidebar-container {
-  display: block;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  padding-left: $sidebar-width;
-  transition: padding-left .1s ease-out;
-
-  > sd-sidebar {
-    transition: transform .1s ease-out;
-    background: get($theme-color, bluegrey, darkest);
-    color: get($text-reverse-color, default);
-
-    ::-webkit-scrollbar-track {
-      background-color: get($theme-color, bluegrey, darker);
-    }
-
-    ::-webkit-scrollbar-corner {
-      background-color: get($theme-color, bluegrey, darker);
-    }
-
-    ::-webkit-scrollbar-thumb {
-      background-color: get($theme-color, bluegrey, dark);
-    }
-
-    sd-list {
-      background: get($theme-color, bluegrey, darkest);
-    }
-
-    sd-list-item {
-      > ._content > label {
-        background: get($theme-color, bluegrey, darkest);
-
-        > ._angle-icon {
-          color: get($text-reverse-color, dark);
-        }
-      }
-
-      &[sd-has-children=true] {
-        > ._content {
-          border-color: get($theme-color, bluegrey, darkest);
-        }
-      }
-
-      &[sd-clickable=true] {
-        > ._content > label {
-          &:hover {
-            background: get($trans-color, dark);
-          }
-        }
-      }
-
-      &[sd-open=true] {
-        > ._content > label {
-          background: get($trans-color, light);
-        }
-      }
-
-      &[sd-header=true] {
-        > ._content > label {
-          color: get($text-reverse-color, dark);
-        }
-      }
-
-      > ._child {
-        > ._child-content {
-          background: get($trans-color, dark);
-
-          sd-list {
-            background: transparent;
-          }
-
-          sd-list-item {
-            > ._content > label {
-              background: transparent;
-            }
-
-            &[sd-clickable=true] {
-              > ._content > label {
-                &:hover {
-                  background: get($trans-color, dark);
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
-  > ._backdrop {
-    display: none;
-  }
-
-  &[sd-toggle=true] {
-    padding-left: 0;
-    transition: padding-left .1s ease-in;
-
-    > sd-sidebar {
-      transform: translateX(-100%);
-      transition: transform .1s ease-in;
-    }
-  }
-}
-
-sd-sidebar {
-  display: block;
-  position: absolute;
-  z-index: $z-index-sidebar;
-  top: 0;
-  left: 0;
-  width: $sidebar-width;
-  height: 100%;
-  background: white;
-
-  > sd-dock-container {
-    > sd-dock {
-      border: none !important;
-      background: get($theme-color, bluegrey, darkest);
-    }
-
-    > ._brand {
-      @include elevation(4);
-      z-index: $z-index-sidebar + 1;
-    }
-  }
-}
-
-sd-sidebar-brand {
-  display: block;
-  height: $topbar-height;
-  padding: get($gap, sm) get($gap, default);
-}
-
-sd-sidebar-user {
-  > ._content {
-    background-image: url(../../assets/user_bg.jpg);
-    background-size: cover;
-    text-shadow: 0 0 1px get($text-color, default);
-
-    > ._content-user {
-      text-align: center;
-      padding: get($gap, default);
-    }
-
-    > ._btn {
-      padding: get($gap, sm) get($gap, default);
-      background: get($trans-color, default);
-      cursor: pointer;
-      transition: background .1s ease-in;
-
-      > ._angle-icon {
-        float: right;
-        transition: transform .1s ease-in;
-        color: get($text-reverse-color, dark);
-      }
-
-      &:hover {
-        transition: background .1s ease-out;
-        background: get($trans-color, dark);
-      }
-
-      &:active {
-        background: get($trans-color, darker);
-      }
-    }
-  }
-
-  > ._child {
-    overflow: hidden;
-
-    > ._child-content {
-      transition: margin-top .1s ease-out;
-      padding: get($gap, sm) 0;
-    }
-  }
-
-  &[sd-open=true] {
-    > ._content {
-      > ._btn {
-        background: get($trans-color, dark);
-
-        > ._angle-icon {
-          transform: rotate(180deg);
-          transition: transform .1s ease-out;
-        }
-
-        &:active {
-          background: get($trans-color, darker);
-        }
-      }
-    }
-
-    > ._child > ._child-content {
-      transition: margin-top .1s ease-in;
-      border-bottom: 1px solid get($trans-color, light);
-    }
-  }
-}

package/scss/controls/_sd-tab-view.scss

@@ -1,9 +0,0 @@
-sd-tabview-item {
-  display: none;
-  width: 100%;
-  height: 100%;
-
-  &[sd-selected=true] {
-    display: block;
-  }
-}

package/scss/controls/_sd-tab.scss

@@ -1,18 +0,0 @@
-sd-tab {
-  display: block;
-}
-
-sd-tab-item {
-  display: inline-block;
-  padding: get($gap, sm) get($gap, default);
-  cursor: pointer;
-
-  &:hover {
-    background: rgba(0, 0, 0, .05);
-  }
-
-  &[sd-selected=true] {
-    background: get($theme-color, primary, default);
-    color: get($text-reverse-color, default);
-  }
-}

package/scss/controls/_sd-table.scss

@@ -1,24 +0,0 @@
-sd-table {
-  display: block;
-  width: auto;
-  overflow: auto;
-
-  > table {
-    background: white;
-    border-collapse: collapse;
-
-    > * > * > * {
-      border-right: 1px solid get($theme-color, grey, light);
-      padding: get($gap, xs) get($gap, sm);
-    }
-
-    > * > * {
-      border-bottom: 1px solid get($theme-color, grey, light);
-    }
-
-    > thead {
-      background: get($theme-color, grey, lightest);
-      border-bottom: 2px solid get($theme-color, grey, light);
-    }
-  }
-}