ngwr 6.1.1 → 7.1.0

package/drag-drop/styles/_index.scss

@@ -0,0 +1,99 @@
+// Drag-to-reorder list. Visual chrome lives here; the layout + drop
+// mechanics come from CDK's `cdkDropList` / `cdkDrag` directives.
+//
+// CDK adds these classes during a drag:
+//   .cdk-drag-preview     — floating preview that follows the cursor
+//   .cdk-drag-placeholder — empty slot left at the source position
+//   .cdk-drag-animating   — in the post-drop settle animation
+// We theme them so the default look matches the rest of the lib; apps
+// can override `.cdk-drag-preview` etc. per drop list.
+
+.wr-sortable-list {
+  display: block;
+
+  &__list {
+    display: flex;
+    flex-direction: column;
+    // Row spacing belongs to the list, not the row templates — margins
+    // inside a row get measured into the drag preview and read as a
+    // white rim around the floating card.
+    gap: var(--wr-sortable-list-gap, 0.5rem);
+  }
+
+  &__item {
+    cursor: grab;
+    user-select: none;
+    // No transform transition here — the floating preview clones this
+    // class, and animating transform makes it chase the cursor 180ms
+    // behind. Sibling shuffle/settle transitions are scoped below.
+    transition: box-shadow 0.18s ease;
+
+    &.cdk-drag-disabled {
+      cursor: default;
+    }
+
+    &:active {
+      cursor: grabbing;
+    }
+  }
+}
+
+// Horizontal orientation — the @for stays the same; CDK swaps the
+// pointer-position math when `cdkDropListOrientation="horizontal"`.
+.wr-sortable-list[orientation='horizontal'] .wr-sortable-list__list,
+.wr-sortable-list[data-orientation='horizontal'] .wr-sortable-list__list {
+  flex-direction: row;
+}
+
+// Drag handle — restricts grab cursor to the handle (the row itself
+// stays interactive for clicks / inputs).
+.wr-drag-handle {
+  cursor: grab;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: rgba(var(--wr-color-dark-rgb), 0.45);
+  transition: color 0.15s ease;
+
+  &:hover {
+    color: var(--wr-color-dark);
+  }
+
+  &:active {
+    cursor: grabbing;
+  }
+}
+
+// CDK overlays applied by drag-drop
+
+.cdk-drag-preview {
+  box-sizing: border-box;
+  color: var(--wr-color-dark);
+  font-family: var(--wr-font-family-base);
+  // The preview must track the cursor 1:1 — never animate its transform.
+  transition: none;
+  // The lift-off shadow follows the row template's rendered shape
+  // (drop-shadow, not box-shadow) so the preview box itself never shows
+  // as a white slab around the card. Backdrop token stays black in dark
+  // mode — `--wr-color-dark-rgb` would flip and glow instead.
+  filter: drop-shadow(0 8px 12px rgba(var(--wr-color-backdrop-rgb), 0.24))
+    drop-shadow(0 2px 3px rgba(var(--wr-color-backdrop-rgb), 0.16));
+  // CDK sets pointer-events to none on the preview; we keep visuals only.
+}
+
+.cdk-drag-placeholder {
+  opacity: 0.35;
+  // Subtle dashed outline so users see where the item came from.
+  background: rgba(var(--wr-color-light-rgb), 0.6);
+  border-radius: var(--wr-border-radius-base);
+  outline: 1px dashed rgba(var(--wr-color-dark-rgb), 0.25);
+  outline-offset: -1px;
+}
+
+.cdk-drag-animating {
+  transition: transform 0.18s cubic-bezier(0.2, 0.9, 0.3, 1.1);
+}
+
+.wr-sortable-list__list.cdk-drop-list-dragging .wr-sortable-list__item:not(.cdk-drag-placeholder) {
+  transition: transform 0.18s cubic-bezier(0.2, 0.9, 0.3, 1.1);
+}

package/drawer/styles/_index.scss

@@ -0,0 +1,164 @@
+@use '../../theme/styles' as theme;
+
+.wr-drawer-backdrop {
+  background: rgba(var(--wr-color-backdrop-rgb), 0.45);
+  backdrop-filter: blur(2px);
+}
+
+.wr-drawer-overlay {
+  pointer-events: auto;
+}
+
+.wr-drawer__panel {
+  --wr-drawer-bg: var(--wr-color-white);
+  --wr-drawer-shadow: var(--wr-shadow-modal);
+
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background: var(--wr-drawer-bg);
+  color: var(--wr-color-dark);
+  box-shadow: var(--wr-drawer-shadow);
+  font-family: var(--wr-font-family-base);
+  overflow: hidden;
+
+  &--left {
+    animation: wr-drawer-slide-left 0.22s ease-out;
+  }
+  &--right {
+    animation: wr-drawer-slide-right 0.22s ease-out;
+  }
+  &--top {
+    animation: wr-drawer-slide-top 0.22s ease-out;
+  }
+  &--bottom {
+    animation: wr-drawer-slide-bottom 0.22s ease-out;
+  }
+
+  // Rounded leading corners
+  // The edge facing the viewport interior. Common bottom-sheet styling.
+  &--rounded.wr-drawer__panel--bottom {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+  &--rounded.wr-drawer__panel--top {
+    border-bottom-left-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+  &--rounded.wr-drawer__panel--left {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+  &--rounded.wr-drawer__panel--right {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  // Safe-area padding on the trailing edge
+  &--safe-area.wr-drawer__panel--bottom {
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+  &--safe-area.wr-drawer__panel--top {
+    padding-top: env(safe-area-inset-top);
+  }
+  &--safe-area.wr-drawer__panel--left {
+    padding-left: env(safe-area-inset-left);
+  }
+  &--safe-area.wr-drawer__panel--right {
+    padding-right: env(safe-area-inset-right);
+  }
+}
+
+.wr-drawer {
+  // Grab handle (visual swipe-to-dismiss affordance)
+  &__handle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.5rem 0;
+    flex: 0 0 auto;
+    cursor: grab;
+    user-select: none;
+  }
+
+  &__grabber {
+    display: block;
+    width: 2.5rem;
+    height: 0.25rem;
+    border-radius: 999px;
+    background: rgba(var(--wr-color-dark-rgb), 0.18);
+  }
+
+  &__title {
+    margin: 0;
+    padding: 1rem 1.25rem;
+    color: var(--wr-color-dark);
+    font-size: 1.0625rem;
+    font-weight: 600;
+    line-height: 1.5rem;
+    border-bottom: 1px solid var(--wr-color-light);
+  }
+
+  &__content {
+    flex: 1 1 auto;
+    padding: 1rem 1.25rem;
+    overflow: auto;
+    font-size: 0.9375rem;
+    line-height: 1.5rem;
+  }
+
+  &__footer {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.75rem 1.25rem;
+    border-top: 1px solid var(--wr-color-light);
+
+    &--start {
+      justify-content: flex-start;
+    }
+    &--center {
+      justify-content: center;
+    }
+    &--end {
+      justify-content: flex-end;
+    }
+  }
+}
+
+@keyframes wr-drawer-slide-left {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+@keyframes wr-drawer-slide-right {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+@keyframes wr-drawer-slide-top {
+  from {
+    transform: translateY(-100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+
+@keyframes wr-drawer-slide-bottom {
+  from {
+    transform: translateY(100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}

package/dropdown/styles/_index.scss

@@ -1,91 +1,111 @@
-@forward "./vars";
+@use '../../theme/styles' as theme;
+
+// `.wr-dropdown` is the inline trigger marker; the menu and overlay live
+// in the CDK overlay portal and so are separate blocks, not elements.
 
 .wr-dropdown {
-  &-trigger {
-    cursor: pointer;
-  }
+  cursor: pointer;
+}
 
-  &-menu {
-    display: flex;
-    flex-direction: column;
-    min-width: var(--wr-dropdown-min-width);
-    padding: var(--wr-dropdown-padding);
-    box-shadow: var(--wr-dropdown-shadow);
-    background: var(--wr-dropdown-bg);
-    border: 1px solid var(--wr-dropdown-border-color);
-    border-radius: var(--wr-dropdown-border-radius);
-  }
+.wr-dropdown-trigger {
+  cursor: pointer;
+}
+
+.wr-dropdown-menu {
+  --wr-dropdown-bg: var(--wr-color-white);
+  --wr-dropdown-border: var(--wr-color-light);
+  --wr-dropdown-radius: var(--wr-border-radius-base);
+  --wr-dropdown-shadow: var(--wr-shadow-overlay);
+  --wr-dropdown-min-width: 10rem;
+  --wr-dropdown-padding: 0.25rem;
 
-  &--top, &--topRight, &--topLeft {
-    padding-bottom: 4px;
+  display: flex;
+  flex-direction: column;
+  min-width: var(--wr-dropdown-min-width);
+  padding: var(--wr-dropdown-padding);
+  background: var(--wr-dropdown-bg);
+  border: 1px solid var(--wr-dropdown-border);
+  @include theme.smooth-br(var(--wr-dropdown-radius));
+  box-shadow: var(--wr-dropdown-shadow);
+  font-family: var(--wr-font-family-base);
+  // Match popover / popconfirm / context-menu open feel.
+  animation: wr-overlay-in var(--wr-overlay-duration) var(--wr-overlay-ease);
+  transform-origin: top left;
+}
+
+.wr-dropdown-overlay {
+  // Positional offsets between trigger and menu by side.
+  &--top,
+  &--top-start,
+  &--top-end {
+    padding-bottom: 0.25rem;
   }
 
-  &--bottom, &--bottomLeft, &--bottomRight {
-    padding-top: 4px;
+  &--bottom,
+  &--bottom-start,
+  &--bottom-end {
+    padding-top: 0.25rem;
   }
 
   &--left {
-    padding-right: 4px;
+    padding-right: 0.25rem;
   }
 
   &--right {
-    padding-left: 4px;
+    padding-left: 0.25rem;
   }
 }
 
 .wr-dropdown-item {
-  position: relative;
+  --wr-dropdown-item-padding-y: 0.375rem;
+  --wr-dropdown-item-padding-x: 0.625rem;
+  --wr-dropdown-item-color: var(--wr-color-dark);
+  --wr-dropdown-item-bg-hover: rgba(var(--wr-color-light-rgb), 0.4);
+  --wr-dropdown-item-radius: var(--wr-border-radius-sm);
+
   display: flex;
   align-items: center;
-  width: 100%;
-  height: var(--wr-dropdown-item-height);
-  padding: var(--wr-dropdown-item-padding);
-  background: none;
-  border: none;
-  cursor: pointer;
-  user-select: none;
+  gap: 0.5rem;
+  appearance: none;
+  background: transparent;
+  border: 0;
+  padding: var(--wr-dropdown-item-padding-y) var(--wr-dropdown-item-padding-x);
+  border-radius: var(--wr-dropdown-item-radius);
   color: var(--wr-dropdown-item-color);
-  text-align: left;
   font: inherit;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  text-align: left;
   white-space: nowrap;
-  transition: all var(--wr-transition-base);
-
-  &:not(&--disabled) {
-    &:hover {
-      background-color: var(--wr-dropdown-item-hover-bg);
-    }
-
-    &:focus {
-      background-color: var(--wr-dropdown-item-hover-bg);
-      outline: none;
-    }
-
-    &:active {
-      background-color: var(--wr-dropdown-item-active-bg);
-    }
-  }
+  cursor: pointer;
+  user-select: none;
+  transition: background var(--wr-transition-short);
 
-  &__content {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    font-size: var(--wr-dropdown-item-font-size);
-    gap: var(--wr-dropdown-item-gap);
+  &:hover,
+  &:focus-visible {
+    background: var(--wr-dropdown-item-bg-hover);
+    outline: none;
   }
 
   &__icon {
-    --wr-icon-size: var(--wr-dropdown-item-icon-size);
+    --wr-icon-size: 1rem;
+    flex: 0 0 auto;
+    color: var(--wr-color-medium);
   }
 
   &__label {
-    flex: 1;
-    text-overflow: ellipsis;
+    flex: 1 1 auto;
     overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   &--disabled {
+    color: var(--wr-color-medium);
     cursor: not-allowed;
-    color: var(--wr-dropdown-item-disabled-color);
-    pointer-events: none;
+    opacity: 0.6;
+
+    &:hover {
+      background: transparent;
+    }
   }
 }

package/empty/styles/_index.scss

@@ -0,0 +1,49 @@
+@use '../../theme/styles' as theme;
+
+.wr-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  padding: 2rem 1rem;
+  // Claim the parent's box so the empty state reads as "this whole area
+  // has nothing" rather than a tiny pill floating top-left. Consumers
+  // that want a compact inline empty can override `width`/`min-height`.
+  width: 100%;
+  min-height: 100%;
+  color: var(--wr-color-medium);
+  text-align: center;
+
+  &__icon {
+    color: var(--wr-color-medium);
+    opacity: 0.6;
+    margin-bottom: 0.25rem;
+  }
+
+  &__title {
+    color: var(--wr-color-dark);
+    font-size: var(--wr-text-base);
+    font-weight: var(--wr-font-weight-semibold);
+  }
+
+  &__description {
+    font-size: var(--wr-text-sm);
+    color: var(--wr-color-medium);
+    max-width: 32rem;
+
+    &:empty {
+      display: none;
+    }
+  }
+
+  &__actions {
+    margin-top: 0.5rem;
+    display: flex;
+    gap: 0.5rem;
+
+    &:empty {
+      display: none;
+    }
+  }
+}

package/falling-text/falling-text.scss

@@ -0,0 +1 @@
+@forward './styles';

package/falling-text/styles/_index.scss

@@ -0,0 +1,30 @@
+.wr-falling-text {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  touch-action: none; // pointer-driven drag — disable browser scroll on touch
+
+  &__words {
+    line-height: 1.4;
+  }
+
+  &__word {
+    display: inline-block;
+    will-change: transform;
+    user-select: none;
+    cursor: grab;
+
+    &:active {
+      cursor: grabbing;
+    }
+
+    &--hl {
+      color: var(--wr-color-primary);
+    }
+  }
+
+  &__space {
+    display: inline;
+    white-space: pre;
+  }
+}

package/fesm2022/ngwr-affix.mjs

@@ -0,0 +1,102 @@
+import { coerceNumberProperty } from '@angular/cdk/coercion';
+import { isPlatformBrowser } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, output, inject, ElementRef, DestroyRef, PLATFORM_ID, afterNextRender, Directive } from '@angular/core';
+
+/**
+ * @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
+ */
+/**
+ * Stick-on-scroll directive. Combines native CSS `position: sticky` with
+ * an `IntersectionObserver`-driven `--affixed` state class, so consumers
+ * can style the element differently while it's pinned (e.g. add a
+ * shadow, change the background, shrink the height).
+ *
+ * The host gets `position: sticky; top: ${offsetTop}px;` inline. A tiny
+ * sentinel `<div>` is inserted just before the host — when the sentinel
+ * scrolls out of view, the host is "stuck" and gets `wr-affix--active`
+ * + an `(wrAffixChange)` emission.
+ *
+ * Works inside any scroll container without configuration — CSS sticky
+ * picks the nearest scrollable ancestor automatically.
+ *
+ * @example
+ * ```html
+ * <header wrAffix [wrAffixOffsetTop]="0">
+ *   <!-- adds a shadow once stuck -->
+ * </header>
+ * ```
+ *
+ * ```scss
+ * header.wr-affix.wr-affix--active {
+ *   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+ * }
+ * ```
+ */
+class WrAffix {
+    /** Pixels from the top of the scroll container when stuck. @default 0 */
+    offsetTop = input(0, { ...(ngDevMode ? { debugName: "offsetTop" } : /* istanbul ignore next */ {}), alias: 'wrAffixOffsetTop',
+        transform: (v) => coerceNumberProperty(v, 0) });
+    /** Emits `true` when the element becomes affixed, `false` when it unsticks. */
+    // eslint-disable-next-line @angular-eslint/no-output-rename -- keep wr-prefixed binding to match `[wrAffix]`
+    affixChange = output({ alias: 'wrAffixChange' });
+    host = inject(ElementRef);
+    destroyRef = inject(DestroyRef);
+    isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    constructor() {
+        if (!this.isBrowser)
+            return;
+        afterNextRender(() => {
+            const el = this.host.nativeElement;
+            const parent = el.parentElement;
+            if (!parent)
+                return;
+            // Sentinel: an empty zero-height block placed immediately before
+            // the host. When the sentinel scrolls out of view, the host is
+            // necessarily "stuck" at the configured offset.
+            const sentinel = el.ownerDocument.createElement('div');
+            sentinel.className = 'wr-affix__sentinel';
+            sentinel.setAttribute('aria-hidden', 'true');
+            sentinel.style.cssText = 'height:0;width:100%;margin:0;padding:0;pointer-events:none;';
+            parent.insertBefore(sentinel, el);
+            const observer = new IntersectionObserver(([entry]) => {
+                const affixed = !entry.isIntersecting;
+                el.classList.toggle('wr-affix--active', affixed);
+                this.affixChange.emit(affixed);
+            }, {
+                // Trigger when the sentinel's top crosses the offset line.
+                rootMargin: `-${this.offsetTop()}px 0px 0px 0px`,
+                threshold: [0],
+            });
+            observer.observe(sentinel);
+            this.destroyRef.onDestroy(() => {
+                observer.disconnect();
+                sentinel.remove();
+                el.classList.remove('wr-affix--active');
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: WrAffix, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: WrAffix, isStandalone: true, selector: "[wrAffix]", inputs: { offsetTop: { classPropertyName: "offsetTop", publicName: "wrAffixOffsetTop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { affixChange: "wrAffixChange" }, host: { properties: { "style.position": "\"sticky\"", "style.top.px": "offsetTop()" }, classAttribute: "wr-affix" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: WrAffix, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wrAffix]',
+                    host: {
+                        class: 'wr-affix',
+                        '[style.position]': '"sticky"',
+                        '[style.top.px]': 'offsetTop()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { offsetTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrAffixOffsetTop", required: false }] }], affixChange: [{ type: i0.Output, args: ["wrAffixChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrAffix };
+//# sourceMappingURL=ngwr-affix.mjs.map

package/fesm2022/ngwr-affix.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-affix.mjs","sources":["../../../projects/lib/affix/affix.ts","../../../projects/lib/affix/ngwr-affix.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport { DestroyRef, Directive, ElementRef, PLATFORM_ID, afterNextRender, inject, input, output } from '@angular/core';\n\n/**\n * Stick-on-scroll directive. Combines native CSS `position: sticky` with\n * an `IntersectionObserver`-driven `--affixed` state class, so consumers\n * can style the element differently while it's pinned (e.g. add a\n * shadow, change the background, shrink the height).\n *\n * The host gets `position: sticky; top: ${offsetTop}px;` inline. A tiny\n * sentinel `<div>` is inserted just before the host — when the sentinel\n * scrolls out of view, the host is \"stuck\" and gets `wr-affix--active`\n * + an `(wrAffixChange)` emission.\n *\n * Works inside any scroll container without configuration — CSS sticky\n * picks the nearest scrollable ancestor automatically.\n *\n * @example\n * ```html\n * <header wrAffix [wrAffixOffsetTop]=\"0\">\n *   <!-- adds a shadow once stuck -->\n * </header>\n * ```\n *\n * ```scss\n * header.wr-affix.wr-affix--active {\n *   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n * }\n * ```\n */\n@Directive({\n  selector: '[wrAffix]',\n  host: {\n    class: 'wr-affix',\n    '[style.position]': '\"sticky\"',\n    '[style.top.px]': 'offsetTop()',\n  },\n})\nexport class WrAffix {\n  /** Pixels from the top of the scroll container when stuck. @default 0 */\n  readonly offsetTop = input(0, {\n    alias: 'wrAffixOffsetTop',\n    transform: (v: unknown): number => coerceNumberProperty(v, 0),\n  });\n\n  /** Emits `true` when the element becomes affixed, `false` when it unsticks. */\n  // eslint-disable-next-line @angular-eslint/no-output-rename -- keep wr-prefixed binding to match `[wrAffix]`\n  readonly affixChange = output<boolean>({ alias: 'wrAffixChange' });\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  constructor() {\n    if (!this.isBrowser) return;\n\n    afterNextRender(() => {\n      const el = this.host.nativeElement;\n      const parent = el.parentElement;\n      if (!parent) return;\n\n      // Sentinel: an empty zero-height block placed immediately before\n      // the host. When the sentinel scrolls out of view, the host is\n      // necessarily \"stuck\" at the configured offset.\n      const sentinel = el.ownerDocument.createElement('div');\n      sentinel.className = 'wr-affix__sentinel';\n      sentinel.setAttribute('aria-hidden', 'true');\n      sentinel.style.cssText = 'height:0;width:100%;margin:0;padding:0;pointer-events:none;';\n      parent.insertBefore(sentinel, el);\n\n      const observer = new IntersectionObserver(\n        ([entry]) => {\n          const affixed = !entry.isIntersecting;\n          el.classList.toggle('wr-affix--active', affixed);\n          this.affixChange.emit(affixed);\n        },\n        {\n          // Trigger when the sentinel's top crosses the offset line.\n          rootMargin: `-${this.offsetTop()}px 0px 0px 0px`,\n          threshold: [0],\n        }\n      );\n      observer.observe(sentinel);\n\n      this.destroyRef.onDestroy(() => {\n        observer.disconnect();\n        sentinel.remove();\n        el.classList.remove('wr-affix--active');\n      });\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}