ngwr 3.0.0 → 4.0.0

package/styles/colors.scss

@@ -0,0 +1,72 @@
+:root {
+  --wr-color-white: #fff;
+  --wr-color-white-rgb: 255,255,255;
+
+  --wr-color-black: #000;
+  --wr-color-black-rgb: 0,0,0;
+
+  --wr-color-primary: #3969e2;
+  --wr-color-primary-contrast: #f2f4fa;
+  --wr-color-primary-rgb: 57,105,226;
+  --wr-color-primary-dark: #2A5DDF;
+  --wr-color-primary-darker: #2053d5;
+  --wr-color-primary-light: #4E78E4;
+  --wr-color-primary-lighter: #5F86E7;
+
+  --wr-color-secondary: #f51c6a;
+  --wr-color-secondary-contrast: #faf2f4;
+  --wr-color-secondary-rgb: 245,28,106;
+  --wr-color-secondary-dark: #EB0A5C;
+  --wr-color-secondary-darker: #D70955;
+  --wr-color-secondary-light: #F73B80;
+  --wr-color-secondary-lighter: #F84F8D;
+
+  --wr-color-success: #00a400;
+  --wr-color-success-contrast: #e6f6e6;
+  --wr-color-success-rgb: 0,164,0;
+  --wr-color-success-dark: #008F00;
+  --wr-color-success-darker: #007A00;
+  --wr-color-success-light: #00A400;
+  --wr-color-success-lighter: #00B800;
+
+  --wr-color-warning: #ffba00;
+  --wr-color-warning-contrast: #171616;
+  --wr-color-warning-rgb: 255,186,0;
+  --wr-color-warning-dark: #F5B400;
+  --wr-color-warning-darker: #E0A500;
+  --wr-color-warning-light: #FFC31F;
+  --wr-color-warning-lighter: #FFC933;
+
+  --wr-color-danger: #fa383e;
+  --wr-color-danger-contrast: #ffebec;
+  --wr-color-danger-rgb: 250,56,62;
+  --wr-color-danger-dark: #e13238;
+  --wr-color-danger-darker: #d53035;
+  --wr-color-danger-light: #fb565b;
+  --wr-color-danger-lighter: #fb7478;
+
+  --wr-color-light: #cbd5e1;
+  --wr-color-light-contrast: #020617;
+  --wr-color-light-rgb: 203,213,225;
+  --wr-color-light-dark: #BECBDA;
+  --wr-color-light-darker: #B1C0D2;
+  --wr-color-light-light: #D8E0E9;
+  --wr-color-light-lighter: #E5EAF0;
+
+  --wr-color-medium: #8594a4;
+  --wr-color-medium-contrast: #ebf2fa;
+  --wr-color-medium-rgb: 71,85,105;
+  --wr-color-medium-dark: #7E8EA0;
+  --wr-color-medium-darker: #728497;
+  --wr-color-medium-light: #95A3B1;
+  --wr-color-medium-lighter: #A1ADBA;
+
+  --wr-color-dark: #0f172a;
+  --wr-color-dark-contrast: #eff2f8;
+  --wr-color-dark-rgb: 15,23,42;
+  --wr-color-dark-dark: #0B111E;
+  --wr-color-dark-darker: #05080F;
+  --wr-color-dark-light: #16213C;
+  --wr-color-dark-lighter: #1B294B;
+}
+

package/styles/grid.scss

@@ -1,6 +1,5 @@
-@use '../styles/maps';
+@use './maps';
 
-// Variables
 $columns-count: 12;
 $gap: #{var(--wr-grid-gutter)};
 

package/styles/reset.scss

@@ -34,8 +34,8 @@ body {
 }
 
 *,
-*::before,
-*::after {
+*:before,
+*:after {
   box-sizing: border-box;
   margin: 0;
   padding: 0;

package/styles/variables.scss

@@ -0,0 +1,78 @@
+html {
+  color-scheme: light;
+
+  /* Fonts */
+  --wr-font-family-base: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+  'Noto Color Emoji';
+  --wr-font-family-mono: SFMono-Regular, Consolas, 'Liberation Mono', Courier, Menlo, Monaco, monospace;
+  --wr-font-size-base: 1rem;
+  --wr-font-weight-base: 400;
+  --wr-line-height-base: 1.5;
+  --wr-letter-spacing-base: 0;
+
+  /* Transitions */
+  --wr-transition-base: all 0.15s linear;
+  --wr-transition-short: all 0.1s linear;
+  --wr-transition-long: all 0.2s linear;
+
+  /* Borders */
+  --wr-border-radius-base: 0.625rem;
+  --wr-border-color-base: var(--wr-color-light);
+
+  /* Body */
+  --wr-body-bg: #fff;
+  --wr-body-bg-rgb: 255,255,255;
+  --wr-body-color: var(--wr-color-dark);
+
+  /* Grid */
+  --wr-grid-gutter: 1.5rem;
+
+  /* Dialog */
+  --wr-dialog-bg: #fff;
+  --wr-dialog-min-width: 20rem;
+  --wr-dialog-title-color: var(--wr-color-dark);
+  --wr-dialog-padding-x: 1rem;
+  --wr-dialog-padding-y: 1rem;
+
+  /* Divider */
+  --wr-divider-width-base: 1px;
+  --wr-divider-color-base: var(--wr-color-light);
+  --wr-divider-margin-top-base: 0.5rem;
+  --wr-divider-margin-bottom-base: 0.5rem;
+
+  /* Tag */
+  --wr-tag-padding-y: 0.25rem;
+  --wr-tag-padding-x: 0.5rem;
+  --wr-tag-border-radius-base: 0.25rem;
+  --wr-tag-font-size-base: 0.75rem;
+  --wr-tag-line-height-base: 1rem;
+  --wr-tag-font-weight-base: 600;
+  --wr-tag-rounded-padding-y: 0.25rem;
+  --wr-tag-rounded-padding-x: 0.75rem;
+  --wr-tag-rounded-border-radius: 50rem;
+
+  &.dark {
+    color-scheme: dark;
+
+    --wr-body-bg: #0c0815;
+    --wr-body-bg-rgb: 12,8,21;
+    --wr-body-color: #fff;
+
+    --wr-border-color-base: #211638;
+
+    /* Dialog */
+    --wr-dialog-bg: #18152a;
+    --wr-dialog-min-width: 20rem;
+    --wr-dialog-title-color: #fff;
+
+    /* Checkbox */
+    --wr-checkbox-color-base: var(--wr-color-white);
+
+    --wr-input-bg: #18152a;
+    --wr-input-suffix-prefix-color: rgba(var(--wr-color-white-rgb), 0.5);
+    --wr-input-suffix-prefix-bg: rgba(var(--wr-color-primary-rgb), 0.125);
+    --wr-input-border-color: #493d7e;
+    --wr-input-color: #fff;
+  }
+}

package/styles.scss

@@ -0,0 +1,23 @@
+@forward './styles/maps';
+@forward './styles/colors';
+@forward './styles/variables';
+@forward './styles/grid' show media-up, media-down;
+@forward './styles/reset';
+@forward './styles/animations';
+@forward './styles/cdk';
+
+@forward './alert/styles';
+@forward './avatar/styles';
+@forward './button/styles';
+@forward './checkbox/styles';
+@forward './dialog/styles';
+@forward './divider/styles';
+@forward './form/styles';
+@forward './icon/styles';
+@forward './input/styles';
+@forward './progress/styles';
+@forward './qr/styles';
+@forward './skeleton/styles';
+@forward './spinner/styles';
+@forward './tag/styles';
+//@forward './tooltip';

package/tag/index.d.ts

@@ -1,2 +1,5 @@
-export { WrTag } from './tag';
-export { WrTagModule } from './tag-module';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ngwr/tag" />
+export * from './public-api';

package/tag/public-api.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+export * from './tag.component';
+export * from './tag.module';

package/tag/styles/_index.scss

@@ -0,0 +1,32 @@
+@forward './vars';
+@forward './theming';
+
+.wr-tag {
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+
+  appearance: none;
+  text-decoration: none;
+  list-style: none;
+
+  white-space: nowrap;
+  word-wrap: break-word;
+
+  color: var(--wr-tag-color);
+  background-color: var(--wr-tag-bg-color);
+
+  border-radius: var(--wr-tag-border-radius);
+  border: 1px solid var(--wr-tag-border-color);
+
+  font-family: var(--wr-tag-font-family);
+  font-size: var(--wr-tag-font-size);
+  font-weight: var(--wr-tag-font-weight);
+  line-height: var(--wr-tag-line-height);
+
+  padding: var(--wr-tag-padding-y) var(--wr-tag-padding-x);
+
+  &--rounded {
+    --wr-tag-border-radius: 50rem;
+  }
+}

package/tag/styles/theming.scss

@@ -0,0 +1,21 @@
+@use '../../styles/maps' as maps;
+
+@each $color in maps.$theme-colors-map {
+  .wr-tag--color-#{$color} {
+    --wr-tag-color: var(--wr-color-#{$color}-contrast);
+    --wr-tag-border-color: var(--wr-color-#{$color});
+    --wr-tag-bg-color: var(--wr-color-#{$color});
+
+    &.wr-tag--outlined {
+      --wr-tag-color: var(--wr-color-#{$color});
+      --wr-tag-bg-color: rgba(var(--wr-color-#{$color}-rgb), 0.05);
+      --wr-tag-border-color: rgba(var(--wr-color-#{$color}-rgb), 0.25);
+    }
+
+    &.wr-tag--transparent {
+      --wr-tag-color: var(--wr-color-#{$color});
+      --wr-tag-bg-color: rgba(var(--wr-color-#{$color}-rgb), 0.1);
+      --wr-tag-border-color: transparent;
+    }
+  }
+}

package/tag/styles/vars.scss

@@ -0,0 +1,12 @@
+:root {
+  --wr-tag-color: var(--wr-color-dark);
+  --wr-tag-bg-color: var(--wr-color-white);
+  --wr-tag-border-color: var(--wr-color-light);
+  --wr-tag-font-size: 0.75rem;
+  --wr-tag-font-weight: 500;
+  --wr-tag-font-family: var(--wr-font-family-base);
+  --wr-tag-line-height: 1rem;
+  --wr-tag-border-radius: 0.375rem;
+  --wr-tag-padding-y: 0.125rem;
+  --wr-tag-padding-x: 0.375rem;
+}

package/tag/tag.component.d.ts

@@ -0,0 +1,21 @@
+import { SafeAny, WrThemeColor } from 'ngwr/cdk/types';
+import { wrIconName } from 'ngwr/icon';
+import * as i0 from "@angular/core";
+export declare class WrTagComponent {
+    color: WrThemeColor;
+    icon: wrIconName | null;
+    iconPosition: 'start' | 'end';
+    outlined: boolean;
+    rounded: boolean;
+    transparent: boolean;
+    hoverable: boolean;
+    loading: boolean;
+    get elClasses(): SafeAny;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrTagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrTagComponent, "wr-tag", never, { "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; }; "hoverable": { "alias": "hoverable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_outlined: unknown;
+    static ngAcceptInputType_rounded: unknown;
+    static ngAcceptInputType_transparent: unknown;
+    static ngAcceptInputType_hoverable: unknown;
+    static ngAcceptInputType_loading: unknown;
+}

package/tag/tag.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tag.component";
+export declare class WrTagModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrTagModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WrTagModule, never, [typeof i1.WrTagComponent], [typeof i1.WrTagComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WrTagModule>;
+}

package/_grid.scss

@@ -1,2 +0,0 @@
-@forward './styles/maps';
-@forward './styles/grid' show media-up, media-down;

package/_index.scss

@@ -1,31 +0,0 @@
-/*!
- * Copyright 2022-2023 Garuna LLP
- * Copyright 2022-2023 Stingray Technologies LLP
- *
- * Licensed under MIT
- *
- * https://github.com/thekhegay/ngwr
- */
-
-@forward './styles/maps';
-
-@forward './styles/root';
-@forward './styles/reset';
-@forward './styles/grid' show media-up, media-down;
-@forward './styles/animations';
-@forward './styles/cdk';
-
-@forward './backdrop/backdrop';
-@forward './button/button';
-@forward './checkbox/checkbox';
-@forward './dialog/dialog';
-@forward './divider/divider';
-@forward './form/form';
-@forward './icon/icon';
-@forward './input/input';
-@forward './qrcode/qrcode';
-@forward './skeleton/skeleton';
-@forward './spinner/spinner';
-@forward './tag/tag';
-@forward './tooltip/tooltip';
-

package/backdrop/backdrop.scss

@@ -1,3 +0,0 @@
-.wr-backdrop {
-  background: rgba(var(--wr-color-black-rgb), 0.875);
-}

package/button/button.scss

@@ -1,160 +0,0 @@
-@use '../styles/maps' as maps;
-
-.wr-btn {
-  --wr-btn-bg: var(--wr-color-primary);
-  --wr-btn-bg-rgb: var(--wr-color-primary-rgb);
-  --wr-btn-text-color: var(--wr-color-primary-contrast);
-  --wr-btn-shade: var(--wr-color-primary-shade);
-
-  --wr-btn-font-size: var(--wr-btn-font-size-base);
-  --wr-btn-line-height: var(--wr-btn-line-height-base);
-
-  --wr-btn-border-radius: var(--wr-btn-border-radius-base);
-
-  --wr-btn-padding-y: var(--wr-btn-padding-y-base);
-  --wr-btn-padding-x: var(--wr-btn-padding-x-base);
-
-  --wr-btn-icon-size: var(--wr-btn-icon-size-base);
-  --wr-btn-icon-margin: var(--wr-btn-icon-margin-base);
-
-  display: inline-block;
-
-  padding: var(--wr-btn-padding-y) var(--wr-btn-padding-x);
-
-  font-family: var(--wr-btn-font-family-base);
-  font-size: var(--wr-btn-font-size);
-  font-weight: var(--wr-btn-font-weight-base);
-  line-height: var(--wr-btn-line-height);
-
-  text-align: center;
-  text-decoration: none;
-  vertical-align: middle;
-
-  cursor: pointer;
-  user-select: none;
-
-  border: none;
-  border-radius: var(--wr-btn-border-radius);
-
-  transition: var(--wr-transition-short);
-
-  position: relative;
-
-  color: var(--wr-btn-text-color);
-  background-color: var(--wr-btn-bg);
-
-  &:hover {
-    text-decoration: none;
-    background-color: var(--wr-btn-shade);
-  }
-
-  &--outlined {
-    color: var(--wr-btn-bg);
-    background-color: transparent;
-    box-shadow: inset 0 0 0 var(--wr-btn-border-width) rgba(var(--wr-btn-bg-rgb), 0.375);
-
-    &:hover {
-      color: var(--wr-btn-text-color);
-      background-color: var(--wr-btn-bg);
-      box-shadow: none;
-    }
-  }
-
-  &--rounded {
-    --wr-btn-border-radius: var(--wr-btn-rounded-border-radius);
-    --wr-btn-padding-x: var(--wr-btn-rounded-padding-x);
-    --wr-btn-padding-y: var(--wr-btn-rounded-padding-y);
-  }
-
-  &--size {
-    &-small {
-      --wr-btn-font-size: var(--wr-btn-font-size-small);
-      --wr-btn-padding-x: var(--wr-btn-padding-x-small);
-      --wr-btn-padding-y: var(--wr-btn-padding-y-small);
-      --wr-btn-icon-size: var(--wr-btn-font-size-small);
-    }
-  }
-
-  &[disabled],
-  &:disabled,
-  &.disabled {
-    color: var(--wr-color-medium) !important;
-    background-color: var(--wr-color-light) !important;
-    background-image: none;
-    border: none;
-    box-shadow: none !important;
-    pointer-events: none;
-
-    .wr-btn__icon,
-    .wr-btn__spin {
-      color: var(--wr-color-medium);
-    }
-  }
-
-  &__text {
-    display: inline-block;
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
-    line-height: inherit;
-    word-break: break-word;
-    padding: 0;
-    transition: var(--wr-transition-base);
-  }
-
-  &__spin {
-    position: absolute;
-    z-index: 3;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-  }
-
-  &__icon {
-    width: var(--wr-btn-icon-size) !important;
-    height: var(--wr-btn-icon-size) !important;
-    min-width: var(--wr-btn-icon-size) !important;
-    min-height: var(--wr-btn-icon-size) !important;
-    transition: var(--wr-transition-base) !important;
-  }
-
-  &--icon {
-    &-start {
-      padding-left: calc(var(--wr-btn-padding-x) - 0.0825rem);
-
-      .wr-btn__icon {
-        margin-right: var(--wr-btn-icon-margin);
-      }
-    }
-
-    &-end {
-      .wr-btn__icon {
-        margin-left: var(--wr-btn-icon-margin);
-      }
-    }
-  }
-
-  &--loading {
-    pointer-events: none;
-
-    .wr-btn__text,
-    .wr-btn__icon,{
-      opacity: 0;
-    }
-  }
-
-
-  &--full-width {
-    display: block;
-    width: 100%;
-  }
-}
-
-@each $color in maps.$theme-colors-map {
-  .wr-btn--color-#{$color} {
-    --wr-btn-bg: var(--wr-color-#{$color});
-    --wr-btn-bg-rgb: var(--wr-color-#{$color}-rgb);
-    --wr-btn-text-color: var(--wr-color-#{$color}-contrast);
-    --wr-btn-shade: var(--wr-color-#{$color}-shade);
-  }
-}

package/checkbox/checkbox.scss

@@ -1,103 +0,0 @@
-.wr-checkbox {
-  display: inline-block;
-
-  &__container {
-    display: inline-flex;
-    align-items: center;
-    cursor: pointer;
-    padding: 0;
-    margin: 0;
-
-    color: var(--wr-checkbox-color-base);
-    font-size: var(--wr-checkbox-font-size);
-    font-weight: var(--wr-checkbox-font-weight);
-    line-height: var(--wr-checkbox-line-height);
-  }
-
-  &__input {
-    position: absolute;
-    opacity: 0;
-    cursor: pointer;
-    height: 0;
-    width: 0;
-  }
-
-  &-inner {
-    display: inline-flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: var(--wr-checkbox-height);
-    width: var(--wr-checkbox-width);
-
-    margin-right: calc(var(--wr-checkbox-width) / 4);
-
-    border: 1px solid rgba(var(--wr-color-medium-rgb), 0.25);
-    border-radius: var(--wr-checkbox-border-radius);
-
-    transition: var(--wr-transition-base);
-
-    &__mark {
-      display: inline-block;
-      transform: rotate(45deg) translateX(-0.05rem) translateY(-0.05rem) scale(0.1);
-      opacity: 0;
-      height: calc(var(--wr-checkbox-height) / 2);
-      width: calc(var(--wr-checkbox-height) / 3);
-      border-bottom: 0.2rem solid var(--wr-color-white);
-      border-right: 0.2rem solid var(--wr-color-white);
-      transition: var(--wr-transition-short);
-    }
-  }
-
-  &:hover {
-    .wr-checkbox-inner {
-      border-color: var(--wr-color-primary);
-    }
-  }
-
-  &--checked {
-    .wr-checkbox-inner {
-      border-color: var(--wr-color-primary);
-      background: var(--wr-color-primary);
-
-      &__mark {
-        transform: rotate(45deg) translateX(-0.05rem) translateY(-0.05rem) scale(1);
-        opacity: 1;
-      }
-    }
-
-    &:hover {
-      .wr-checkbox-inner {
-        background: rgba(var(--wr-color-primary-rgb), 0.75);
-      }
-    }
-  }
-
-  &--focused {
-    .wr-checkbox-inner {
-      box-shadow: 0 0 0 1.5px rgba(var(--wr-color-primary-rgb), 0.25);
-    }
-  }
-
-  &[disabled],
-  &:disabled,
-  &.disabled {
-    pointer-events: none;
-
-    .wr-checkbox-inner {
-      border-color: rgba(var(--wr-color-medium-rgb), 0.25);
-      background: rgba(var(--wr-color-medium-rgb), 0.25);
-    }
-
-    &.wr-checkbox--checked {
-      .wr-checkbox-inner {
-        background: rgba(var(--wr-color-medium-rgb), 0.25);
-
-        &__mark {
-          border-bottom: 0.2rem solid rgba(var(--wr-color-medium-rgb), 0.75);
-          border-right: 0.2rem solid rgba(var(--wr-color-medium-rgb), 0.75);
-        }
-      }
-    }
-  }
-}

package/core/abstract/index.d.ts

@@ -1 +0,0 @@
-export * from './base';

package/core/color/index.d.ts

@@ -1,2 +0,0 @@
-export * from './color';
-export * from './is-theme-color';

package/core/color/is-theme-color.d.ts

@@ -1,2 +0,0 @@
-import { WrThemeColor } from './color';
-export declare function isThemeColor(color: string): color is WrThemeColor;

package/core/decorators/index.d.ts

@@ -1 +0,0 @@
-export * from './input-boolean';

package/core/decorators/input-boolean.d.ts

@@ -1 +0,0 @@
-export declare function InputBoolean(): PropertyDecorator;

package/core/overlay/connected-overlay-directive.d.ts

@@ -1,16 +0,0 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { CdkConnectedOverlay } from '@angular/cdk/overlay';
-import { WrAbstractBase } from 'ngwr/core/abstract';
-import * as i0 from "@angular/core";
-export declare class WrConnectedOverlayDirective extends WrAbstractBase {
-    private readonly cdkConnectedOverlay;
-    get wrArrowPointAtCenter(): boolean;
-    set wrArrowPointAtCenter(value: BooleanInput);
-    private _arrowPointAtCenter;
-    constructor(cdkConnectedOverlay: CdkConnectedOverlay);
-    private updateArrowPosition;
-    private getFlexibleConnectedPositionStrategyOrigin;
-    private getOriginRect;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrConnectedOverlayDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WrConnectedOverlayDirective, "[cdkConnectedOverlay][wrConnectedOverlay]", ["wrConnectedOverlay"], { "wrArrowPointAtCenter": { "alias": "wrArrowPointAtCenter"; "required": false; }; }, {}, never, never, false, never>;
-}

package/core/overlay/get-placement-name.d.ts

@@ -1,2 +0,0 @@
-import { ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
-export declare function getPlacementName(position: ConnectedOverlayPositionChange): string | undefined;

package/core/overlay/index.d.ts

@@ -1,5 +0,0 @@
-export { WrConnectedOverlayDirective } from './connected-overlay-directive';
-export { getPlacementName } from './get-placement-name';
-export { WrOverlayModule } from './overlay-module';
-export { WR_POSITION_MAP } from './position-map';
-export { WR_POSITION_TYPE } from './position-type';

package/core/overlay/overlay-module.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./connected-overlay-directive";
-export declare class WrOverlayModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrOverlayModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WrOverlayModule, [typeof i1.WrConnectedOverlayDirective], never, [typeof i1.WrConnectedOverlayDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<WrOverlayModule>;
-}