@simplysm/angular 1.0.135 → 14.0.1

package/scss/controls/_sd-dock-container.scss

@@ -1,101 +0,0 @@
-sd-dock-container {
-  display: block;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  z-index: 0;
-}
-
-sd-dock {
-  $border-color: get($theme-color, grey, lighter);
-
-  display: block;
-  position: absolute;
-  overflow: auto;
-  z-index: 1;
-  background: white;
-
-  &[sd-position=top] {
-    border-bottom: 1px solid $border-color;
-  }
-
-  &[sd-position=bottom] {
-    border-top: 1px solid $border-color;
-  }
-
-  &[sd-position=left] {
-    border-right: 1px solid $border-color;
-  }
-
-  &[sd-position=right] {
-    border-left: 1px solid $border-color;
-  }
-
-  > hr {
-    display: none;
-    user-select: none;
-  }
-
-  &[sd-resizable=true] {
-    > hr {
-      display: block;
-      position: absolute;
-      width: 4px;
-      height: 4px;
-      background: get($trans-color, dark);
-      margin: 0;
-      padding: 0;
-      border: none;
-      z-index: 1;
-    }
-
-    &[sd-position=top] {
-      border: none;
-      padding-bottom: 4px;
-
-      > hr {
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        cursor: ns-resize;
-      }
-    }
-
-    &[sd-position=bottom] {
-      border: none;
-      padding-top: 4px;
-
-      > hr {
-        top: 0;
-        left: 0;
-        width: 100%;
-        cursor: ns-resize;
-      }
-    }
-
-    &[sd-position=left] {
-      border: none;
-      padding-right: 4px;
-
-      > hr {
-        top: 0;
-        right: 0;
-        height: 100%;
-        cursor: ew-resize;
-      }
-    }
-
-    &[sd-position=right] {
-      border: none;
-      padding-left: 4px;
-
-      > hr {
-        top: 0;
-        left: 0;
-        height: 100%;
-        cursor: ew-resize;
-      }
-    }
-  }
-}

package/scss/controls/_sd-dropdown.scss

@@ -1,28 +0,0 @@
-sd-dropdown {
-  > div {
-    position: relative;
-  }
-}
-
-sd-dropdown-popup {
-  position: fixed;
-  z-index: $z-index-dropdown;
-  opacity: 0;
-  transform: translateY(-10px);
-  transition: .1s linear;
-  transition-property: transform, opacity;
-  pointer-events: none;
-  background: white;
-  min-width: 120px;
-  @include elevation(6);
-
-  > div {
-    width: 100%;
-    height: 100%;
-    overflow: auto;
-  }
-
-  &:focus {
-    outline: 1px solid get($theme-color, primary, default);
-  }
-}

package/scss/controls/_sd-form.scss

@@ -1,55 +0,0 @@
-sd-form {
-  display: block;
-  overflow: hidden;
-
-  &[sd-inline=true] {
-    vertical-align: middle;
-
-    > form {
-      display: inline-block;
-      margin-bottom: - get($gap, sm);
-
-      > sd-form-item {
-        display: inline-block;
-        margin-bottom: get($gap, sm);
-        margin-right: get($gap, default);
-
-        &:last-child {
-          margin-right: 0;
-        }
-
-        > label {
-          display: inline-block;
-          vertical-align: middle;
-          margin-right: get($gap, sm);
-          margin-bottom: 0;
-        }
-
-        > div {
-          display: inline-block;
-          vertical-align: middle;
-
-          > sd-checkbox > label {
-            display: inline-block;
-            width: auto;
-          }
-        }
-      }
-    }
-  }
-}
-
-sd-form-item {
-  display: block;
-  margin-bottom: get($gap, default);
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-
-  & > label {
-    display: block;
-    font-weight: bold;
-    margin-bottom: get($gap, xs);
-  }
-}

package/scss/controls/_sd-grid.scss

@@ -1,10 +0,0 @@
-sd-grid {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
-sd-grid-item {
-  display: inline-block;
-  vertical-align: top;
-}

package/scss/controls/_sd-html-editor.scss

@@ -1,61 +0,0 @@
-sd-html-editor {
-  display: block;
-  border: 1px solid get($trans-color, default);
-
-  > sd-dock-container {
-    > ._toolbar {
-      user-select: none;
-
-      > a {
-        display: inline-block;
-        padding: get($gap, sm) 0;
-        text-align: center;
-        width: get($gap, sm) * 2 + strip-unit($line-height) * get($font-size, default);
-
-        &:hover {
-          background: rgba(0, 0, 0, .05);
-        }
-
-        &._selected {
-          background: get($theme-color, primary, default);
-          color: get($text-reverse-color, default);
-        }
-      }
-    }
-
-    > sd-pane {
-      > div {
-        @include form-control-base();
-        height: 100%;
-
-        &[contenteditable=true] {
-          cursor: text;
-          background: get($theme-color, info, lightest);
-        }
-      }
-
-      > textarea {
-        @include form-control-base();
-        height: 100%;
-        background: get($theme-color, info, lightest);
-        border: none;
-        transition: outline-color .1s linear;
-        outline: 1px solid transparent;
-        outline-offset: -1px;
-
-        &::-webkit-input-placeholder {
-          color: get($text-color, lighter);
-        }
-
-        &:focus {
-          outline-color: get($theme-color, primary, default);
-        }
-      }
-    }
-  }
-
-  &[sd-inset=true] {
-    height: 100%;
-    border: none;
-  }
-}

package/scss/controls/_sd-icon.scss

@@ -1,6 +0,0 @@
-sd-icon {
-  &[sd-fw=true] {
-    display: inline-block;
-    width: 1.25em;
-  }
-}

package/scss/controls/_sd-label.scss

@@ -1,28 +0,0 @@
-sd-label {
-  display: inline-block;
-  background: get($theme-color, grey, darkest);
-  color: get($text-reverse-color, default);
-  padding: 0 get($gap, xs);
-  border-radius: 2px;
-  text-indent: 0;
-
-  @each $key, $val in $theme-color {
-    &[sd-theme=#{$key}] {
-      background: get($val, default);
-    }
-  }
-
-  &[sd-clickable=true] {
-    cursor: pointer;
-
-    &:hover {
-      background: get($theme-color, grey, dark);
-
-      @each $key, $val in $theme-color {
-        &[sd-theme=#{$key}] {
-          background: get($val, dark);
-        }
-      }
-    }
-  }
-}

package/scss/controls/_sd-list.scss

@@ -1,139 +0,0 @@
-sd-list {
-  display: block;
-  user-select: none;
-  background: white;
-}
-
-sd-list-item {
-  display: block;
-
-  > ._content {
-    display: flex;
-    border-top: 1px solid transparent;
-
-    > label {
-      display: block;
-      width: 100%;
-      padding: get($gap, sm) get($gap, default);
-      background: white;
-
-      > ._angle-icon {
-        float: right;
-        transition: transform .1s ease-in;
-        color: get($text-color, light);
-      }
-
-      &:focus {
-        outline-color: transparent;
-      }
-    }
-  }
-
-  > ._child {
-    overflow: hidden;
-
-    > ._child-content {
-      transition: margin-top .1s ease-out;
-      background: rgba(0, 0, 0, .05);
-
-      > sd-list {
-        padding: get($gap, sm) 0 get($gap, default) 0;
-      }
-    }
-  }
-
-  &[sd-has-children=true] {
-    > ._content {
-      border-color: white;
-    }
-  }
-
-  &[sd-clickable=true] {
-    > ._content {
-      > label {
-        cursor: pointer;
-        transition: background .1s ease-in;
-
-        &:hover {
-          transition: background .1s ease-out;
-          background: rgba(0, 0, 0, .07);
-        }
-      }
-    }
-  }
-
-  &[sd-open=true] {
-    > ._content {
-      > label {
-        > ._angle-icon {
-          transform: rotate(90deg);
-          transition: transform .1s ease-out;
-        }
-      }
-    }
-
-    > ._child > ._child-content {
-      transition: margin-top .1s ease-in;
-    }
-  }
-
-  &[sd-size=sm] > ._content > label {
-    font-size: get($font-size, sm);
-    padding: get($gap, xs) get($gap, sm);
-  }
-
-  &[sd-size=lg] > ._content > label {
-    padding: get($gap, default) get($gap, lg);
-  }
-
-  &[sd-selected=true] > ._content > label {
-    color: get($theme-color, primary, default);
-    font-weight: bold;
-  }
-
-  &[sd-disabled=true] {
-    pointer-events: none;
-
-    > ._content > label {
-      color: get($text-color, lighter);
-      cursor: default;
-    }
-  }
-
-  &[sd-header=true] {
-    > ._content > label {
-      cursor: default;
-      background: transparent;
-      color: get($text-color, light);
-      font-size: get($font-size, sm);
-      font-weight: lighter;
-
-      &:hover {
-        background: transparent !important;
-      }
-
-      > ._angle-icon {
-        display: none;
-      }
-    }
-
-    > ._child > ._child-content {
-      margin-top: 0 !important;
-      background: transparent !important;
-    }
-  }
-}
-
-sd-list-item-button {
-  display: block;
-  min-width: floor(get($gap, sm) * 2 + strip-unit($line-height) * get($font-size, default));
-  text-align: center;
-  padding: get($gap, sm) get($gap, default);
-  background: transparent;
-  color: get($theme-color, primary, default);
-
-  &:hover {
-    background: rgba(0, 0, 0, .07);
-    cursor: pointer;
-  }
-}

package/scss/controls/_sd-markdown-editor.scss

@@ -1,120 +0,0 @@
-sd-markdown-editor {
-  display: block;
-  border: 1px solid get($trans-color, default);
-
-  > sd-dock-container {
-    > ._toolbar {
-      user-select: none;
-
-      > a {
-        display: inline-block;
-        padding: get($gap, sm) 0;
-        text-align: center;
-        width: get($gap, sm) * 2 + strip-unit($line-height) * get($font-size, default);
-
-        &:hover {
-          background: rgba(0, 0, 0, .05);
-        }
-
-        &._selected {
-          background: get($theme-color, primary, default);
-          color: get($text-reverse-color, default);
-        }
-      }
-    }
-
-    > sd-pane > ._editor {
-      position: relative;
-      width: 100%;
-      height: 100%;
-
-      > textarea {
-        @include form-control-base();
-        height: 100%;
-        background: get($theme-color, info, lightest);
-        border: none;
-        transition: outline-color .1s linear;
-        outline: 1px solid transparent;
-        outline-offset: -1px;
-
-        &::-webkit-input-placeholder {
-          color: get($text-color, lighter);
-        }
-
-        &:focus {
-          outline-color: get($theme-color, primary, default);
-        }
-
-        > ._invalid-indicator {
-          display: none;
-        }
-
-        > input[sd-invalid=true] + ._invalid-indicator,
-        > input:invalid + ._invalid-indicator {
-          @include invalid-indicator();
-        }
-      }
-
-      > ._dragover {
-        display: none;
-        pointer-events: none;
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: rgba(0, 0, 0, .05);
-        font-size: get($font-size, h1);
-        color: rgba(0, 0, 0, .3);
-        text-align: center;
-        padding-top: 20px;
-      }
-    }
-
-    > sd-pane > ._preview {
-      padding: get($gap, sm);
-      height: 100%;
-      overflow: auto;
-      background: white;
-
-      ol {
-        padding-left: 20px;
-      }
-
-      code {
-        background: rgba(0, 0, 0, .05);
-        border-radius: 2px;
-      }
-
-      pre {
-        background: rgba(0, 0, 0, .05);
-        padding: get($gap, sm) get($gap, default);
-        border-radius: 2px;
-        white-space: pre-wrap;
-
-        > code {
-          background: transparent;
-        }
-      }
-
-      p {
-        margin-top: get($gap, sm);
-        margin-bottom: get($gap, sm);
-      }
-    }
-  }
-
-  &[sd-disabled=true] {
-    > sd-dock-container {
-      > sd-pane > ._preview {
-        height: auto;
-      }
-    }
-  }
-
-  &[sd-dragover=true] {
-    > sd-dock-container > sd-pane > ._editor > ._dragover {
-      display: block;
-    }
-  }
-}

package/scss/controls/_sd-modal.scss

@@ -1,121 +0,0 @@
-sd-modal {
-  display: block;
-  position: fixed;
-  z-index: $z-index-modal;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  text-align: center;
-  padding-top: 24px;
-  overflow: auto;
-
-  > ._backdrop {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(0, 0, 0, .6);
-  }
-
-  > ._dialog {
-    position: relative;
-    display: inline-block;
-    text-align: left;
-    margin: 0 auto;
-    background: white;
-    overflow: hidden;
-    max-width: 100%;
-    min-width: 240px;
-    border-bottom-left-radius: 4px;
-    border-bottom-right-radius: 4px;
-    border: 1px solid get($theme-color, primary, dark);
-
-    &:focus {
-      outline-color: transparent;
-    }
-
-    > sd-dock-container {
-      > ._header {
-        background: get($theme-color, primary, default);
-        color: get($text-reverse-color, default);
-
-        > ._title {
-          display: inline-block;
-          padding: get($gap, default) get($gap, lg);
-        }
-
-        > ._close-button {
-          float: right;
-          cursor: pointer;
-          text-align: center;
-          padding: get($gap, default) get($gap, lg);
-          color: get($text-reverse-color, dark);
-
-          &:hover {
-            background: rgba(0, 0, 0, .1);
-            color: get($text-reverse-color, default);
-          }
-
-          &:active {
-            background: rgba(0, 0, 0, .2);
-          }
-        }
-      }
-    }
-  }
-
-  opacity: 0;
-  transition: opacity .3s ease-in-out;
-  pointer-events: none;
-
-  > ._dialog {
-    transform: translateY(-25px);
-    transition: transform .3s ease-in-out;
-  }
-
-  &[sd-open=true] {
-    opacity: 1;
-    pointer-events: auto;
-
-    > ._dialog {
-      transform: none;
-      @include elevation(16);
-    }
-  }
-
-  &[sd-float=true] {
-    padding-top: 0;
-    pointer-events: none;
-
-    > ._backdrop {
-      display: none;
-    }
-
-    > ._dialog {
-      pointer-events: auto;
-      right: get($gap, lg);
-      bottom: get($gap, lg);
-      border-radius: 0;
-      transform: none;
-      opacity: 0;
-      transition: opacity .1s linear;
-    }
-
-    &[sd-open=true] {
-      > ._dialog {
-        opacity: 1;
-      }
-    }
-  }
-
-  @media #{$screen-mobile} {
-    padding-top: 0;
-
-    > ._dialog {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}