@ni/ok-components 1.6.4 → 1.6.6

package/dist/all-components-bundle.js

@@ -121,6 +121,50 @@
   if ($global.trustedTypes === void 0) {
       $global.trustedTypes = { createPolicy: (n, r) => r };
   }
+  // Shims of globals for SSR environments that load client code in the server module graph
+  // Shim only what is not defined in-case SSR env is loading their own polyfills (which would need to be loaded first).
+  for (const name of [
+      "Node",
+      "Element",
+      "HTMLElement",
+      "ShadowRoot",
+      "Event",
+      "CustomEvent",
+      "MutationObserver",
+      "ResizeObserver",
+      "IntersectionObserver",
+      "CSSStyleSheet"
+  ]) {
+      if (typeof ($global[name]) === "undefined") {
+          $global[name] = class {
+          };
+      }
+  }
+  // Minimal custom elements registry for the react wrapper to leverage for tag names
+  if (typeof ($global.customElements) === "undefined") {
+      const constructorsByName = new Map();
+      const namesByConstructor = new Map();
+      $global.customElements = {
+          define(name, constructor) {
+              if (!constructorsByName.has(name)) {
+                  constructorsByName.set(name, constructor);
+                  namesByConstructor.set(constructor, name);
+              }
+          },
+          get(name) {
+              return constructorsByName.get(name);
+          },
+          getName(constructor) {
+              return namesByConstructor.get(constructor) ?? null;
+          },
+          whenDefined() {
+              return Promise.resolve();
+          },
+          upgrade() {
+              // no-op
+          },
+      };
+  }
   const propConfig = {
       configurable: false,
       enumerable: false,
@@ -250,7 +294,9 @@
       /**
        * Indicates whether the DOM supports the adoptedStyleSheets feature.
        */
-      supportsAdoptedStyleSheets: Array.isArray(document.adoptedStyleSheets) &&
+      supportsAdoptedStyleSheets: typeof document !== "undefined" &&
+          typeof CSSStyleSheet !== "undefined" &&
+          Array.isArray(document.adoptedStyleSheets) &&
           "replace" in CSSStyleSheet.prototype,
       /**
        * Sets the HTML trusted types policy used by the templating engine.
@@ -6913,7 +6959,8 @@
   /**
    * @alpha
    */
-  const supportsElementInternals = ElementInternalsKey in window &&
+  const supportsElementInternals = typeof window !== "undefined" &&
+      ElementInternalsKey in window &&
       "setFormValue" in window[ElementInternalsKey].prototype;
   const InternalsMap = new WeakMap();
   /**
@@ -9021,7 +9068,7 @@
       return false;
   }
 
-  const defaultElement = document.createElement("div");
+  const defaultElement = typeof document === "undefined" ? {} : document.createElement("div");
   function isFastElement(element) {
       return element instanceof FASTElement;
   }
@@ -9195,7 +9242,7 @@
        * @param root - the root to normalize
        */
       static normalizeRoot(root) {
-          return root === defaultElement ? document : root;
+          return (root === defaultElement && typeof document !== "undefined") ? document : root;
       }
   }
   // Caches PropertyTarget instances
@@ -9212,6 +9259,12 @@
    */
   const PropertyTargetManager = Object.freeze({
       getOrCreate(source) {
+          if (typeof document === "undefined") {
+              return {
+                  setProperty() { },
+                  removeProperty() { },
+              };
+          }
           if (propertyTargetCache.has(source)) {
               /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
               return propertyTargetCache.get(source);
@@ -14922,7 +14975,10 @@
    */
   class DocumentElementLang {
       constructor() {
-          this.lang = document.documentElement.lang;
+          this.lang = typeof document === 'undefined' ? '' : document.documentElement.lang;
+          if (typeof document === 'undefined') {
+              return;
+          }
           const observer = new MutationObserver(mutations => {
               for (const mutation of mutations) {
                   if (mutation.type === 'attributes'
@@ -70337,9 +70393,6 @@ img.ProseMirror-separator {
         --ni-private-switch-indicator-size: 24px;
         --ni-private-switch-indicator-inner-size: 18px;
         --ni-private-switch-indicator-margin: -2px;
-        padding-bottom: calc(
-            ${controlHeight} - var(--ni-private-switch-height)
-        );
     }
 
     :host([disabled]) {
@@ -70364,6 +70417,12 @@ img.ProseMirror-separator {
     .switch-container {
         display: flex;
         align-items: center;
+        ${'' /*
+    Reserve space around the 24px control to fill a 32px height until we have a switch 32 design.
+    See: https://github.com/ni/nimble/issues/3013
+*/}
+        padding-top: 2px;
+        padding-bottom: 6px;
     }
 
     slot[name='unchecked-message']::slotted(*) {
@@ -103169,6 +103228,7 @@ focus outline in that case.
           /** @internal */
           this.attachmentsIsEmpty = true;
           this.updateScrollbarWidthQueued = false;
+          this.fieldSizingSupported = CSS.supports('field-sizing', 'content');
       }
       slottedFooterActionsElementsChanged(_prev, next) {
           this.footerActionsIsEmpty = next === undefined || next.length === 0;
@@ -103290,7 +103350,7 @@ focus outline in that case.
       // Workaround for browsers that do not support the CSS property `field-sizing: content`
       // See https://github.com/ni/nimble/issues/2902
       adjustTextAreaHeight() {
-          if (ChatInput.fieldSizingSupported || !this.textArea) {
+          if (this.fieldSizingSupported || !this.textArea) {
               return;
           }
           const textArea = this.textArea;
@@ -103302,7 +103362,6 @@ focus outline in that case.
           this.scrollbarWidth = this.textArea.offsetWidth - this.textArea.clientWidth;
       }
   }
-  ChatInput.fieldSizingSupported = CSS.supports('field-sizing', 'content');
   __decorate([
       attr
   ], ChatInput.prototype, "placeholder", void 0);