@nectary/components 5.42.5-rc.0 → 5.43.1

package/utils/element.d.ts

@@ -1,25 +1,118 @@
-import { NectaryElementBase } from '@nectary/shared';
-import type { ComponentName } from './component-names';
+// Generated by dts-bundle-generator v9.5.1
+
+export type SinchElementName = `sinch-${string}`;
+declare class NectaryElementBase extends HTMLElement {
+	private static _isGlobal;
+	static get elementName(): SinchElementName;
+	static get isGlobal(): boolean;
+	static set isGlobal(value: boolean);
+}
+declare const BASE_COMPONENT_NAMES_LIST: readonly [
+	"accordion-item",
+	"accordion",
+	"action-menu-option",
+	"action-menu",
+	"alert",
+	"avatar",
+	"badge",
+	"button-group-item",
+	"button-group",
+	"button",
+	"card-container",
+	"card-v2-title",
+	"card-v2",
+	"checkbox",
+	"chip",
+	"code-tag",
+	"color-menu-option",
+	"color-menu",
+	"color-swatch",
+	"date-picker",
+	"dialog",
+	"emoji-picker",
+	"emoji",
+	"field",
+	"field-v2",
+	"file-drop",
+	"file-picker",
+	"file-status",
+	"flag",
+	"floating-panel",
+	"floating-panel-button",
+	"floating-panel-icon-button",
+	"grid-item",
+	"grid",
+	"help-tooltip",
+	"icon",
+	"inline-alert",
+	"input",
+	"link",
+	"list-item",
+	"list",
+	"pagination",
+	"persistent-overlay",
+	"pop",
+	"popover",
+	"progress-stepper-item-v2",
+	"progress-stepper-item",
+	"progress-stepper-v2",
+	"progress-stepper",
+	"progress",
+	"radio-option",
+	"radio",
+	"rich-text",
+	"rich-textarea",
+	"rich-textarea-chip",
+	"segment-collapse",
+	"segmented-control-option",
+	"segmented-control",
+	"segmented-icon-control-option",
+	"segmented-icon-control",
+	"select-button",
+	"select-menu-option",
+	"select-menu",
+	"sheet",
+	"sheet-title",
+	"skeleton-item",
+	"skeleton",
+	"spinner",
+	"stop-events",
+	"table-body",
+	"table-cell",
+	"table-head-cell",
+	"table-head",
+	"table-row",
+	"table",
+	"tabs-icon-option",
+	"tabs-option",
+	"tabs",
+	"tag",
+	"text",
+	"textarea",
+	"time-picker",
+	"title",
+	"toast-manager",
+	"toast",
+	"toggle",
+	"tooltip"
+];
+export type ComponentName = `sinch-${typeof BASE_COMPONENT_NAMES_LIST[number]}`;
 export declare const pascalToKebabCase: (str: string) => string;
 export declare const registerComponent: (name: ComponentName, constructor: CustomElementConstructor) => void;
 export declare const defineCustomElement: (name: ComponentName, constructor?: CustomElementConstructor) => Promise<void>;
-interface SetNectaryRegistryOptions {
-    manualRegistration?: boolean;
+export interface SetNectaryRegistryOptions {
+	manualRegistration?: boolean;
 }
 export declare const setNectaryRegistry: (registry?: CustomElementRegistry, options?: SetNectaryRegistryOptions) => void;
 export declare const resetNectaryRegistry: () => void;
-declare global {
-    interface ShadowRootInit {
-        customElements?: CustomElementRegistry;
-    }
-}
 export declare class NectaryElement extends NectaryElementBase {
-    #private;
-    attachShadow(options?: Partial<ShadowRootInit>): ShadowRoot;
-    version: string;
-    get focusable(): boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    get isDomConnected(): boolean;
+	#private;
+	attachShadow(options?: Partial<ShadowRootInit>): ShadowRoot;
+	version: string;
+	get focusable(): boolean;
+	connectedCallback(): void;
+	disconnectedCallback(): void;
+	get isDomConnected(): boolean;
 }
+
 export {};

package/utils/element.js

@@ -1,7 +1,7 @@
 import { NectaryElementBase, sinchElementNameToBase } from "./shared/nectary-element-base.js";
 import { getConstructor } from "./shared/global-elements-store.js";
-import { C as COMPONENTS_STORE_KEY } from "../global-components-constants.js";
-const version = "5.42.5-rc.0";
+import { COMPONENTS_STORE_KEY } from "./global-components-constants.js";
+const version = "5.0.1";
 const pkg = {
   version
 };

package/utils/global-components-manager.d.ts

@@ -1,8 +1,51 @@
-import { GlobalElementsManager } from '@nectary/shared';
+// Generated by dts-bundle-generator v9.5.1
+
+export type SinchElementName = `sinch-${string}`;
+export interface GlobalManagerConfig {
+	storeKey: symbol;
+	registryUrl: string;
+	baseElementNames: Set<string>;
+	nameToPathMap?: Map<string, string>;
+}
+export interface GlobalManagerInitOptions {
+	/**
+	 * URL to resolve the modules from
+	 */
+	cdnUrl: string;
+	/**
+	 * Fallback URL to resolve the modules from if `cdnUrl` fails
+	 */
+	fallbackCdnUrl?: string;
+	/**
+	 * Preloads all components from the bundle.js module
+	 */
+	preload?: boolean;
+	/**
+	 * Target version of the library to resolve
+	 *
+	 * If left unspecified, it will resolve to the latest version
+	 */
+	targetlibVersion?: string;
+}
+declare abstract class GlobalElementsManager {
+	private config;
+	constructor(config: GlobalManagerConfig);
+	getConstructor(name: SinchElementName): Promise<CustomElementConstructor> | null;
+	private patchCustomElements;
+	private toClassName;
+	private loadModule;
+	private createLoader;
+	private preloadBundle;
+	init(options: GlobalManagerInitOptions): Promise<void>;
+	whenLoaded(): Promise<void>;
+	private getModulePath;
+	preload(name: SinchElementName | SinchElementName[] | "all"): Promise<void>;
+}
 declare class GlobalComponentsManagerImpl extends GlobalElementsManager {
-    private static instance;
-    constructor();
-    static getInstance(): GlobalComponentsManagerImpl;
+	private static instance;
+	constructor();
+	static getInstance(): GlobalComponentsManagerImpl;
 }
 export declare const GlobalComponentsManager: GlobalComponentsManagerImpl;
+
 export {};

package/utils/global-components-manager.js

@@ -1,95 +1,6 @@
 import { GlobalElementsManager } from "./shared/global-elements-manager.js";
-import { a as COMPONENTS_REGISTRY_URL, C as COMPONENTS_STORE_KEY } from "../global-components-constants.js";
-const BASE_COMPONENT_NAMES_LIST = [
-  "accordion-item",
-  "accordion",
-  "action-menu-option",
-  "action-menu",
-  "alert",
-  "avatar",
-  "badge",
-  "button-group-item",
-  "button-group",
-  "button",
-  "card-container",
-  "card-v2-title",
-  "card-v2",
-  "checkbox",
-  "chip",
-  "code-tag",
-  "color-menu-option",
-  "color-menu",
-  "color-swatch",
-  "date-picker",
-  "dialog",
-  "emoji-picker",
-  "emoji",
-  "field",
-  "field-v2",
-  "file-drop",
-  "file-picker",
-  "file-status",
-  "flag",
-  "floating-panel",
-  "floating-panel-button",
-  "floating-panel-icon-button",
-  "grid-item",
-  "grid",
-  "help-tooltip",
-  "icon",
-  "inline-alert",
-  "input",
-  "link",
-  "list-item",
-  "list",
-  "pagination",
-  "persistent-overlay",
-  "pop",
-  "popover",
-  "progress-stepper-item-v2",
-  "progress-stepper-item",
-  "progress-stepper-v2",
-  "progress-stepper",
-  "progress",
-  "radio-option",
-  "radio",
-  "rich-text",
-  "rich-textarea",
-  "rich-textarea-chip",
-  "segment-collapse",
-  "segmented-control-option",
-  "segmented-control",
-  "segmented-icon-control-option",
-  "segmented-icon-control",
-  "select-button",
-  "select-menu-option",
-  "select-menu",
-  "sheet",
-  "sheet-title",
-  "skeleton-item",
-  "skeleton",
-  "spinner",
-  "stop-events",
-  "table-body",
-  "table-cell",
-  "table-head-cell",
-  "table-head",
-  "table-row",
-  "table",
-  "tabs-icon-option",
-  "tabs-option",
-  "tabs",
-  "tag",
-  "text",
-  "textarea",
-  "time-picker",
-  "title",
-  "toast-manager",
-  "toast",
-  "toggle",
-  "tooltip"
-];
-const BASE_COMPONENT_NAMES = new Set(BASE_COMPONENT_NAMES_LIST);
+import { BASE_COMPONENT_NAMES } from "./component-names.js";
+import { COMPONENTS_REGISTRY_URL, COMPONENTS_STORE_KEY } from "./global-components-constants.js";
 class GlobalComponentsManagerImpl extends GlobalElementsManager {
   static instance = null;
   constructor() {

package/utils/index.js

@@ -1,75 +1,75 @@
-import { C, s } from "../context.js";
-import { C as C2, g, p, u, a } from "../csv.js";
-import { a as a2, b, c, d, e, f, g as g2, h, i, j, k, l, m, n, o, p as p2, q, r, s as s2, t, u as u2, v, w, x, y, z, A, B, C as C3 } from "../dom.js";
-import { N, d as d2, p as p3, r as r2, a as a3, s as s3 } from "../element.js";
-import { g as g3, a as a4, r as r3 } from "../rect.js";
-import { g as g4, a as a5, i as i2 } from "../slot.js";
-import { t as t2 } from "../throttle.js";
-import { d as d3, a as a6 } from "../debounce.js";
-import { g as g5 } from "../get-react-event-handler.js";
-import { i as i3, p as p4 } from "../markdown.js";
-import { g as g6, a as a7, b as b2, i as i4 } from "../event-target.js";
-import { i as i5 } from "../control-keyboard-navigation.js";
-import { g as g7 } from "../uid.js";
+import { Context, subscribeContext } from "./context.js";
+import { CSV_DELIMITER, getFirstCsvValue, packCsv, unpackCsv, updateCsv } from "./csv.js";
+import { applyRange, attrValueToFloat, attrValueToInteger, attrValueToPixels, clampNumber, cloneNode, composedContains, createScopedElement, getAttribute, getBooleanAttribute, getCssVar, getCssVars, getDeepActiveElement, getIntegerAttribute, getLiteralAttribute, getScrollableParents, getTransformedAncestor, hasClass, isAttrEqual, isAttrTrue, isLiteralValue, isTransformedElement, setClass, shouldReduceMotion, updateAttribute, updateBooleanAttribute, updateExplicitBooleanAttribute, updateIntegerAttribute, updateLiteralAttribute } from "./dom.js";
+import { NectaryElement, defineCustomElement, pascalToKebabCase, registerComponent, resetNectaryRegistry, setNectaryRegistry } from "./element.js";
+import { getRect, getTargetRect, rectOverlap } from "./rect.js";
+import { getFirstFocusableElement, getFirstSlotElement, isElementFocused } from "./slot.js";
+import { throttleAnimationFrame } from "./throttle.js";
+import { debounceAnimationFrame, debounceTimeout } from "./debounce.js";
+import { getReactEventHandler } from "./get-react-event-handler.js";
+import { isEmojiString, parseMarkdown } from "./markdown.js";
+import { getTargetAttribute, getTargetByAttribute, getTargetIndexInParent, isTargetEqual } from "./event-target.js";
+import { isActivationKey } from "./control-keyboard-navigation.js";
+import { getUid } from "./uid.js";
 export {
-  C2 as CSV_DELIMITER,
-  C as Context,
-  N as NectaryElement,
-  a2 as applyRange,
-  b as attrValueToFloat,
-  c as attrValueToInteger,
-  d as attrValueToPixels,
-  e as clampNumber,
-  f as cloneNode,
-  g2 as composedContains,
-  h as createScopedElement,
-  d3 as debounceAnimationFrame,
-  a6 as debounceTimeout,
-  d2 as defineCustomElement,
-  i as getAttribute,
-  j as getBooleanAttribute,
-  k as getCssVar,
-  l as getCssVars,
-  m as getDeepActiveElement,
-  g as getFirstCsvValue,
-  g4 as getFirstFocusableElement,
-  a5 as getFirstSlotElement,
-  n as getIntegerAttribute,
-  o as getLiteralAttribute,
-  g5 as getReactEventHandler,
-  g3 as getRect,
-  p2 as getScrollableParents,
-  g6 as getTargetAttribute,
-  a7 as getTargetByAttribute,
-  b2 as getTargetIndexInParent,
-  a4 as getTargetRect,
-  q as getTransformedAncestor,
-  g7 as getUid,
-  r as hasClass,
-  i5 as isActivationKey,
-  s2 as isAttrEqual,
-  t as isAttrTrue,
-  i2 as isElementFocused,
-  i3 as isEmojiString,
-  u2 as isLiteralValue,
-  i4 as isTargetEqual,
-  v as isTransformedElement,
-  p as packCsv,
-  p4 as parseMarkdown,
-  p3 as pascalToKebabCase,
-  r3 as rectOverlap,
-  r2 as registerComponent,
-  a3 as resetNectaryRegistry,
-  w as setClass,
-  s3 as setNectaryRegistry,
-  x as shouldReduceMotion,
-  s as subscribeContext,
-  t2 as throttleAnimationFrame,
-  u as unpackCsv,
-  y as updateAttribute,
-  z as updateBooleanAttribute,
-  a as updateCsv,
-  A as updateExplicitBooleanAttribute,
-  B as updateIntegerAttribute,
-  C3 as updateLiteralAttribute
+  CSV_DELIMITER,
+  Context,
+  NectaryElement,
+  applyRange,
+  attrValueToFloat,
+  attrValueToInteger,
+  attrValueToPixels,
+  clampNumber,
+  cloneNode,
+  composedContains,
+  createScopedElement,
+  debounceAnimationFrame,
+  debounceTimeout,
+  defineCustomElement,
+  getAttribute,
+  getBooleanAttribute,
+  getCssVar,
+  getCssVars,
+  getDeepActiveElement,
+  getFirstCsvValue,
+  getFirstFocusableElement,
+  getFirstSlotElement,
+  getIntegerAttribute,
+  getLiteralAttribute,
+  getReactEventHandler,
+  getRect,
+  getScrollableParents,
+  getTargetAttribute,
+  getTargetByAttribute,
+  getTargetIndexInParent,
+  getTargetRect,
+  getTransformedAncestor,
+  getUid,
+  hasClass,
+  isActivationKey,
+  isAttrEqual,
+  isAttrTrue,
+  isElementFocused,
+  isEmojiString,
+  isLiteralValue,
+  isTargetEqual,
+  isTransformedElement,
+  packCsv,
+  parseMarkdown,
+  pascalToKebabCase,
+  rectOverlap,
+  registerComponent,
+  resetNectaryRegistry,
+  setClass,
+  setNectaryRegistry,
+  shouldReduceMotion,
+  subscribeContext,
+  throttleAnimationFrame,
+  unpackCsv,
+  updateAttribute,
+  updateBooleanAttribute,
+  updateCsv,
+  updateExplicitBooleanAttribute,
+  updateIntegerAttribute,
+  updateLiteralAttribute
 };

package/utils/placement.js

@@ -1,4 +1,4 @@
-import { v as isTransformedElement, q as getTransformedAncestor } from "../dom.js";
+import { isTransformedElement, getTransformedAncestor } from "./dom.js";
 const resolveTransformedAncestor = (node, ancestorHint) => {
   if (node != null && ancestorHint != null && ancestorHint.isConnected && isTransformedElement(ancestorHint) && (ancestorHint === node || ancestorHint.contains(node))) {
     return ancestorHint;

package/utils/rect.js

@@ -1,4 +1,4 @@
-import { a as getFirstSlotElement } from "../slot.js";
+import { getFirstSlotElement } from "./slot.js";
 const getRect = (el) => {
   const { x, y, width, height } = el.getBoundingClientRect();
   return { x, y, width, height };

package/utils/shared/cdn-loader.js

@@ -0,0 +1,136 @@
+const getNonEsmShModuleFile = (modulePath) => {
+  if (modulePath === "bundle") {
+    return "bundle.js";
+  }
+  return `${modulePath}/index.js`;
+};
+const getImportPath = (cdnUrl, version, modulePath) => {
+  if (cdnUrl.length === 0) {
+    return null;
+  }
+  const host = new URL(cdnUrl).host;
+  if (host === "esm.sh") {
+    if (version.length !== 0) {
+      return `${cdnUrl}@${version}/es2022/${modulePath}.mjs`;
+    }
+    return `${cdnUrl}/${modulePath}`;
+  }
+  const moduleFile = getNonEsmShModuleFile(modulePath);
+  if (version.length !== 0) {
+    return `${cdnUrl}/${version}/${moduleFile}`;
+  }
+  return `${cdnUrl}/latest/${moduleFile}`;
+};
+const getCssImportPath = (cdnUrl, version, modulePath) => {
+  if (cdnUrl.length === 0) {
+    return null;
+  }
+  const host = new URL(cdnUrl).host;
+  if (host === "esm.sh") {
+    if (cdnUrl.includes("theme-base")) {
+      modulePath = `dist/${modulePath}`;
+    }
+    if (version.length !== 0) {
+      return `${cdnUrl}@${version}/es2022/${modulePath}.css`;
+    }
+    return `${cdnUrl}/${modulePath}`;
+  }
+  if (version.length !== 0) {
+    return `${cdnUrl}/${version}/${modulePath}.js`;
+  }
+  return `${cdnUrl}/latest/${modulePath}.js`;
+};
+const FALLBACK_DELAY_MS = 2e3;
+const loadModuleWithFallback = async (options) => {
+  const { cdnUrl, fallbackCdnUrl, version, modulePath, logPrefix = "CDN" } = options;
+  const importPath = getImportPath(cdnUrl, version, modulePath);
+  const fallbackImportPath = getImportPath(fallbackCdnUrl, version, modulePath);
+  const promises = [
+    import(
+      /* webpackIgnore: true */
+      importPath
+    )
+  ];
+  let timeoutId = null;
+  if (fallbackImportPath !== null) {
+    promises.push(
+      new Promise((resolve) => {
+        timeoutId = setTimeout(() => resolve(import(
+          /* webpackIgnore: true */
+          fallbackImportPath
+        )), FALLBACK_DELAY_MS);
+      })
+    );
+  }
+  try {
+    const module = await Promise.any(promises);
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+    }
+    return module;
+  } catch (error) {
+    if (error instanceof AggregateError) {
+      console.error(`${logPrefix} primary load failed: ${importPath}`, error.errors[0]);
+      if (fallbackImportPath !== null) {
+        console.error(`${logPrefix} fallback load failed: ${fallbackImportPath}`, error.errors[1]);
+      }
+    } else {
+      console.error(`${logPrefix} failed to load module: ${importPath}`, error);
+    }
+    throw error;
+  }
+};
+const fetchCSS = async (url) => {
+  const res = await fetch(url);
+  if (!res.ok) {
+    throw new Error(`CSS fetch failed: ${res.status} ${url}`);
+  }
+  const css = await res.text();
+  return { default: css };
+};
+const loadCSSFromUrl = (url) => {
+  if (url.endsWith(".css")) {
+    return fetchCSS(url);
+  }
+  return import(
+    /* webpackIgnore: true */
+    url
+  );
+};
+const loadCSSModuleWithFallback = async (options) => {
+  const { cdnUrl, fallbackCdnUrl, version, modulePath, logPrefix = "CDN" } = options;
+  const importPath = getCssImportPath(cdnUrl, version, modulePath);
+  const fallbackImportPath = getCssImportPath(fallbackCdnUrl, version, modulePath);
+  const promises = [
+    loadCSSFromUrl(importPath)
+  ];
+  let timeoutId = null;
+  if (fallbackImportPath !== null) {
+    promises.push(
+      new Promise((resolve) => {
+        timeoutId = setTimeout(() => resolve(loadCSSFromUrl(fallbackImportPath)), FALLBACK_DELAY_MS);
+      })
+    );
+  }
+  try {
+    const module = await Promise.any(promises);
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+    }
+    return module;
+  } catch (error) {
+    if (error instanceof AggregateError) {
+      console.error(`${logPrefix} primary load failed: ${importPath}`, error.errors[0]);
+      if (fallbackImportPath !== null) {
+        console.error(`${logPrefix} fallback load failed: ${fallbackImportPath}`, error.errors[1]);
+      }
+    } else {
+      console.error(`${logPrefix} failed to load module: ${importPath}`, error);
+    }
+    throw error;
+  }
+};
+export {
+  loadCSSModuleWithFallback,
+  loadModuleWithFallback
+};

package/utils/shared/deferred-promise.js

@@ -0,0 +1,10 @@
+const createDeferredPromise = () => {
+  let resolve;
+  const promise = new Promise((r) => {
+    resolve = r;
+  });
+  return { promise, resolve };
+};
+export {
+  createDeferredPromise
+};