@flywheel-io/vision 21.1.4-beta.0 → 21.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flywheel-io/vision",
-  "version": "21.1.4-beta.0",
+  "version": "21.2.0",
   "description": "Flywheel UI elements provided as Angular components and native web components",
   "author": "Flywheel",
   "license": "MIT",
@@ -18,6 +18,7 @@
   "dependencies": {
     "@date-fns/tz": "^1.4.1",
     "date-fns": "^2.28.0",
+    "json-logic-js": "^2.0.5",
     "libphonenumber-js": "^1.10.11",
     "tslib": "^2.4.1"
   },

package/scss/config/overlay.scss

@@ -1,8 +1,4 @@
-@use '@angular/cdk' as cdk;
-
 @mixin overlay {
-  @include cdk.overlay;
-
   .vision-overlay {
     background-color: var(--separations-overlay);
     animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);

package/styles.css

@@ -1805,124 +1805,6 @@ a:visited {
   font-style: normal;
   font-display: block;
 }
-.cdk-overlay-container, .cdk-global-overlay-wrapper {
-  pointer-events: none;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-}
-
-.cdk-overlay-container {
-  position: fixed;
-  z-index: 1000;
-}
-.cdk-overlay-container:empty {
-  display: none;
-}
-
-.cdk-global-overlay-wrapper {
-  display: flex;
-  position: absolute;
-  z-index: 1000;
-}
-
-.cdk-overlay-pane {
-  position: absolute;
-  pointer-events: auto;
-  box-sizing: border-box;
-  display: flex;
-  max-width: 100%;
-  max-height: 100%;
-  z-index: 1000;
-}
-
-.cdk-overlay-backdrop {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  pointer-events: auto;
-  -webkit-tap-highlight-color: transparent;
-  opacity: 0;
-  touch-action: manipulation;
-  z-index: 1000;
-  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-@media (prefers-reduced-motion) {
-  .cdk-overlay-backdrop {
-    transition-duration: 1ms;
-  }
-}
-
-.cdk-overlay-backdrop-showing {
-  opacity: 1;
-}
-@media (forced-colors: active) {
-  .cdk-overlay-backdrop-showing {
-    opacity: 0.6;
-  }
-}
-
-.cdk-overlay-dark-backdrop {
-  background: rgba(0, 0, 0, 0.32);
-}
-
-.cdk-overlay-transparent-backdrop {
-  transition: visibility 1ms linear, opacity 1ms linear;
-  visibility: hidden;
-  opacity: 1;
-}
-.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing, .cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
-  opacity: 0;
-  visibility: visible;
-}
-
-.cdk-overlay-backdrop-noop-animation {
-  transition: none;
-}
-
-.cdk-overlay-connected-position-bounding-box {
-  position: absolute;
-  display: flex;
-  flex-direction: column;
-  min-width: 1px;
-  min-height: 1px;
-  z-index: 1000;
-}
-
-.cdk-global-scrollblock {
-  position: fixed;
-  width: 100%;
-  overflow-y: scroll;
-}
-
-.cdk-overlay-popover {
-  background: none;
-  border: none;
-  padding: 0;
-  outline: 0;
-  overflow: visible;
-  position: fixed;
-  pointer-events: none;
-  white-space: normal;
-  color: inherit;
-  text-decoration: none;
-  width: 100%;
-  height: 100%;
-  inset: auto;
-  top: 0;
-  left: 0;
-}
-.cdk-overlay-popover::backdrop {
-  display: none;
-}
-.cdk-overlay-popover .cdk-overlay-backdrop {
-  position: fixed;
-  z-index: auto;
-}
-
 .vision-overlay {
   background-color: var(--separations-overlay);
   animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);