@igo2/core 1.9.0 → 1.10.0

package/style/index.theming.scss

@@ -42,15 +42,15 @@ $igo-typography: mat.define-typography-config(
     );
 };
 
-button.mat-menu-item {
-  line-height: 24px !important;
-}
-a.mat-menu-item > mat-icon {
-  margin-bottom: 14px;
-}
-.mat-icon svg {
-  height: 24px;
-  width: 24px;
+button.mat-menu-item {
+  line-height: 24px !important;
+}
+a.mat-menu-item > mat-icon {
+  margin-bottom: 14px;
+}
+.mat-icon svg {
+  height: 24px;
+  width: 24px;
 }
 
 @mixin igo-theming($theme, $typography) {
@@ -59,54 +59,230 @@ a.mat-menu-item > mat-icon {
   @include igo-core-theming($theme, $typography);
 }
 
+/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
+
+/* position */
+.toast-center-center {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.toast-top-center {
+  top: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-bottom-center {
+  bottom: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-top-full-width {
+  top: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-bottom-full-width {
+  bottom: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-top-left {
+  top: 12px;
+  left: 12px;
+}
+.toast-top-right {
+  top: 12px;
+  right: 12px;
+}
+.toast-bottom-right {
+  right: 12px;
+  bottom: 12px;
+}
+.toast-bottom-left {
+  bottom: 12px;
+  left: 12px;
+}
+
+/* toast styles */
+.toast-title {
+  font-weight: bold;
+}
+.toast-message {
+  word-wrap: break-word;
+}
+.toast-message a,
+.toast-message label {
+  color: #FFFFFF;
+}
+.toast-message a:hover {
+  color: #CCCCCC;
+  text-decoration: none;
+}
+.toast-close-button {
+  position: relative;
+  right: -0.3em;
+  top: -0.3em;
+  float: right;
+  font-size: 20px;
+  font-weight: bold;
+  color: #FFFFFF;
+  text-shadow: 0 1px 0 #ffffff;
+  /* opacity: 0.8; */
+}
+.toast-close-button:hover,
+.toast-close-button:focus {
+  color: #000000;
+  text-decoration: none;
+  cursor: pointer;
+  opacity: 0.4;
+}
+/*Additional properties for button version
+ iOS requires the button element instead of an anchor tag.
+ If you want the anchor version, it requires `href="#"`.*/
+button.toast-close-button {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+}
+.toast-container {
+  pointer-events: none;
+  position: fixed;
+  z-index: 999999;
+}
+.toast-container * {
+  box-sizing: border-box;
+}
+.toast-container .ngx-toastr {
+  position: relative;
+  overflow: hidden;
+  margin: 0 0 6px;
+  padding: 15px 15px 15px 50px;
+  width: 300px;
+  border-radius: 3px 3px 3px 3px;
+  background-position: 15px center;
+  background-repeat: no-repeat;
+  background-size: 24px;
+  box-shadow: 0 0 12px #999999;
+  color: #FFFFFF;
+}
+.toast-container .ngx-toastr:hover {
+  box-shadow: 0 0 12px #000000;
+  opacity: 1;
+  cursor: pointer;
+}
+/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
+.toast-info {
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
+}
+/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
+.toast-error {
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
+}
+/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
+.toast-success {
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
+}
+/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
+.toast-warning {
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
+}
+.toast-container.toast-top-center .ngx-toastr,
+.toast-container.toast-bottom-center .ngx-toastr {
+  width: 300px;
+  margin-left: auto;
+  margin-right: auto;
+}
+.toast-container.toast-top-full-width .ngx-toastr,
+.toast-container.toast-bottom-full-width .ngx-toastr {
+  width: 96%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.ngx-toastr {
+  background-color: #030303;
+  pointer-events: auto;
+}
+.toast-success {
+  background-color: #51A351;
+}
+.toast-error {
+  background-color: #BD362F;
+}
+.toast-info {
+  background-color: #2F96B4;
+}
+.toast-warning {
+  background-color: #F89406;
+}
+.toast-progress {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  height: 4px;
+  background-color: #000000;
+  opacity: 0.4;
+}
+/* Responsive Design */
+@media all and (max-width: 240px) {
+  .toast-container .ngx-toastr.div {
+    padding: 8px 8px 8px 50px;
+    width: 11em;
+  }
+  .toast-container .toast-close-button {
+    right: -0.2em;
+    top: -0.2em;
+  }
+}
+@media all and (min-width: 241px) and (max-width: 480px) {
+  .toast-container .ngx-toastr.div {
+    padding: 8px 8px 8px 50px;
+    width: 18em;
+  }
+  .toast-container .toast-close-button {
+    right: -0.2em;
+    top: -0.2em;
+  }
+}
+@media all and (min-width: 481px) and (max-width: 768px) {
+  .toast-container .ngx-toastr.div {
+    padding: 15px 15px 15px 50px;
+    width: 25em;
+  }
+}
+
+
 @mixin igo-core-theming($theme, $typography) {
-  @include igo-message-theming($theme);
+  @include igo-message-theming($theme, $typography);
 
   button.mat-icon-button.mat-button-base[disabled="true"] {
       color: rgba(0,0,0,.26);
   }
 }
 
-@mixin igo-message-theming($theme) {
+@mixin igo-message-theming($theme, $typography) {
   $primary: map-get($theme, primary);
   $accent: map-get($theme, accent);
   $warn: map-get($theme, warn);
 
-  div.simple-notification {
-    &.info {
-      color: mat.get-color-from-palette($primary, default-contrast);
-      background-color: mat.get-color-from-palette($primary);
-      .sn-progress-loader span {
-        background-color: mat.get-color-from-palette($primary, darker);
-      }
-      svg {
-        fill: mat.get-color-from-palette($primary, default-contrast);
-      }
-    }
-
-    &.alert {
-      color: mat.get-color-from-palette($accent, default-contrast);
-      background-color: mat.get-color-from-palette($accent);
-      .sn-progress-loader span {
-        background-color: mat.get-color-from-palette($accent, darker);
-      }
-      svg {
-        fill: mat.get-color-from-palette($accent, default-contrast);
-      }
-    }
-
-    &.error {
-      color: mat.get-color-from-palette($warn, default-contrast);
-      background-color: mat.get-color-from-palette($warn);
-      .sn-progress-loader span {
-        background-color: mat.get-color-from-palette($warn, darker);
-      }
-      svg {
-        fill: mat.get-color-from-palette($warn, default-contrast);
-      }
-    }
+  .toast-error {
+    background-color: mat.get-color-from-palette($warn);
+  }
+  .toast-info {
+    background-color: mat.get-color-from-palette($primary);
+  }
+  .toast-title {
+    line-height: 23px;
+    font-size: 15px;
+    font-weight: bold;
+    font-family:  Roboto, "Helvetica Neue", sans-serif;
+  }
+  .toast-message {
+    line-height: 18px;
+    font-size: mat.font-size($typography, subheading-2);
+    font-family:  Roboto, "Helvetica Neue", sans-serif;
   }
-
 }
 
 .shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}.shepherd-button:disabled{cursor:not-allowed}
@@ -127,32 +303,33 @@ a.mat-menu-item > mat-icon {
   @include igo-panel-theming($theme);
   @include igo-tool-theming($theme);
   @include igo-tour-theming($theme);
+  @include igo-home-button-theming($theme);
 }
 
 @mixin igo-action-theming($theme) {
   @include igo-actionbar-theming($theme);
 }
 
-@mixin igo-actionbar-theming($theme) {  
-  .igo-actionbar-overlay {
-    min-width: inherit !important;
-    padding-top: 0;
-    padding-bottom: 0;
-  
-    .mat-list {
-      padding-top: 0
-    }
-  
-    .mat-list .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text {
-      padding-right: 16px;
-    }
-  
-    .mat-menu-content:not(:empty) {
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-  }
-}
+@mixin igo-actionbar-theming($theme) {  
+  .igo-actionbar-overlay {
+    min-width: inherit !important;
+    padding-top: 0;
+    padding-bottom: 0;
+  
+    .mat-list {
+      padding-top: 0
+    }
+  
+    .mat-list .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text {
+      padding-right: 16px;
+    }
+  
+    .mat-menu-content:not(:empty) {
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+  }
+}
 
 @mixin igo-collapsible-theming($theme) {
   mat-icon[mat-list-avatar][igocollapse] {
@@ -192,6 +369,23 @@ a.mat-menu-item > mat-icon {
   }
 }
 
+@mixin igo-home-button-theming($theme) {
+  $primary: map-get($theme, primary);
+  $accent: map-get($theme, accent);
+  $foreground: map-get($theme, foreground);
+
+  igo-home-button > #homeButton {
+    background-color: mat.get-color-from-palette($primary);
+    color: mat.get-color-from-palette($primary, default-contrast);
+
+    &:hover {
+      background-color: mat.get-color-from-palette($accent, lighter);
+      color: black;
+    }
+  }
+}
+
+
 @mixin igo-list-theming($theme) {
   $primary: map-get($theme, primary);
   $accent: map-get($theme, accent);
@@ -351,7 +545,8 @@ a.mat-menu-item > mat-icon {
 .ol-box {
   box-sizing: border-box;
   border-radius: 2px;
-  border: 2px solid blue;
+  border: 1.5px solid rgb(179,197,219);
+  background-color: rgba(255,255,255,0.4);
 }
 
 .ol-mouse-position {
@@ -480,9 +675,9 @@ a.mat-menu-item > mat-icon {
   margin: 1px;
   padding: 0;
   color: white;
-  font-size: 1.14em;
   font-weight: bold;
   text-decoration: none;
+  font-size: inherit;
   text-align: center;
   height: 1.375em;
   width: 1.375em;
@@ -530,13 +725,18 @@ a.mat-menu-item > mat-icon {
   max-width: calc(100% - 1.3em);
   display: flex;
   flex-flow: row-reverse;
-  align-items: flex-end;
+  align-items: center;
+}
+.ol-attribution a {
+  color: rgba(0,60,136,0.7);
+  text-decoration: none;
 }
 .ol-attribution ul {
   margin: 0;
   padding: 1px .5em;
   color: #000;
   text-shadow: 0 0 2px #fff;
+  font-size: 12px;
 }
 .ol-attribution li {
   display: inline;
@@ -637,13 +837,13 @@ a.mat-menu-item > mat-icon {
 }
 
 @mixin igo-directions-theming($theme) {
-  @include igo-directions-form-theming($theme);
+  @include igo-directions-results-theming($theme);
 }
 
-@mixin igo-directions-form-theming($theme) {
+@mixin igo-directions-results-theming($theme) {
   $accent: map-get($theme, accent);
 
-  igo-directions-form mat-list-item.igo-steps:hover {
+  igo-directions-results mat-list-item.igo-steps:hover {
     background-color: mat.get-color-from-palette($accent, lighter);
   }
 }
@@ -763,6 +963,7 @@ a.mat-menu-item > mat-icon {
 @mixin igo-map-theming($theme, $typography) {
   @include igo-map-browser-theming($theme, $typography);
   @include igo-zoom-button-theming($theme);
+  @include igo-menu-button-theming($theme);
 }
 
 @mixin igo-map-browser-theming($theme, $typography) {
@@ -801,6 +1002,25 @@ a.mat-menu-item > mat-icon {
 
 }
 
+@mixin igo-menu-button-theming($theme) {
+  $primary: map-get($theme, primary);
+
+  igo-menu-button > #menu-button {
+    color: mat.get-color-from-palette($primary);
+  }
+
+  igo-menu-button > #menu-button.menu-button-reverse-color-close {
+    background-color: mat.get-color-from-palette($primary);
+    color: mat.get-color-from-palette($primary, default-contrast);
+  }
+
+  igo-menu-button > #menu-button.menu-button-reverse-color {
+    background-color: mat.get-color-from-palette($primary);
+    color: mat.get-color-from-palette($primary, default-contrast);
+  }
+}
+
+
 @mixin igo-measure-theming($theme, $typography) {
   @include igo-measurer-theming($theme, $typography);
 }

package/style/material.font.scss

@@ -1,10 +1,10 @@
-button.mat-menu-item {
-  line-height: 24px !important;
-}
-a.mat-menu-item > mat-icon {
-  margin-bottom: 14px;
-}
-.mat-icon svg {
-  height: 24px;
-  width: 24px;
+button.mat-menu-item {
+  line-height: 24px !important;
+}
+a.mat-menu-item > mat-icon {
+  margin-bottom: 14px;
+}
+.mat-icon svg {
+  height: 24px;
+  width: 24px;
 }

package/style/partial/core.variables.scss

@@ -1,3 +1,5 @@
-$igo-margin: 5px;
-$igo-padding: 5px;
-$igo-icon-size: 40px;
+$igo-margin: 5px;
+$igo-padding: 5px;
+$igo-icon-size: 40px;
+
+$app-background-color: rgb(255, 255, 255);

package/style/partial/media.scss

@@ -1,80 +1,80 @@
-$mobile-portrait: 'only screen and (orientation:portrait) and (max-width: 599px)';
-$tablet-portrait: 'only screen and (orientation:portrait) and (min-width: 600px) and (max-width: 839px)';
-$desktop-portrait: 'only screen and (orientation:portrait) and (min-width: 840px)';
-
-$mobile-landscape: 'only screen and (orientation:landscape) and (max-width: 959px)';
-$tablet-landscape: 'only screen and (orientation:landscape) and (min-width: 960px) and (max-width: 1279px)';
-$desktop-landscape: 'only screen and (orientation:landscape) and (min-width: 1280px)';
-
-$mobile: $mobile-portrait + ',' + $mobile-landscape;
-$tablet: $tablet-portrait + ',' + $tablet-landscape;
-$desktop: $desktop-portrait + ',' + $desktop-landscape;
-
-$portrait: 'only screen and (orientation:portrait)';
-$landscape: 'only screen and (orientation:landscape)';
-
-$xsmall-screen: 'only screen and (max-width: 599px)';
-$small-screen: 'only screen and (min-width: 600px) and (max-width: 959px)';
-$medium-screen: 'only screen and (min-width: 960px) and (max-width: 1280px)';
-$large-screen: 'only screen and (min-width: 1280px) and (max-width: 1919px)';
-$xlarge-screen: 'only screen and (min-width: 1920px)';
-
-@mixin mobile {
-  @media #{$mobile} {
-    @content;
-  }
-}
-
-@mixin tablet {
-  @media #{$tablet} {
-    @content;
-  }
-}
-
-@mixin desktop {
-  @media #{$desktop} {
-    @content;
-  }
-}
-
-@mixin portrait {
-  @media #{$portrait} {
-    @content;
-  }
-}
-
-@mixin landscape {
-  @media #{$landscape} {
-    @content;
-  }
-}
-
-@mixin xsmall-screen {
-  @media #{$xsmall-screen} {
-    @content;
-  }
-}
-
-@mixin small-screen {
-  @media #{$small-screen} {
-    @content;
-  }
-}
-
-@mixin medium-screen {
-  @media #{$medium-screen} {
-    @content;
-  }
-}
-
-@mixin large-screen {
-  @media #{$large-screen} {
-    @content;
-  }
-}
-
-@mixin xlarge-screen {
-  @media #{$xlarge-screen} {
-    @content;
-  }
-}
+$mobile-portrait: 'only screen and (orientation:portrait) and (max-width: 599px)';
+$tablet-portrait: 'only screen and (orientation:portrait) and (min-width: 600px) and (max-width: 839px)';
+$desktop-portrait: 'only screen and (orientation:portrait) and (min-width: 840px)';
+
+$mobile-landscape: 'only screen and (orientation:landscape) and (max-width: 959px)';
+$tablet-landscape: 'only screen and (orientation:landscape) and (min-width: 960px) and (max-width: 1279px)';
+$desktop-landscape: 'only screen and (orientation:landscape) and (min-width: 1280px)';
+
+$mobile: $mobile-portrait + ',' + $mobile-landscape;
+$tablet: $tablet-portrait + ',' + $tablet-landscape;
+$desktop: $desktop-portrait + ',' + $desktop-landscape;
+
+$portrait: 'only screen and (orientation:portrait)';
+$landscape: 'only screen and (orientation:landscape)';
+
+$xsmall-screen: 'only screen and (max-width: 599px)';
+$small-screen: 'only screen and (min-width: 600px) and (max-width: 959px)';
+$medium-screen: 'only screen and (min-width: 960px) and (max-width: 1280px)';
+$large-screen: 'only screen and (min-width: 1280px) and (max-width: 1919px)';
+$xlarge-screen: 'only screen and (min-width: 1920px)';
+
+@mixin mobile {
+  @media #{$mobile} {
+    @content;
+  }
+}
+
+@mixin tablet {
+  @media #{$tablet} {
+    @content;
+  }
+}
+
+@mixin desktop {
+  @media #{$desktop} {
+    @content;
+  }
+}
+
+@mixin portrait {
+  @media #{$portrait} {
+    @content;
+  }
+}
+
+@mixin landscape {
+  @media #{$landscape} {
+    @content;
+  }
+}
+
+@mixin xsmall-screen {
+  @media #{$xsmall-screen} {
+    @content;
+  }
+}
+
+@mixin small-screen {
+  @media #{$small-screen} {
+    @content;
+  }
+}
+
+@mixin medium-screen {
+  @media #{$medium-screen} {
+    @content;
+  }
+}
+
+@mixin large-screen {
+  @media #{$large-screen} {
+    @content;
+  }
+}
+
+@mixin xlarge-screen {
+  @media #{$xlarge-screen} {
+    @content;
+  }
+}

package/esm2015/lib/message/message-center/index.js

@@ -1,2 +0,0 @@
-export * from './message-center.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb3JlL3NyYy9saWIvbWVzc2FnZS9tZXNzYWdlLWNlbnRlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9tZXNzYWdlLWNlbnRlci5jb21wb25lbnQnO1xyXG4iXX0=