@skyux/core 12.1.0 → 12.2.0

package/fesm2022/skyux-core.mjs

@@ -4110,29 +4110,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
         }] });
 
 const CLS_VIEWKEEPER_FIXED = 'sky-viewkeeper-fixed';
+const CLS_VIEWKEEPER_FIXED_NOT_LAST = 'sky-viewkeeper-fixed-not-last';
+const CLS_VIEWKEEPER_BOUNDARY = 'sky-viewkeeper-boundary';
 const EVT_AFTER_VIEWKEEPER_SYNC = 'afterViewkeeperSync';
-let styleEl;
 let nextIdIndex;
-function ensureStyleEl() {
-    if (!styleEl) {
-        styleEl = document.createElement('style');
-        const css = document.createTextNode(`
-.${CLS_VIEWKEEPER_FIXED} {
-  position: fixed !important;
-  z-index: 999;
-  opacity: 0.95;
-  overflow: hidden;
-}
-
-.sky-theme-modern .${CLS_VIEWKEEPER_FIXED} {
-  box-shadow: 0px 1px 8px -1px rgba(0, 0, 0, 0.3);
-  opacity: initial;
-}
-`);
-        styleEl.appendChild(css);
-        document.head.appendChild(styleEl);
-    }
-}
 function nextId() {
     nextIdIndex = (nextIdIndex || 0) + 1;
     return 'viewkeeper-' + nextIdIndex;
@@ -4225,7 +4206,7 @@ class SkyViewkeeper {
         window.addEventListener('scroll', this.#syncElPositionHandler, true);
         window.addEventListener('resize', this.#syncElPositionHandler);
         window.addEventListener('orientationchange', this.#syncElPositionHandler);
-        ensureStyleEl();
+        this.#boundaryEl.classList.add(CLS_VIEWKEEPER_BOUNDARY);
         this.syncElPosition(el, boundaryEl);
     }
     syncElPosition(el, boundaryEl) {
@@ -4240,9 +4221,11 @@ class SkyViewkeeper {
         if (this.#needsUpdating(doFixEl, fixedStyles)) {
             if (doFixEl) {
                 this.#fixEl(el, boundaryInfo, fixedStyles);
+                this.#verticalOffsetEl?.classList.add(CLS_VIEWKEEPER_FIXED_NOT_LAST);
             }
             else {
                 this.#unfixEl(el);
+                this.#verticalOffsetEl?.classList.remove(CLS_VIEWKEEPER_FIXED_NOT_LAST);
             }
         }
         const evt = createCustomEvent(EVT_AFTER_VIEWKEEPER_SYNC);
@@ -4259,8 +4242,10 @@ class SkyViewkeeper {
             }
             if (this.#verticalOffsetEl) {
                 this.#verticalOffsetEl.removeEventListener(EVT_AFTER_VIEWKEEPER_SYNC, this.#syncElPositionHandler);
+                this.#verticalOffsetEl.classList.remove(CLS_VIEWKEEPER_FIXED_NOT_LAST);
             }
             this.#spacerResizeObserver?.disconnect();
+            this.#boundaryEl?.classList.remove(CLS_VIEWKEEPER_BOUNDARY);
             this.#el =
                 this.#boundaryEl =
                     this.#verticalOffsetEl =
@@ -4612,7 +4597,7 @@ class Version {
 /**
  * Represents the version of @skyux/core.
  */
-const VERSION = new Version('12.1.0');
+const VERSION = new Version('12.2.0');
 
 /**
  * Generated bundle index. Do not edit.