@simplysm/angular 1.0.138 → 14.0.1

package/scss/controls/_sd-textfield.scss

@@ -1,104 +0,0 @@
-sd-textfield {
-  display: block;
-  position: relative;
-
-  > input,
-  > textarea {
-    @include form-control-base();
-
-    background: get($theme-color, secondary, lightest);
-    border-color: get($trans-color, default);
-    transition: outline-color .1s linear;
-    outline: 1px solid transparent;
-    outline-offset: -1px;
-
-    &::-webkit-input-placeholder {
-      color: get($text-color, lighter);
-    }
-
-    &::-webkit-outer-spin-button,
-    &::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-
-    &::-webkit-calendar-picker-indicator {
-      background: transparent;
-      color: get($text-color, default);
-      cursor: pointer;
-    }
-
-    &:focus {
-      outline-color: get($theme-color, primary, default);
-    }
-
-    &:disabled {
-      background: $bg-color;
-      color: get($text-color, light);
-    }
-
-    &[type='color'] {
-      padding: 1px get($gap, default) !important;
-      height: get($gap, sm) * 2 + strip-unit($line-height) * get($font-size, default) + 2;
-    }
-
-    &[type=year],
-    &[type=month],
-    &[type=date],
-    &[type=datetime],
-    &[type=time],
-    &[type=datetime-local] {
-      padding: (get($gap, sm) - 1) get($gap, default);
-    }
-  }
-
-  > ._invalid-indicator {
-    display: none;
-  }
-
-  > input[sd-invalid=true] + ._invalid-indicator,
-  > input:invalid + ._invalid-indicator {
-    @include invalid-indicator();
-  }
-
-  &[sd-inset=true] {
-    height: 100%;
-
-    > input,
-    > textarea {
-      display: block;
-      border: none;
-      //background: get($theme-color, secondary, lightest);
-    }
-
-    > textarea {
-      height: 100%;
-      resize: none;
-    }
-  }
-
-  &[sd-inline=true] {
-    display: inline-block;
-  }
-
-  &[sd-size=sm] > input,
-  &[sd-size=sm] > textarea {
-    padding: get($gap, xs) get($gap, sm);
-  }
-
-  &[sd-size=lg] > input,
-  &[sd-size=lg] > textarea {
-    padding: get($gap, default) get($gap, lg);
-  }
-
-  @each $key, $val in $theme-color {
-    @each $key1, $val1 in $val {
-      &.sd-text-color-#{$key}-#{$key1} {
-        > input,
-        > textarea {
-          color: $val1 !important;
-        }
-      }
-    }
-  }
-}

package/scss/controls/_sd-topbar.scss

@@ -1,85 +0,0 @@
-sd-topbar-container {
-  display: block;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  padding-top: $topbar-height;
-
-  &[sd-hide-topbar=true] {
-    padding-top: 0 !important;
-
-    sd-topbar {
-      display: none !important;
-    }
-  }
-}
-
-sd-topbar {
-  display: block;
-  position: absolute;
-  z-index: $z-index-topbar;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: $topbar-height;
-  line-height: $topbar-height;
-  background: get($theme-color, primary, default);
-  color: get($text-reverse-color, default);
-  @include elevation(6);
-
-  > * {
-    display: inline-block;
-    line-height: $topbar-height;
-  }
-
-  > a {
-    min-width: $topbar-height;
-    text-align: center;
-    margin-right: get($gap, lg);
-    color: get($theme-color, grey, lighter);
-    transition-property: background, color;
-    transition: .1s ease-in;
-
-    &:hover,
-    &:focus {
-      outline-color: transparent;
-      background: rgba(0, 0, 0, 0.2);
-      color: white;
-      transition-property: background, color;
-      transition: .1s ease-out;
-    }
-
-    &:active {
-      background: rgba(0, 0, 0, .3);
-      color: white;
-      transition-property: background, color;
-      transition: .1s ease-out;
-    }
-  }
-
-  > h1,
-  > h2,
-  > h3,
-  > h4,
-  > h5,
-  > h6 {
-    padding-right: get($gap, lg);
-  }
-}
-
-sd-topbar-menu {
-  padding: 0 get($gap, lg);
-  cursor: pointer;
-  user-select: none;
-  color: get($theme-color, grey, lighter);
-
-  &:hover {
-    background: rgba(0, 0, 0, 0.2);
-    color: white;
-  }
-
-  &:active {
-    background: rgba(0, 0, 0, .3);
-    color: white;
-  }
-}

package/scss/controls/_sd-view.scss

@@ -1,12 +0,0 @@
-sd-view {
-  display: block;
-  background: white;
-}
-
-sd-view-item {
-  display: none;
-
-  &[sd-selected=true] {
-    display: block;
-  }
-}

package/scss/presets/_colors.scss

@@ -1,310 +0,0 @@
-$color-red: (
-  50: #FFEBEE,
-  100: #FFCDD2,
-  200: #EF9A9A,
-  300: #E57373,
-  400: #EF5350,
-  500: #F44336,
-  600: #E53935,
-  700: #D32F2F,
-  800: #C62828,
-  900: #B71C1C,
-  A100: #FF8A80,
-  A200: #FF5252,
-  A400: #FF1744,
-  A700: #D50000
-) !default;
-
-$color-pink: (
-  50: #FCE4EC,
-  100: #F8BBD0,
-  200: #F48FB1,
-  300: #F06292,
-  400: #EC407A,
-  500: #E91E63,
-  600: #D81B60,
-  700: #C2185B,
-  800: #AD1457,
-  900: #880E4F,
-  A100: #FF80AB,
-  A200: #FF4081,
-  A400: #F50057,
-  A700: #C51162
-) !default;
-
-$color-purple: (
-  50: #F3E5F5,
-  100: #E1BEE7,
-  200: #CE93D8,
-  300: #BA68C8,
-  400: #AB47BC,
-  500: #9C27B0,
-  600: #8E24AA,
-  700: #7B1FA2,
-  800: #6A1B9A,
-  900: #4A148C,
-  A100: #EA80FC,
-  A200: #E040FB,
-  A400: #D500F9,
-  A700: #AA00FF
-) !default;
-
-$color-deep-purple: (
-  50: #EDE7F6,
-  100: #D1C4E9,
-  200: #B39DDB,
-  300: #9575CD,
-  400: #7E57C2,
-  500: #673AB7,
-  600: #5E35B1,
-  700: #512DA8,
-  800: #4527A0,
-  900: #311B92,
-  A100: #B388FF,
-  A200: #7C4DFF,
-  A400: #651FFF,
-  A700: #6200EA
-) !default;
-
-$color-indigo: (
-  50: #E8EAF6,
-  100: #C5CAE9,
-  200: #9FA8DA,
-  300: #7986CB,
-  400: #5C6BC0,
-  500: #3F51B5,
-  600: #3949AB,
-  700: #303F9F,
-  800: #283593,
-  900: #1A237E,
-  A100: #8C9EFF,
-  A200: #536DFE,
-  A400: #3D5AFE,
-  A700: #304FFE
-) !default;
-
-$color-blue: (
-  50: #E3F2FD,
-  100: #BBDEFB,
-  200: #90CAF9,
-  300: #64B5F6,
-  400: #42A5F5,
-  500: #2196F3,
-  600: #1E88E5,
-  700: #1976D2,
-  800: #1565C0,
-  900: #0D47A1,
-  A100: #82B1FF,
-  A200: #448AFF,
-  A400: #2979FF,
-  A700: #2962FF
-) !default;
-
-$color-light-blue: (
-  50: #E1F5FE,
-  100: #B3E5FC,
-  200: #81D4FA,
-  300: #4FC3F7,
-  400: #29B6F6,
-  500: #03A9F4,
-  600: #039BE5,
-  700: #0288D1,
-  800: #0277BD,
-  900: #01579B,
-  A100: #80D8FF,
-  A200: #40C4FF,
-  A400: #00B0FF,
-  A700: #0091EA
-) !default;
-
-$color-cyan: (
-  50: #E0F7FA,
-  100: #B2EBF2,
-  200: #80DEEA,
-  300: #4DD0E1,
-  400: #26C6DA,
-  500: #00BCD4,
-  600: #00ACC1,
-  700: #0097A7,
-  800: #00838F,
-  900: #006064,
-  A100: #84FFFF,
-  A200: #18FFFF,
-  A400: #00E5FF,
-  A700: #00B8D4
-) !default;
-
-$color-teal: (
-  50: #E0F2F1,
-  100: #B2DFDB,
-  200: #80CBC4,
-  300: #4DB6AC,
-  400: #26A69A,
-  500: #009688,
-  600: #00897B,
-  700: #00796B,
-  800: #00695C,
-  900: #004D40,
-  A100: #A7FFEB,
-  A200: #64FFDA,
-  A400: #1DE9B6,
-  A700: #00BFA5
-) !default;
-
-$color-green: (
-  50: #E8F5E9,
-  100: #C8E6C9,
-  200: #A5D6A7,
-  300: #81C784,
-  400: #66BB6A,
-  500: #4CAF50,
-  600: #43A047,
-  700: #388E3C,
-  800: #2E7D32,
-  900: #1B5E20,
-  A100: #B9F6CA,
-  A200: #69F0AE,
-  A400: #00E676,
-  A700: #00C853
-) !default;
-
-$color-light-green: (
-  50: #F1F8E9,
-  100: #DCEDC8,
-  200: #C5E1A5,
-  300: #AED581,
-  400: #9CCC65,
-  500: #8BC34A,
-  600: #7CB342,
-  700: #689F38,
-  800: #558B2F,
-  900: #33691E,
-  A100: #CCFF90,
-  A200: #B2FF59,
-  A400: #76FF03,
-  A700: #64DD17
-) !default;
-
-$color-lime: (
-  50: #F9FBE7,
-  100: #F0F4C3,
-  200: #E6EE9C,
-  300: #DCE775,
-  400: #D4E157,
-  500: #CDDC39,
-  600: #C0CA33,
-  700: #AFB42B,
-  800: #9E9D24,
-  900: #827717,
-  A100: #F4FF81,
-  A200: #EEFF41,
-  A400: #C6FF00,
-  A700: #AEEA00
-) !default;
-
-$color-yellow: (
-  50: #FFFDE7,
-  100: #FFF9C4,
-  200: #FFF59D,
-  300: #FFF176,
-  400: #FFEE58,
-  500: #FFEB3B,
-  600: #FDD835,
-  700: #FBC02D,
-  800: #F9A825,
-  900: #F57F17,
-  A100: #FFFF8D,
-  A200: #FFFF00,
-  A400: #FFEA00,
-  A700: #FFD600
-) !default;
-
-$color-amber: (
-  50: #FFF8E1,
-  100: #FFECB3,
-  200: #FFE082,
-  300: #FFD54F,
-  400: #FFCA28,
-  500: #FFC107,
-  600: #FFB300,
-  700: #FFA000,
-  800: #FF8F00,
-  900: #FF6F00,
-  A100: #FFE57F,
-  A200: #FFD740,
-  A400: #FFC400,
-  A700: #FFAB00
-) !default;
-
-$color-orange: (
-  50: #FFF3E0,
-  100: #FFE0B2,
-  200: #FFCC80,
-  300: #FFB74D,
-  400: #FFA726,
-  500: #FF9800,
-  600: #FB8C00,
-  700: #F57C00,
-  800: #EF6C00,
-  900: #E65100,
-  A100: #FFD180,
-  A200: #FFAB40,
-  A400: #FF9100,
-  A700: #FF6D00
-) !default;
-
-$color-deep-orange: (
-  50: #FBE9E7,
-  100: #FFCCBC,
-  200: #FFAB91,
-  300: #FF8A65,
-  400: #FF7043,
-  500: #FF5722,
-  600: #F4511E,
-  700: #E64A19,
-  800: #D84315,
-  900: #BF360C,
-  A100: #FF9E80,
-  A200: #FF6E40,
-  A400: #FF3D00,
-  A700: #DD2C00
-) !default;
-
-$color-brown: (
-  50: #EFEBE9,
-  100: #D7CCC8,
-  200: #BCAAA4,
-  300: #A1887F,
-  400: #8D6E63,
-  500: #795548,
-  600: #6D4C41,
-  700: #5D4037,
-  800: #4E342E,
-  900: #3E2723
-) !default;
-
-$color-grey: (
-  50: #FAFAFA,
-  100: #F5F5F5,
-  200: #EEEEEE,
-  300: #E0E0E0,
-  400: #BDBDBD,
-  500: #9E9E9E,
-  600: #757575,
-  700: #616161,
-  800: #424242,
-  900: #212121
-) !default;
-
-$color-bluegrey: (
-  50: #ECEFF1,
-  100: #CFD8DC,
-  200: #B0BEC5,
-  300: #90A4AE,
-  400: #78909C,
-  500: #607D8B,
-  600: #546E7A,
-  700: #455A64,
-  800: #37474F,
-  900: #263238
-) !default;

package/scss/presets/_functions.scss

@@ -1,18 +0,0 @@
-@function get($map, $keys...) {
-  @each $key in $keys {
-    @if (map_has_key($map, $key) != true) {
-      @error "Map `#{$map}` has no key `#{$key}`";
-    }
-
-    $map: map_get($map, $key);
-  }
-  @return $map;
-}
-
-@function strip-unit($number) {
-  @if type-of($number) == 'number' and not unitless($number) {
-    @return $number / ($number * 0 + 1);
-  }
-
-  @return $number;
-}

package/scss/presets/_mixins.scss

@@ -1,27 +0,0 @@
-@mixin form-control-base() {
-  display: block;
-  width: 100%;
-  font-size: get($font-size, default);
-  font-family: $font-family;
-  line-height: $line-height;
-  color: get($text-color, default);
-  padding: get($gap, sm) get($gap, default);
-
-  border: 1px solid transparent;
-  user-select: none;
-}
-
-@mixin elevation($value) {
-  box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 #{$value/2}px #{$value + 1}px rgba(0, 0, 0, .2);
-}
-
-@mixin invalid-indicator() {
-  display: block;
-  position: absolute;
-  top: get($gap, xxs);
-  left: get($gap, xxs);
-  border-radius: 100%;
-  width: 4px;
-  height: 4px;
-  background: get($theme-color, danger, default);
-}

package/scss/presets/_variables.scss

@@ -1,68 +0,0 @@
-$theme-color-pallet: (
-  grey: $color-grey,
-  bluegrey: $color-bluegrey,
-  primary: $color-deep-purple,
-  secondary: $color-blue,
-  info: $color-blue,
-  success: $color-green,
-  warning: $color-orange,
-  danger: $color-red
-) !default;
-
-$trans-color: (
-  darkest: rgba(0, 0, 0, .4),
-  darker: rgba(0, 0, 0, .3),
-  dark: rgba(0, 0, 0, .2),
-  default: rgba(0, 0, 0, .1),
-  light: rgba(255, 255, 255, .1),
-  lighter: rgba(255, 255, 255, .2)
-) !default;
-
-$text-color: (
-  dark: black,
-  default: rgba(0, 0, 0, .87),
-  light: rgba(0, 0, 0, .60),
-  lighter: rgba(0, 0, 0, .38)
-) !default;
-
-$text-reverse-color: (
-  default: white,
-  dark: rgba(255, 255, 255, .7),
-  darker: rgba(255, 255, 255, .5)
-) !default;
-
-$gap: (
-  xxs: 2px,
-  xs: 4px,
-  sm: 6px,
-  default: 8px,
-  lg: 12px,
-  xl: 18px,
-  xxl: 24px
-) !default;
-
-$font-size: (
-  lg: 15px,
-  default: 13px,
-  sm: 11px,
-  h1: 23px,
-  h2: 19px,
-  h3: 17px,
-  h4: 15px,
-  h5: 13px,
-  h6: 11px
-) !default;
-
-$font-family: 'Noto Sans KR', 'Malgun Gothic', 'AppleGothicNeoSD', 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic', 'Droid Sans', sans-serif !default;
-$font-family-monospace: 'D2 coding', monospace !default;
-$line-height: 1.4em !default;
-
-$z-index-toast: 9999 !default;
-$z-index-busy: 9998 !default;
-$z-index-dropdown: 5000 !default;
-$z-index-modal: 4000 !default;
-$z-index-fullscreen: 3000 !default;
-$z-index-sidebar: 2100 !default;
-$z-index-topbar: 2000 !default;
-
-$screen-mobile: "screen and (max-width : 520px)" !default;

package/scss/presets/_variables1.scss

@@ -1,74 +0,0 @@
-$theme-color: (
-  grey: (
-    lightest: get($theme-color-pallet, grey, 100),
-    lighter: get($theme-color-pallet, grey, 300),
-    light: get($theme-color-pallet, grey, 400),
-    default: get($theme-color-pallet, grey, 500),
-    dark: get($theme-color-pallet, grey, 600),
-    darker: get($theme-color-pallet, grey, 700),
-    darkest: get($theme-color-pallet, grey, 800)
-  ),
-  bluegrey: (
-    lightest: get($theme-color-pallet, bluegrey, 200),
-    lighter: get($theme-color-pallet, bluegrey, 300),
-    light: get($theme-color-pallet, bluegrey, 400),
-    default: get($theme-color-pallet, bluegrey, 500),
-    dark: get($theme-color-pallet, bluegrey, 600),
-    darker: get($theme-color-pallet, bluegrey, 800),
-    darkest: get($theme-color-pallet, bluegrey, 900)
-  ),
-  primary: (
-    lightest: get($theme-color-pallet, primary, 50),
-    lighter: get($theme-color-pallet, primary, 100),
-    light: get($theme-color-pallet, primary, 200),
-    default: get($theme-color-pallet, primary, 500),
-    dark: get($theme-color-pallet, primary, 600),
-    darker: get($theme-color-pallet, primary, 700),
-    darkest: get($theme-color-pallet, primary, 800)
-  ),
-  secondary: (
-    lightest: get($theme-color-pallet, secondary, 50),
-    lighter: get($theme-color-pallet, secondary, 100),
-    light: get($theme-color-pallet, secondary, 200),
-    default: get($theme-color-pallet, secondary, 500),
-    dark: get($theme-color-pallet, secondary, 600),
-    darker: get($theme-color-pallet, secondary, 700),
-    darkest: get($theme-color-pallet, secondary, 800)
-  ),
-  info: (
-    lightest: get($theme-color-pallet, info, 50),
-    lighter: get($theme-color-pallet, info, 100),
-    light: get($theme-color-pallet, info, 200),
-    default: get($theme-color-pallet, info, 500),
-    dark: get($theme-color-pallet, info, 600),
-    darker: get($theme-color-pallet, info, 700),
-    darkest: get($theme-color-pallet, info, 800)
-  ),
-  success: (
-    lightest: get($theme-color-pallet, success, 50),
-    lighter: get($theme-color-pallet, success, 100),
-    light: get($theme-color-pallet, success, 300),
-    default: get($theme-color-pallet, success, 500),
-    dark: get($theme-color-pallet, success, 600),
-    darker: get($theme-color-pallet, success, 700),
-    darkest: get($theme-color-pallet, success, 800)
-  ),
-  warning: (
-    lightest: get($theme-color-pallet, warning, 50),
-    lighter: get($theme-color-pallet, warning, 100),
-    light: get($theme-color-pallet, warning, 200),
-    default: get($theme-color-pallet, warning, 600),
-    dark: get($theme-color-pallet, warning, 700),
-    darker: get($theme-color-pallet, warning, 800),
-    darkest: get($theme-color-pallet, warning, 900)
-  ),
-  danger: (
-    lightest: get($theme-color-pallet, danger, 50),
-    lighter: get($theme-color-pallet, danger, 100),
-    light: get($theme-color-pallet, danger, 200),
-    default: get($theme-color-pallet, danger, 500),
-    dark: get($theme-color-pallet, danger, 700),
-    darker: get($theme-color-pallet, danger, 800),
-    darkest: get($theme-color-pallet, danger, 900)
-  )
-) !default;

package/scss/presets/_variables2.scss

@@ -1,9 +0,0 @@
-$bg-color: get($theme-color, grey, lightest) !default;
-
-$topbar-height: 42px !default;
-
-$sidebar-width: 200px !default;
-
-$sheet-padding-v: get($gap, xs) !default;
-$sheet-padding-h: get($gap, sm) !default;
-$sheet-edit-cell-bg: get($theme-color, secondary, lightest) !default;

package/scss/presets/_variables3.scss

@@ -1 +0,0 @@
-$sheet-row-height: floor($sheet-padding-v * 2 + strip-unit($line-height) * get($font-size, default)) !default;