@k2b/ui 0.1.1 → 0.3.0

package/dist/browser/feedback/toast.js

@@ -107,6 +107,7 @@ const showToast = (description, options) => {
   let dismissed = false;
   let dismissTimer = null;
   let currentVariant = options?.variant ?? "default";
+  let currentProgress = options?.progress ?? null;
   let currentDuration = options?.duration ?? DEFAULT_DURATION_MS;
   let remainingDuration = currentDuration;
   let timerStartedAt = 0;
@@ -131,7 +132,7 @@ const showToast = (description, options) => {
   const closeButton = document.createElement("button");
   closeButton.type = "button";
   closeButton.className = "k2b-toast__close";
-  closeButton.setAttribute("aria-label", "Dismiss notification");
+  closeButton.setAttribute("aria-label", options?.dismissLabel ?? "Dismiss notification");
   const closeIcon = document.createElement("i");
   closeIcon.className = "ti ti-x";
   closeIcon.setAttribute("aria-hidden", "true");
@@ -148,7 +149,7 @@ const showToast = (description, options) => {
     clearDismissTimer();
   };
   const resumeDismissTimer = () => {
-    if (dismissed || currentDuration === 0 || remainingDuration <= 0 || pausedByPointer || pausedByFocus) return;
+    if (dismissed || currentProgress !== null || currentDuration === 0 || remainingDuration <= 0 || pausedByPointer || pausedByFocus) return;
     clearDismissTimer();
     timerStartedAt = Date.now();
     dismissTimer = setTimeout(() => dismiss(), remainingDuration);
@@ -170,18 +171,35 @@ const showToast = (description, options) => {
       hideEmptyContainers();
     }, ANIMATION_MS);
   };
+  const progressElement = document.createElement("progress");
+  progressElement.className = "k2b-toast__progress";
+  progressElement.max = 1;
+  const renderProgress = () => {
+    progressElement.hidden = currentProgress === null;
+    progressElement.setAttribute("aria-label", titleElement.textContent || descriptionElement.textContent || "");
+    if (typeof currentProgress === "number") progressElement.value = Number.isFinite(currentProgress) ? Math.max(0, Math.min(1, currentProgress)) : 0;else progressElement.removeAttribute("value");
+  };
+  contentElement.append(progressElement);
+  renderProgress();
   let actionElement = null;
   const renderAction = action => {
     actionElement?.remove();
     actionElement = null;
     if (!action) return;
-    actionElement = document.createElement("a");
+    if ("href" in action) {
+      const link = document.createElement("a");
+      link.href = action.href;
+      actionElement = link;
+    } else {
+      const button = document.createElement("button");
+      button.type = "button";
+      actionElement = button;
+    }
     actionElement.className = "k2b-toast__action";
-    actionElement.href = action.href;
     actionElement.textContent = action.label;
     actionElement.addEventListener("click", event => {
       event.stopPropagation();
-      dismiss();
+      if ("onClick" in action) action.onClick();else dismiss();
     });
     contentElement.appendChild(actionElement);
   };
@@ -207,9 +225,14 @@ const showToast = (description, options) => {
     if (nextOptions && Object.prototype.hasOwnProperty.call(nextOptions, "duration")) {
       currentDuration = nextOptions.duration ?? DEFAULT_DURATION_MS;
     }
+    if (nextOptions && Object.prototype.hasOwnProperty.call(nextOptions, "progress")) currentProgress = nextOptions.progress ?? null;
+    if (nextOptions?.dismissLabel) closeButton.setAttribute("aria-label", nextOptions.dismissLabel);
+    renderProgress();
     resetDismissTimer(currentDuration);
   };
-  toastElement.addEventListener("click", dismiss);
+  toastElement.addEventListener("click", () => {
+    if (currentProgress === null) dismiss();
+  });
   closeButton.addEventListener("click", event => {
     event.stopPropagation();
     dismiss();

package/dist/browser/feedback/toast.js.map

@@ -1 +1 @@
-{"version":3,"names":["getK2bPortalRoot","DEFAULT_DURATION_MS","MAX_VISIBLE_TOASTS","ANIMATION_MS","K2B_TOAST_CONTAINER_ID","CONTAINER_ATTRIBUTE","VARIANT_STYLES","default","tone","iconClass","defaultTitle","success","error","normalizedIconClass","tokens","split","filter","Boolean","token","join","applyIconClass","icon","className","applyLiveRegion","element","variant","isError","setAttribute","liveToasts","Set","ensureContainer","document","root","container","querySelector","createElement","id","style","cssText","appendChild","promoteToTopLayer","showPopover","isConnected","active","matches","next","cloneNode","firstChild","parentElement","remove","removeAttribute","hideEmptyContainers","Array","from","querySelectorAll","childElementCount","hidePopover","renderLead","lead","iconClassOverride","replaceChildren","dataset","showToast","description","options","initialContainer","noop","dismiss","update","dismissed","dismissTimer","currentVariant","currentDuration","duration","remainingDuration","timerStartedAt","pausedByPointer","pausedByFocus","toastElement","k2bToast","leadElement","leadIconElement","contentElement","titleElement","textContent","title","descriptionElement","append","closeButton","type","closeIcon","clearDismissTimer","clearTimeout","pauseDismissTimer","Math","max","Date","now","resumeDismissTimer","setTimeout","resetDismissTimer","delete","handle","closing","actionElement","renderAction","action","href","label","addEventListener","event","stopPropagation","nextDescription","nextOptions","variantChanged","undefined","Object","prototype","hasOwnProperty","call","contains","relatedTarget","add","size","values","value","requestAnimationFrame","open","isPointInsideToast","x","y","containers","child","children","rect","getBoundingClientRect","left","right","top","bottom","toastFn","dismissAll","toast"],"sources":["feedback/toast.ts"],"sourcesContent":["import { getK2bPortalRoot } from \"../internal/portal\";\n\nexport type ToastVariant = \"default\" | \"success\" | \"error\";\n\nexport type ToastAction = {\n  label: string;\n  href: string;\n};\n\nexport type ToastOptions = {\n  variant?: ToastVariant;\n  duration?: number;\n  iconClass?: string;\n  title?: string;\n  action?: ToastAction | null;\n};\n\nexport type ToastHandle = {\n  dismiss: () => void;\n  update: (description: string, options?: ToastOptions) => void;\n};\n\nexport interface ToastFn {\n  (description: string, options?: ToastOptions): ToastHandle;\n  success: (description: string, options?: Omit<ToastOptions, \"variant\">) => ToastHandle;\n  error: (description: string, options?: Omit<ToastOptions, \"variant\">) => ToastHandle;\n  dismissAll: () => void;\n}\n\nconst DEFAULT_DURATION_MS = 3000;\nconst MAX_VISIBLE_TOASTS = 5;\nconst ANIMATION_MS = 200;\nexport const K2B_TOAST_CONTAINER_ID = \"k2b-ui-toast-container\";\nconst CONTAINER_ATTRIBUTE = \"data-k2b-toast-container\";\n\ntype VariantStyle = {\n  tone: \"info\" | \"success\" | \"danger\";\n  iconClass: string;\n  defaultTitle: string;\n};\n\nconst VARIANT_STYLES: Record<ToastVariant, VariantStyle> = {\n  default: {\n    tone: \"info\",\n    iconClass: \"ti-info-circle\",\n    defaultTitle: \"Info\",\n  },\n  success: {\n    tone: \"success\",\n    iconClass: \"ti-check\",\n    defaultTitle: \"Success\",\n  },\n  error: {\n    tone: \"danger\",\n    iconClass: \"ti-x\",\n    defaultTitle: \"Error\",\n  },\n};\n\nconst normalizedIconClass = (iconClass: string): string => {\n  const tokens = iconClass\n    .split(/\\s+/)\n    .filter(Boolean)\n    .filter((token) => token !== \"ti\");\n  return [\"ti\", ...tokens].join(\" \");\n};\n\nconst applyIconClass = (icon: HTMLElement, iconClass: string): void => {\n  icon.className = normalizedIconClass(iconClass);\n};\n\nconst applyLiveRegion = (element: HTMLElement, variant: ToastVariant): void => {\n  const isError = variant === \"error\";\n  element.setAttribute(\"role\", isError ? \"alert\" : \"status\");\n  element.setAttribute(\"aria-live\", isError ? \"assertive\" : \"polite\");\n  element.setAttribute(\"aria-atomic\", \"true\");\n};\n\nconst liveToasts = new Set<ToastHandle>();\n\nconst ensureContainer = (): HTMLElement | null => {\n  if (typeof document === \"undefined\") return null;\n  const root = getK2bPortalRoot();\n  let container = root.querySelector<HTMLElement>(`[${CONTAINER_ATTRIBUTE}]`);\n  if (container) return container;\n\n  container = document.createElement(\"div\");\n  container.id = K2B_TOAST_CONTAINER_ID;\n  container.setAttribute(CONTAINER_ATTRIBUTE, \"\");\n  container.setAttribute(\"popover\", \"manual\");\n  // Keep the source rail geometry inline: it must defeat UA popover defaults\n  // even when a consumer has not loaded the optional package stylesheet yet.\n  container.style.cssText =\n    \"position:fixed;top:auto;left:auto;bottom:env(safe-area-inset-bottom,0px);right:env(safe-area-inset-right,0px);\" +\n    \"z-index:50;box-sizing:border-box;display:flex;flex-direction:column;gap:0.5rem;\" +\n    \"width:min(22rem,calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));\" +\n    \"height:auto;max-width:100vw;\" +\n    \"max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));\" +\n    \"margin:0;padding:1rem;border:0;background:transparent;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;\" +\n    \"pointer-events:none;\";\n  root.appendChild(container);\n  return container;\n};\n\nconst promoteToTopLayer = (container: HTMLElement): HTMLElement => {\n  if (typeof container.showPopover !== \"function\" || !container.isConnected) return container;\n  let active = container;\n  try {\n    if (container.matches(\":popover-open\") || document.querySelector(\"dialog:modal\")) {\n      const next = container.cloneNode(false) as HTMLElement;\n      while (container.firstChild) next.appendChild(container.firstChild);\n      const root = container.parentElement ?? getK2bPortalRoot();\n      container.remove();\n      root.appendChild(next);\n      active = next;\n    }\n    if (!active.matches(\":popover-open\")) active.showPopover();\n  } catch {\n    active.removeAttribute(\"popover\");\n  }\n  return active;\n};\n\n/** Close every empty rail so an emptied container does not linger in the top\n *  layer. Rails are resolved at call time on purpose: `promoteToTopLayer`\n *  swaps the element for a fresh clone, so a container captured when the toast\n *  was created can already be detached by the time the toast is dismissed. */\nconst hideEmptyContainers = (): void => {\n  if (typeof document === \"undefined\") return;\n  for (const container of Array.from(document.querySelectorAll<HTMLElement>(`[${CONTAINER_ATTRIBUTE}]`))) {\n    if (container.childElementCount > 0 || typeof container.hidePopover !== \"function\") continue;\n    try {\n      if (container.matches(\":popover-open\")) container.hidePopover();\n    } catch {\n      // Already hidden or disconnected.\n    }\n  }\n};\n\nconst renderLead = (lead: HTMLElement, variant: ToastVariant, iconClassOverride?: string): HTMLElement => {\n  const style = VARIANT_STYLES[variant];\n  lead.replaceChildren();\n  lead.className = \"k2b-toast__icon\";\n  lead.dataset.tone = style.tone;\n  const icon = document.createElement(\"i\");\n  applyIconClass(icon, iconClassOverride ?? style.iconClass);\n  icon.setAttribute(\"aria-hidden\", \"true\");\n  lead.appendChild(icon);\n  return icon;\n};\n\nconst showToast = (description: string, options?: ToastOptions): ToastHandle => {\n  const initialContainer = ensureContainer();\n  if (!initialContainer) {\n    const noop = () => {};\n    return { dismiss: noop, update: noop };\n  }\n\n  let dismissed = false;\n  let dismissTimer: ReturnType<typeof setTimeout> | null = null;\n  let currentVariant: ToastVariant = options?.variant ?? \"default\";\n  let currentDuration = options?.duration ?? DEFAULT_DURATION_MS;\n  let remainingDuration = currentDuration;\n  let timerStartedAt = 0;\n  let pausedByPointer = false;\n  let pausedByFocus = false;\n\n  const toastElement = document.createElement(\"div\");\n  toastElement.className = \"k2b-toast\";\n  toastElement.dataset.tone = VARIANT_STYLES[currentVariant].tone;\n  toastElement.dataset.k2bToast = \"\";\n\n  const leadElement = document.createElement(\"div\");\n  let leadIconElement = renderLead(leadElement, currentVariant, options?.iconClass);\n\n  const contentElement = document.createElement(\"div\");\n  contentElement.className = \"k2b-toast__content\";\n  applyLiveRegion(contentElement, currentVariant);\n\n  const titleElement = document.createElement(\"div\");\n  titleElement.className = \"k2b-toast__title\";\n  titleElement.textContent = options?.title ?? VARIANT_STYLES[currentVariant].defaultTitle;\n  const descriptionElement = document.createElement(\"div\");\n  descriptionElement.className = \"k2b-toast__description\";\n  descriptionElement.textContent = description;\n  contentElement.append(titleElement, descriptionElement);\n\n  const closeButton = document.createElement(\"button\");\n  closeButton.type = \"button\";\n  closeButton.className = \"k2b-toast__close\";\n  closeButton.setAttribute(\"aria-label\", \"Dismiss notification\");\n  const closeIcon = document.createElement(\"i\");\n  closeIcon.className = \"ti ti-x\";\n  closeIcon.setAttribute(\"aria-hidden\", \"true\");\n  closeButton.appendChild(closeIcon);\n\n  toastElement.append(leadElement, contentElement, closeButton);\n\n  const clearDismissTimer = () => {\n    if (dismissTimer === null) return;\n    clearTimeout(dismissTimer);\n    dismissTimer = null;\n  };\n\n  const pauseDismissTimer = () => {\n    if (dismissTimer === null) return;\n    remainingDuration = Math.max(0, remainingDuration - (Date.now() - timerStartedAt));\n    clearDismissTimer();\n  };\n\n  const resumeDismissTimer = () => {\n    if (dismissed || currentDuration === 0 || remainingDuration <= 0 || pausedByPointer || pausedByFocus) return;\n    clearDismissTimer();\n    timerStartedAt = Date.now();\n    dismissTimer = setTimeout(() => dismiss(), remainingDuration);\n  };\n\n  const resetDismissTimer = (duration: number) => {\n    clearDismissTimer();\n    currentDuration = duration;\n    remainingDuration = duration;\n    resumeDismissTimer();\n  };\n\n  const dismiss = () => {\n    if (dismissed) return;\n    dismissed = true;\n    clearDismissTimer();\n    liveToasts.delete(handle);\n    toastElement.dataset.closing = \"true\";\n    setTimeout(() => {\n      toastElement.remove();\n      hideEmptyContainers();\n    }, ANIMATION_MS);\n  };\n\n  let actionElement: HTMLAnchorElement | null = null;\n  const renderAction = (action: ToastAction | null | undefined) => {\n    actionElement?.remove();\n    actionElement = null;\n    if (!action) return;\n    actionElement = document.createElement(\"a\");\n    actionElement.className = \"k2b-toast__action\";\n    actionElement.href = action.href;\n    actionElement.textContent = action.label;\n    actionElement.addEventListener(\"click\", (event) => {\n      event.stopPropagation();\n      dismiss();\n    });\n    contentElement.appendChild(actionElement);\n  };\n  renderAction(options?.action);\n\n  const update = (nextDescription: string, nextOptions?: ToastOptions) => {\n    if (dismissed) return;\n    descriptionElement.textContent = nextDescription;\n\n    const variantChanged = nextOptions?.variant !== undefined && nextOptions.variant !== currentVariant;\n    if (variantChanged) {\n      currentVariant = nextOptions.variant!;\n      toastElement.dataset.tone = VARIANT_STYLES[currentVariant].tone;\n      leadIconElement = renderLead(leadElement, currentVariant, nextOptions.iconClass);\n      applyLiveRegion(contentElement, currentVariant);\n    } else if (nextOptions?.iconClass !== undefined) {\n      applyIconClass(leadIconElement, nextOptions.iconClass);\n    }\n\n    if (nextOptions && Object.prototype.hasOwnProperty.call(nextOptions, \"title\")) {\n      titleElement.textContent = nextOptions.title ?? \"\";\n    } else if (variantChanged) {\n      titleElement.textContent = VARIANT_STYLES[currentVariant].defaultTitle;\n    }\n    if (nextOptions && Object.prototype.hasOwnProperty.call(nextOptions, \"action\")) renderAction(nextOptions.action);\n    if (nextOptions && Object.prototype.hasOwnProperty.call(nextOptions, \"duration\")) {\n      currentDuration = nextOptions.duration ?? DEFAULT_DURATION_MS;\n    }\n    resetDismissTimer(currentDuration);\n  };\n\n  toastElement.addEventListener(\"click\", dismiss);\n  closeButton.addEventListener(\"click\", (event) => {\n    event.stopPropagation();\n    dismiss();\n  });\n  toastElement.addEventListener(\"pointerenter\", () => {\n    pausedByPointer = true;\n    pauseDismissTimer();\n  });\n  toastElement.addEventListener(\"pointerleave\", () => {\n    pausedByPointer = false;\n    resumeDismissTimer();\n  });\n  toastElement.addEventListener(\"focusin\", () => {\n    pausedByFocus = true;\n    pauseDismissTimer();\n  });\n  toastElement.addEventListener(\"focusout\", (event) => {\n    if (toastElement.contains(event.relatedTarget as Node | null)) return;\n    pausedByFocus = false;\n    resumeDismissTimer();\n  });\n\n  const handle: ToastHandle = { dismiss, update };\n  liveToasts.add(handle);\n  if (liveToasts.size > MAX_VISIBLE_TOASTS) liveToasts.values().next().value?.dismiss();\n  promoteToTopLayer(initialContainer).appendChild(toastElement);\n  requestAnimationFrame(() => {\n    if (!dismissed) toastElement.dataset.open = \"true\";\n  });\n  resetDismissTimer(currentDuration);\n  return handle;\n};\n\nexport const isPointInsideToast = (x: number, y: number): boolean => {\n  if (typeof document === \"undefined\") return false;\n  const containers = Array.from(document.querySelectorAll<HTMLElement>(`[${CONTAINER_ATTRIBUTE}]`));\n  for (const container of containers) {\n    for (const child of Array.from(container.children)) {\n      const rect = child.getBoundingClientRect();\n      if (x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom) return true;\n    }\n  }\n  return false;\n};\n\nconst toastFn = ((description: string, options?: ToastOptions) => showToast(description, options)) as ToastFn;\ntoastFn.success = (description, options) => showToast(description, { ...options, variant: \"success\" });\ntoastFn.error = (description, options) => showToast(description, { ...options, variant: \"error\" });\ntoastFn.dismissAll = () => {\n  for (const handle of Array.from(liveToasts)) handle.dismiss();\n};\n\nexport const toast: ToastFn = toastFn;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getK2bPortalRoot","DEFAULT_DURATION_MS","MAX_VISIBLE_TOASTS","ANIMATION_MS","K2B_TOAST_CONTAINER_ID","CONTAINER_ATTRIBUTE","VARIANT_STYLES","default","tone","iconClass","defaultTitle","success","error","normalizedIconClass","tokens","split","filter","Boolean","token","join","applyIconClass","icon","className","applyLiveRegion","element","variant","isError","setAttribute","liveToasts","Set","ensureContainer","document","root","container","querySelector","createElement","id","style","cssText","appendChild","promoteToTopLayer","showPopover","isConnected","active","matches","next","cloneNode","firstChild","parentElement","remove","removeAttribute","hideEmptyContainers","Array","from","querySelectorAll","childElementCount","hidePopover","renderLead","lead","iconClassOverride","replaceChildren","dataset","showToast","description","options","initialContainer","noop","dismiss","update","dismissed","dismissTimer","currentVariant","currentProgress","progress","currentDuration","duration","remainingDuration","timerStartedAt","pausedByPointer","pausedByFocus","toastElement","k2bToast","leadElement","leadIconElement","contentElement","titleElement","textContent","title","descriptionElement","append","closeButton","type","dismissLabel","closeIcon","clearDismissTimer","clearTimeout","pauseDismissTimer","Math","max","Date","now","resumeDismissTimer","setTimeout","resetDismissTimer","delete","handle","closing","progressElement","renderProgress","hidden","value","Number","isFinite","min","actionElement","renderAction","action","link","href","button","label","addEventListener","event","stopPropagation","onClick","nextDescription","nextOptions","variantChanged","undefined","Object","prototype","hasOwnProperty","call","contains","relatedTarget","add","size","values","requestAnimationFrame","open","isPointInsideToast","x","y","containers","child","children","rect","getBoundingClientRect","left","right","top","bottom","toastFn","dismissAll","toast"],"sources":["feedback/toast.ts"],"sourcesContent":["import { getK2bPortalRoot } from \"../internal/portal\";\n\nexport type ToastVariant = \"default\" | \"success\" | \"error\";\n\nexport type ToastAction = {\n  label: string;\n} & ({ href: string } | { onClick: () => void });\n\nexport type ToastOptions = {\n  variant?: ToastVariant;\n  duration?: number;\n  iconClass?: string;\n  title?: string;\n  action?: ToastAction | null;\n  /** Fraction from 0 to 1, or an indeterminate activity indicator. null removes it. */\n  progress?: number | \"indeterminate\" | null;\n  dismissLabel?: string;\n};\n\nexport type ToastHandle = {\n  dismiss: () => void;\n  update: (description: string, options?: ToastOptions) => void;\n};\n\nexport interface ToastFn {\n  (description: string, options?: ToastOptions): ToastHandle;\n  success: (description: string, options?: Omit<ToastOptions, \"variant\">) => ToastHandle;\n  error: (description: string, options?: Omit<ToastOptions, \"variant\">) => ToastHandle;\n  dismissAll: () => void;\n}\n\nconst DEFAULT_DURATION_MS = 3000;\nconst MAX_VISIBLE_TOASTS = 5;\nconst ANIMATION_MS = 200;\nexport const K2B_TOAST_CONTAINER_ID = \"k2b-ui-toast-container\";\nconst CONTAINER_ATTRIBUTE = \"data-k2b-toast-container\";\n\ntype VariantStyle = {\n  tone: \"info\" | \"success\" | \"danger\";\n  iconClass: string;\n  defaultTitle: string;\n};\n\nconst VARIANT_STYLES: Record<ToastVariant, VariantStyle> = {\n  default: {\n    tone: \"info\",\n    iconClass: \"ti-info-circle\",\n    defaultTitle: \"Info\",\n  },\n  success: {\n    tone: \"success\",\n    iconClass: \"ti-check\",\n    defaultTitle: \"Success\",\n  },\n  error: {\n    tone: \"danger\",\n    iconClass: \"ti-x\",\n    defaultTitle: \"Error\",\n  },\n};\n\nconst normalizedIconClass = (iconClass: string): string => {\n  const tokens = iconClass\n    .split(/\\s+/)\n    .filter(Boolean)\n    .filter((token) => token !== \"ti\");\n  return [\"ti\", ...tokens].join(\" \");\n};\n\nconst applyIconClass = (icon: HTMLElement, iconClass: string): void => {\n  icon.className = normalizedIconClass(iconClass);\n};\n\nconst applyLiveRegion = (element: HTMLElement, variant: ToastVariant): void => {\n  const isError = variant === \"error\";\n  element.setAttribute(\"role\", isError ? \"alert\" : \"status\");\n  element.setAttribute(\"aria-live\", isError ? \"assertive\" : \"polite\");\n  element.setAttribute(\"aria-atomic\", \"true\");\n};\n\nconst liveToasts = new Set<ToastHandle>();\n\nconst ensureContainer = (): HTMLElement | null => {\n  if (typeof document === \"undefined\") return null;\n  const root = getK2bPortalRoot();\n  let container = root.querySelector<HTMLElement>(`[${CONTAINER_ATTRIBUTE}]`);\n  if (container) return container;\n\n  container = document.createElement(\"div\");\n  container.id = K2B_TOAST_CONTAINER_ID;\n  container.setAttribute(CONTAINER_ATTRIBUTE, \"\");\n  container.setAttribute(\"popover\", \"manual\");\n  // Keep the source rail geometry inline: it must defeat UA popover defaults\n  // even when a consumer has not loaded the optional package stylesheet yet.\n  container.style.cssText =\n    \"position:fixed;top:auto;left:auto;bottom:env(safe-area-inset-bottom,0px);right:env(safe-area-inset-right,0px);\" +\n    \"z-index:50;box-sizing:border-box;display:flex;flex-direction:column;gap:0.5rem;\" +\n    \"width:min(22rem,calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));\" +\n    \"height:auto;max-width:100vw;\" +\n    \"max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));\" +\n    \"margin:0;padding:1rem;border:0;background:transparent;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;\" +\n    \"pointer-events:none;\";\n  root.appendChild(container);\n  return container;\n};\n\nconst promoteToTopLayer = (container: HTMLElement): HTMLElement => {\n  if (typeof container.showPopover !== \"function\" || !container.isConnected) return container;\n  let active = container;\n  try {\n    if (container.matches(\":popover-open\") || document.querySelector(\"dialog:modal\")) {\n      const next = container.cloneNode(false) as HTMLElement;\n      while (container.firstChild) next.appendChild(container.firstChild);\n      const root = container.parentElement ?? getK2bPortalRoot();\n      container.remove();\n      root.appendChild(next);\n      active = next;\n    }\n    if (!active.matches(\":popover-open\")) active.showPopover();\n  } catch {\n    active.removeAttribute(\"popover\");\n  }\n  return active;\n};\n\n/** Close every empty rail so an emptied container does not linger in the top\n *  layer. Rails are resolved at call time on purpose: `promoteToTopLayer`\n *  swaps the element for a fresh clone, so a container captured when the toast\n *  was created can already be detached by the time the toast is dismissed. */\nconst hideEmptyContainers = (): void => {\n  if (typeof document === \"undefined\") return;\n  for (const container of Array.from(document.querySelectorAll<HTMLElement>(`[${CONTAINER_ATTRIBUTE}]`))) {\n    if (container.childElementCount > 0 || typeof container.hidePopover !== \"function\") continue;\n    try {\n      if (container.matches(\":popover-open\")) container.hidePopover();\n    } catch {\n      // Already hidden or disconnected.\n    }\n  }\n};\n\nconst renderLead = (lead: HTMLElement, variant: ToastVariant, iconClassOverride?: string): HTMLElement => {\n  const style = VARIANT_STYLES[variant];\n  lead.replaceChildren();\n  lead.className = \"k2b-toast__icon\";\n  lead.dataset.tone = style.tone;\n  const icon = document.createElement(\"i\");\n  applyIconClass(icon, iconClassOverride ?? style.iconClass);\n  icon.setAttribute(\"aria-hidden\", \"true\");\n  lead.appendChild(icon);\n  return icon;\n};\n\nconst showToast = (description: string, options?: ToastOptions): ToastHandle => {\n  const initialContainer = ensureContainer();\n  if (!initialContainer) {\n    const noop = () => {};\n    return { dismiss: noop, update: noop };\n  }\n\n  let dismissed = false;\n  let dismissTimer: ReturnType<typeof setTimeout> | null = null;\n  let currentVariant: ToastVariant = options?.variant ?? \"default\";\n  let currentProgress = options?.progress ?? null;\n  let currentDuration = options?.duration ?? DEFAULT_DURATION_MS;\n  let remainingDuration = currentDuration;\n  let timerStartedAt = 0;\n  let pausedByPointer = false;\n  let pausedByFocus = false;\n\n  const toastElement = document.createElement(\"div\");\n  toastElement.className = \"k2b-toast\";\n  toastElement.dataset.tone = VARIANT_STYLES[currentVariant].tone;\n  toastElement.dataset.k2bToast = \"\";\n\n  const leadElement = document.createElement(\"div\");\n  let leadIconElement = renderLead(leadElement, currentVariant, options?.iconClass);\n\n  const contentElement = document.createElement(\"div\");\n  contentElement.className = \"k2b-toast__content\";\n  applyLiveRegion(contentElement, currentVariant);\n\n  const titleElement = document.createElement(\"div\");\n  titleElement.className = \"k2b-toast__title\";\n  titleElement.textContent = options?.title ?? VARIANT_STYLES[currentVariant].defaultTitle;\n  const descriptionElement = document.createElement(\"div\");\n  descriptionElement.className = \"k2b-toast__description\";\n  descriptionElement.textContent = description;\n  contentElement.append(titleElement, descriptionElement);\n\n  const closeButton = document.createElement(\"button\");\n  closeButton.type = \"button\";\n  closeButton.className = \"k2b-toast__close\";\n  closeButton.setAttribute(\"aria-label\", options?.dismissLabel ?? \"Dismiss notification\");\n  const closeIcon = document.createElement(\"i\");\n  closeIcon.className = \"ti ti-x\";\n  closeIcon.setAttribute(\"aria-hidden\", \"true\");\n  closeButton.appendChild(closeIcon);\n\n  toastElement.append(leadElement, contentElement, closeButton);\n\n  const clearDismissTimer = () => {\n    if (dismissTimer === null) return;\n    clearTimeout(dismissTimer);\n    dismissTimer = null;\n  };\n\n  const pauseDismissTimer = () => {\n    if (dismissTimer === null) return;\n    remainingDuration = Math.max(0, remainingDuration - (Date.now() - timerStartedAt));\n    clearDismissTimer();\n  };\n\n  const resumeDismissTimer = () => {\n    if (dismissed || currentProgress !== null || currentDuration === 0 || remainingDuration <= 0 || pausedByPointer || pausedByFocus) return;\n    clearDismissTimer();\n    timerStartedAt = Date.now();\n    dismissTimer = setTimeout(() => dismiss(), remainingDuration);\n  };\n\n  const resetDismissTimer = (duration: number) => {\n    clearDismissTimer();\n    currentDuration = duration;\n    remainingDuration = duration;\n    resumeDismissTimer();\n  };\n\n  const dismiss = () => {\n    if (dismissed) return;\n    dismissed = true;\n    clearDismissTimer();\n    liveToasts.delete(handle);\n    toastElement.dataset.closing = \"true\";\n    setTimeout(() => {\n      toastElement.remove();\n      hideEmptyContainers();\n    }, ANIMATION_MS);\n  };\n\n  const progressElement = document.createElement(\"progress\");\n  progressElement.className = \"k2b-toast__progress\";\n  progressElement.max = 1;\n  const renderProgress = () => {\n    progressElement.hidden = currentProgress === null;\n    progressElement.setAttribute(\"aria-label\", titleElement.textContent || descriptionElement.textContent || \"\");\n    if (typeof currentProgress === \"number\") progressElement.value = Number.isFinite(currentProgress) ? Math.max(0, Math.min(1, currentProgress)) : 0;\n    else progressElement.removeAttribute(\"value\");\n  };\n  contentElement.append(progressElement);\n  renderProgress();\n  let actionElement: HTMLAnchorElement | HTMLButtonElement | null = null;\n  const renderAction = (action: ToastAction | null | undefined) => {\n    actionElement?.remove();\n    actionElement = null;\n    if (!action) return;\n    if (\"href\" in action) {\n      const link = document.createElement(\"a\");\n      link.href = action.href;\n      actionElement = link;\n    } else {\n      const button = document.createElement(\"button\");\n      button.type = \"button\";\n      actionElement = button;\n    }\n    actionElement.className = \"k2b-toast__action\";\n    actionElement.textContent = action.label;\n    actionElement.addEventListener(\"click\", (event) => {\n      event.stopPropagation();\n      if (\"onClick\" in action) action.onClick();\n      else dismiss();\n    });\n    contentElement.appendChild(actionElement);\n  };\n  renderAction(options?.action);\n\n  const update = (nextDescription: string, nextOptions?: ToastOptions) => {\n    if (dismissed) return;\n    descriptionElement.textContent = nextDescription;\n\n    const variantChanged = nextOptions?.variant !== undefined && nextOptions.variant !== currentVariant;\n    if (variantChanged) {\n      currentVariant = nextOptions.variant!;\n      toastElement.dataset.tone = VARIANT_STYLES[currentVariant].tone;\n      leadIconElement = renderLead(leadElement, currentVariant, nextOptions.iconClass);\n      applyLiveRegion(contentElement, currentVariant);\n    } else if (nextOptions?.iconClass !== undefined) {\n      applyIconClass(leadIconElement, nextOptions.iconClass);\n    }\n\n    if (nextOptions && Object.prototype.hasOwnProperty.call(nextOptions, \"title\")) {\n      titleElement.textContent = nextOptions.title ?? \"\";\n    } else if (variantChanged) {\n      titleElement.textContent = VARIANT_STYLES[currentVariant].defaultTitle;\n    }\n    if (nextOptions && Object.prototype.hasOwnProperty.call(nextOptions, \"action\")) renderAction(nextOptions.action);\n    if (nextOptions && Object.prototype.hasOwnProperty.call(nextOptions, \"duration\")) {\n      currentDuration = nextOptions.duration ?? DEFAULT_DURATION_MS;\n    }\n    if (nextOptions && Object.prototype.hasOwnProperty.call(nextOptions, \"progress\")) currentProgress = nextOptions.progress ?? null;\n    if (nextOptions?.dismissLabel) closeButton.setAttribute(\"aria-label\", nextOptions.dismissLabel);\n    renderProgress();\n    resetDismissTimer(currentDuration);\n  };\n\n  toastElement.addEventListener(\"click\", () => { if (currentProgress === null) dismiss(); });\n  closeButton.addEventListener(\"click\", (event) => {\n    event.stopPropagation();\n    dismiss();\n  });\n  toastElement.addEventListener(\"pointerenter\", () => {\n    pausedByPointer = true;\n    pauseDismissTimer();\n  });\n  toastElement.addEventListener(\"pointerleave\", () => {\n    pausedByPointer = false;\n    resumeDismissTimer();\n  });\n  toastElement.addEventListener(\"focusin\", () => {\n    pausedByFocus = true;\n    pauseDismissTimer();\n  });\n  toastElement.addEventListener(\"focusout\", (event) => {\n    if (toastElement.contains(event.relatedTarget as Node | null)) return;\n    pausedByFocus = false;\n    resumeDismissTimer();\n  });\n\n  const handle: ToastHandle = { dismiss, update };\n  liveToasts.add(handle);\n  if (liveToasts.size > MAX_VISIBLE_TOASTS) liveToasts.values().next().value?.dismiss();\n  promoteToTopLayer(initialContainer).appendChild(toastElement);\n  requestAnimationFrame(() => {\n    if (!dismissed) toastElement.dataset.open = \"true\";\n  });\n  resetDismissTimer(currentDuration);\n  return handle;\n};\n\nexport const isPointInsideToast = (x: number, y: number): boolean => {\n  if (typeof document === \"undefined\") return false;\n  const containers = Array.from(document.querySelectorAll<HTMLElement>(`[${CONTAINER_ATTRIBUTE}]`));\n  for (const container of containers) {\n    for (const child of Array.from(container.children)) {\n      const rect = child.getBoundingClientRect();\n      if (x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom) return true;\n    }\n  }\n  return false;\n};\n\nconst toastFn = ((description: string, options?: ToastOptions) => showToast(description, options)) as ToastFn;\ntoastFn.success = (description, options) => showToast(description, { ...options, variant: \"success\" });\ntoastFn.error = (description, options) => showToast(description, { ...options, variant: \"error\" });\ntoastFn.dismissAll = () => {\n  for (const handle of Array.from(liveToasts)) handle.dismiss();\n};\n\nexport const toast: ToastFn = toastFn;\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,oBAAoB;AA+BrD,MAAMC,mBAAmB,GAAG,IAAI;AAChC,MAAMC,kBAAkB,GAAG,CAAC;AAC5B,MAAMC,YAAY,GAAG,GAAG;AACxB,OAAO,MAAMC,sBAAsB,GAAG,wBAAwB;AAC9D,MAAMC,mBAAmB,GAAG,0BAA0B;AAQtD,MAAMC,cAAkD,GAAG;EACzDC,OAAO,EAAE;IACPC,IAAI,EAAE,MAAM;IACZC,SAAS,EAAE,gBAAgB;IAC3BC,YAAY,EAAE;EAChB,CAAC;EACDC,OAAO,EAAE;IACPH,IAAI,EAAE,SAAS;IACfC,SAAS,EAAE,UAAU;IACrBC,YAAY,EAAE;EAChB,CAAC;EACDE,KAAK,EAAE;IACLJ,IAAI,EAAE,QAAQ;IACdC,SAAS,EAAE,MAAM;IACjBC,YAAY,EAAE;EAChB;AACF,CAAC;AAED,MAAMG,mBAAmB,GAAIJ,SAAiB,IAAa;EACzD,MAAMK,MAAM,GAAGL,SAAS,CACrBM,KAAK,CAAC,KAAK,CAAC,CACZC,MAAM,CAACC,OAAO,CAAC,CACfD,MAAM,CAAEE,KAAK,IAAKA,KAAK,KAAK,IAAI,CAAC;EACpC,OAAO,CAAC,IAAI,EAAE,GAAGJ,MAAM,CAAC,CAACK,IAAI,CAAC,GAAG,CAAC;AACpC,CAAC;AAED,MAAMC,cAAc,GAAGA,CAACC,IAAiB,EAAEZ,SAAiB,KAAW;EACrEY,IAAI,CAACC,SAAS,GAAGT,mBAAmB,CAACJ,SAAS,CAAC;AACjD,CAAC;AAED,MAAMc,eAAe,GAAGA,CAACC,OAAoB,EAAEC,OAAqB,KAAW;EAC7E,MAAMC,OAAO,GAAGD,OAAO,KAAK,OAAO;EACnCD,OAAO,CAACG,YAAY,CAAC,MAAM,EAAED,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;EAC1DF,OAAO,CAACG,YAAY,CAAC,WAAW,EAAED,OAAO,GAAG,WAAW,GAAG,QAAQ,CAAC;EACnEF,OAAO,CAACG,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AAC7C,CAAC;AAED,MAAMC,UAAU,GAAG,IAAIC,GAAG,CAAc,CAAC;AAEzC,MAAMC,eAAe,GAAGA,CAAA,KAA0B;EAChD,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE,OAAO,IAAI;EAChD,MAAMC,IAAI,GAAGhC,gBAAgB,CAAC,CAAC;EAC/B,IAAIiC,SAAS,GAAGD,IAAI,CAACE,aAAa,CAAc,IAAI7B,mBAAmB,GAAG,CAAC;EAC3E,IAAI4B,SAAS,EAAE,OAAOA,SAAS;EAE/BA,SAAS,GAAGF,QAAQ,CAACI,aAAa,CAAC,KAAK,CAAC;EACzCF,SAAS,CAACG,EAAE,GAAGhC,sBAAsB;EACrC6B,SAAS,CAACN,YAAY,CAACtB,mBAAmB,EAAE,EAAE,CAAC;EAC/C4B,SAAS,CAACN,YAAY,CAAC,SAAS,EAAE,QAAQ,CAAC;EAC3C;EACA;EACAM,SAAS,CAACI,KAAK,CAACC,OAAO,GACrB,gHAAgH,GAChH,iFAAiF,GACjF,gGAAgG,GAChG,8BAA8B,GAC9B,2FAA2F,GAC3F,sHAAsH,GACtH,sBAAsB;EACxBN,IAAI,CAACO,WAAW,CAACN,SAAS,CAAC;EAC3B,OAAOA,SAAS;AAClB,CAAC;AAED,MAAMO,iBAAiB,GAAIP,SAAsB,IAAkB;EACjE,IAAI,OAAOA,SAAS,CAACQ,WAAW,KAAK,UAAU,IAAI,CAACR,SAAS,CAACS,WAAW,EAAE,OAAOT,SAAS;EAC3F,IAAIU,MAAM,GAAGV,SAAS;EACtB,IAAI;IACF,IAAIA,SAAS,CAACW,OAAO,CAAC,eAAe,CAAC,IAAIb,QAAQ,CAACG,aAAa,CAAC,cAAc,CAAC,EAAE;MAChF,MAAMW,IAAI,GAAGZ,SAAS,CAACa,SAAS,CAAC,KAAK,CAAgB;MACtD,OAAOb,SAAS,CAACc,UAAU,EAAEF,IAAI,CAACN,WAAW,CAACN,SAAS,CAACc,UAAU,CAAC;MACnE,MAAMf,IAAI,GAAGC,SAAS,CAACe,aAAa,IAAIhD,gBAAgB,CAAC,CAAC;MAC1DiC,SAAS,CAACgB,MAAM,CAAC,CAAC;MAClBjB,IAAI,CAACO,WAAW,CAACM,IAAI,CAAC;MACtBF,MAAM,GAAGE,IAAI;IACf;IACA,IAAI,CAACF,MAAM,CAACC,OAAO,CAAC,eAAe,CAAC,EAAED,MAAM,CAACF,WAAW,CAAC,CAAC;EAC5D,CAAC,CAAC,MAAM;IACNE,MAAM,CAACO,eAAe,CAAC,SAAS,CAAC;EACnC;EACA,OAAOP,MAAM;AACf,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMQ,mBAAmB,GAAGA,CAAA,KAAY;EACtC,IAAI,OAAOpB,QAAQ,KAAK,WAAW,EAAE;EACrC,KAAK,MAAME,SAAS,IAAImB,KAAK,CAACC,IAAI,CAACtB,QAAQ,CAACuB,gBAAgB,CAAc,IAAIjD,mBAAmB,GAAG,CAAC,CAAC,EAAE;IACtG,IAAI4B,SAAS,CAACsB,iBAAiB,GAAG,CAAC,IAAI,OAAOtB,SAAS,CAACuB,WAAW,KAAK,UAAU,EAAE;IACpF,IAAI;MACF,IAAIvB,SAAS,CAACW,OAAO,CAAC,eAAe,CAAC,EAAEX,SAAS,CAACuB,WAAW,CAAC,CAAC;IACjE,CAAC,CAAC,MAAM;MACN;IAAA;EAEJ;AACF,CAAC;AAED,MAAMC,UAAU,GAAGA,CAACC,IAAiB,EAAEjC,OAAqB,EAAEkC,iBAA0B,KAAkB;EACxG,MAAMtB,KAAK,GAAG/B,cAAc,CAACmB,OAAO,CAAC;EACrCiC,IAAI,CAACE,eAAe,CAAC,CAAC;EACtBF,IAAI,CAACpC,SAAS,GAAG,iBAAiB;EAClCoC,IAAI,CAACG,OAAO,CAACrD,IAAI,GAAG6B,KAAK,CAAC7B,IAAI;EAC9B,MAAMa,IAAI,GAAGU,QAAQ,CAACI,aAAa,CAAC,GAAG,CAAC;EACxCf,cAAc,CAACC,IAAI,EAAEsC,iBAAiB,IAAItB,KAAK,CAAC5B,SAAS,CAAC;EAC1DY,IAAI,CAACM,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;EACxC+B,IAAI,CAACnB,WAAW,CAAClB,IAAI,CAAC;EACtB,OAAOA,IAAI;AACb,CAAC;AAED,MAAMyC,SAAS,GAAGA,CAACC,WAAmB,EAAEC,OAAsB,KAAkB;EAC9E,MAAMC,gBAAgB,GAAGnC,eAAe,CAAC,CAAC;EAC1C,IAAI,CAACmC,gBAAgB,EAAE;IACrB,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;IACrB,OAAO;MAAEC,OAAO,EAAED,IAAI;MAAEE,MAAM,EAAEF;IAAK,CAAC;EACxC;EAEA,IAAIG,SAAS,GAAG,KAAK;EACrB,IAAIC,YAAkD,GAAG,IAAI;EAC7D,IAAIC,cAA4B,GAAGP,OAAO,EAAEvC,OAAO,IAAI,SAAS;EAChE,IAAI+C,eAAe,GAAGR,OAAO,EAAES,QAAQ,IAAI,IAAI;EAC/C,IAAIC,eAAe,GAAGV,OAAO,EAAEW,QAAQ,IAAI1E,mBAAmB;EAC9D,IAAI2E,iBAAiB,GAAGF,eAAe;EACvC,IAAIG,cAAc,GAAG,CAAC;EACtB,IAAIC,eAAe,GAAG,KAAK;EAC3B,IAAIC,aAAa,GAAG,KAAK;EAEzB,MAAMC,YAAY,GAAGjD,QAAQ,CAACI,aAAa,CAAC,KAAK,CAAC;EAClD6C,YAAY,CAAC1D,SAAS,GAAG,WAAW;EACpC0D,YAAY,CAACnB,OAAO,CAACrD,IAAI,GAAGF,cAAc,CAACiE,cAAc,CAAC,CAAC/D,IAAI;EAC/DwE,YAAY,CAACnB,OAAO,CAACoB,QAAQ,GAAG,EAAE;EAElC,MAAMC,WAAW,GAAGnD,QAAQ,CAACI,aAAa,CAAC,KAAK,CAAC;EACjD,IAAIgD,eAAe,GAAG1B,UAAU,CAACyB,WAAW,EAAEX,cAAc,EAAEP,OAAO,EAAEvD,SAAS,CAAC;EAEjF,MAAM2E,cAAc,GAAGrD,QAAQ,CAACI,aAAa,CAAC,KAAK,CAAC;EACpDiD,cAAc,CAAC9D,SAAS,GAAG,oBAAoB;EAC/CC,eAAe,CAAC6D,cAAc,EAAEb,cAAc,CAAC;EAE/C,MAAMc,YAAY,GAAGtD,QAAQ,CAACI,aAAa,CAAC,KAAK,CAAC;EAClDkD,YAAY,CAAC/D,SAAS,GAAG,kBAAkB;EAC3C+D,YAAY,CAACC,WAAW,GAAGtB,OAAO,EAAEuB,KAAK,IAAIjF,cAAc,CAACiE,cAAc,CAAC,CAAC7D,YAAY;EACxF,MAAM8E,kBAAkB,GAAGzD,QAAQ,CAACI,aAAa,CAAC,KAAK,CAAC;EACxDqD,kBAAkB,CAAClE,SAAS,GAAG,wBAAwB;EACvDkE,kBAAkB,CAACF,WAAW,GAAGvB,WAAW;EAC5CqB,cAAc,CAACK,MAAM,CAACJ,YAAY,EAAEG,kBAAkB,CAAC;EAEvD,MAAME,WAAW,GAAG3D,QAAQ,CAACI,aAAa,CAAC,QAAQ,CAAC;EACpDuD,WAAW,CAACC,IAAI,GAAG,QAAQ;EAC3BD,WAAW,CAACpE,SAAS,GAAG,kBAAkB;EAC1CoE,WAAW,CAAC/D,YAAY,CAAC,YAAY,EAAEqC,OAAO,EAAE4B,YAAY,IAAI,sBAAsB,CAAC;EACvF,MAAMC,SAAS,GAAG9D,QAAQ,CAACI,aAAa,CAAC,GAAG,CAAC;EAC7C0D,SAAS,CAACvE,SAAS,GAAG,SAAS;EAC/BuE,SAAS,CAAClE,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;EAC7C+D,WAAW,CAACnD,WAAW,CAACsD,SAAS,CAAC;EAElCb,YAAY,CAACS,MAAM,CAACP,WAAW,EAAEE,cAAc,EAAEM,WAAW,CAAC;EAE7D,MAAMI,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAIxB,YAAY,KAAK,IAAI,EAAE;IAC3ByB,YAAY,CAACzB,YAAY,CAAC;IAC1BA,YAAY,GAAG,IAAI;EACrB,CAAC;EAED,MAAM0B,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAI1B,YAAY,KAAK,IAAI,EAAE;IAC3BM,iBAAiB,GAAGqB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEtB,iBAAiB,IAAIuB,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGvB,cAAc,CAAC,CAAC;IAClFiB,iBAAiB,CAAC,CAAC;EACrB,CAAC;EAED,MAAMO,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,IAAIhC,SAAS,IAAIG,eAAe,KAAK,IAAI,IAAIE,eAAe,KAAK,CAAC,IAAIE,iBAAiB,IAAI,CAAC,IAAIE,eAAe,IAAIC,aAAa,EAAE;IAClIe,iBAAiB,CAAC,CAAC;IACnBjB,cAAc,GAAGsB,IAAI,CAACC,GAAG,CAAC,CAAC;IAC3B9B,YAAY,GAAGgC,UAAU,CAAC,MAAMnC,OAAO,CAAC,CAAC,EAAES,iBAAiB,CAAC;EAC/D,CAAC;EAED,MAAM2B,iBAAiB,GAAI5B,QAAgB,IAAK;IAC9CmB,iBAAiB,CAAC,CAAC;IACnBpB,eAAe,GAAGC,QAAQ;IAC1BC,iBAAiB,GAAGD,QAAQ;IAC5B0B,kBAAkB,CAAC,CAAC;EACtB,CAAC;EAED,MAAMlC,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAIE,SAAS,EAAE;IACfA,SAAS,GAAG,IAAI;IAChByB,iBAAiB,CAAC,CAAC;IACnBlE,UAAU,CAAC4E,MAAM,CAACC,MAAM,CAAC;IACzBzB,YAAY,CAACnB,OAAO,CAAC6C,OAAO,GAAG,MAAM;IACrCJ,UAAU,CAAC,MAAM;MACftB,YAAY,CAAC/B,MAAM,CAAC,CAAC;MACrBE,mBAAmB,CAAC,CAAC;IACvB,CAAC,EAAEhD,YAAY,CAAC;EAClB,CAAC;EAED,MAAMwG,eAAe,GAAG5E,QAAQ,CAACI,aAAa,CAAC,UAAU,CAAC;EAC1DwE,eAAe,CAACrF,SAAS,GAAG,qBAAqB;EACjDqF,eAAe,CAACT,GAAG,GAAG,CAAC;EACvB,MAAMU,cAAc,GAAGA,CAAA,KAAM;IAC3BD,eAAe,CAACE,MAAM,GAAGrC,eAAe,KAAK,IAAI;IACjDmC,eAAe,CAAChF,YAAY,CAAC,YAAY,EAAE0D,YAAY,CAACC,WAAW,IAAIE,kBAAkB,CAACF,WAAW,IAAI,EAAE,CAAC;IAC5G,IAAI,OAAOd,eAAe,KAAK,QAAQ,EAAEmC,eAAe,CAACG,KAAK,GAAGC,MAAM,CAACC,QAAQ,CAACxC,eAAe,CAAC,GAAGyB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACgB,GAAG,CAAC,CAAC,EAAEzC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,KAC7ImC,eAAe,CAACzD,eAAe,CAAC,OAAO,CAAC;EAC/C,CAAC;EACDkC,cAAc,CAACK,MAAM,CAACkB,eAAe,CAAC;EACtCC,cAAc,CAAC,CAAC;EAChB,IAAIM,aAA2D,GAAG,IAAI;EACtE,MAAMC,YAAY,GAAIC,MAAsC,IAAK;IAC/DF,aAAa,EAAEjE,MAAM,CAAC,CAAC;IACvBiE,aAAa,GAAG,IAAI;IACpB,IAAI,CAACE,MAAM,EAAE;IACb,IAAI,MAAM,IAAIA,MAAM,EAAE;MACpB,MAAMC,IAAI,GAAGtF,QAAQ,CAACI,aAAa,CAAC,GAAG,CAAC;MACxCkF,IAAI,CAACC,IAAI,GAAGF,MAAM,CAACE,IAAI;MACvBJ,aAAa,GAAGG,IAAI;IACtB,CAAC,MAAM;MACL,MAAME,MAAM,GAAGxF,QAAQ,CAACI,aAAa,CAAC,QAAQ,CAAC;MAC/CoF,MAAM,CAAC5B,IAAI,GAAG,QAAQ;MACtBuB,aAAa,GAAGK,MAAM;IACxB;IACAL,aAAa,CAAC5F,SAAS,GAAG,mBAAmB;IAC7C4F,aAAa,CAAC5B,WAAW,GAAG8B,MAAM,CAACI,KAAK;IACxCN,aAAa,CAACO,gBAAgB,CAAC,OAAO,EAAGC,KAAK,IAAK;MACjDA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvB,IAAI,SAAS,IAAIP,MAAM,EAAEA,MAAM,CAACQ,OAAO,CAAC,CAAC,CAAC,KACrCzD,OAAO,CAAC,CAAC;IAChB,CAAC,CAAC;IACFiB,cAAc,CAAC7C,WAAW,CAAC2E,aAAa,CAAC;EAC3C,CAAC;EACDC,YAAY,CAACnD,OAAO,EAAEoD,MAAM,CAAC;EAE7B,MAAMhD,MAAM,GAAGA,CAACyD,eAAuB,EAAEC,WAA0B,KAAK;IACtE,IAAIzD,SAAS,EAAE;IACfmB,kBAAkB,CAACF,WAAW,GAAGuC,eAAe;IAEhD,MAAME,cAAc,GAAGD,WAAW,EAAErG,OAAO,KAAKuG,SAAS,IAAIF,WAAW,CAACrG,OAAO,KAAK8C,cAAc;IACnG,IAAIwD,cAAc,EAAE;MAClBxD,cAAc,GAAGuD,WAAW,CAACrG,OAAQ;MACrCuD,YAAY,CAACnB,OAAO,CAACrD,IAAI,GAAGF,cAAc,CAACiE,cAAc,CAAC,CAAC/D,IAAI;MAC/D2E,eAAe,GAAG1B,UAAU,CAACyB,WAAW,EAAEX,cAAc,EAAEuD,WAAW,CAACrH,SAAS,CAAC;MAChFc,eAAe,CAAC6D,cAAc,EAAEb,cAAc,CAAC;IACjD,CAAC,MAAM,IAAIuD,WAAW,EAAErH,SAAS,KAAKuH,SAAS,EAAE;MAC/C5G,cAAc,CAAC+D,eAAe,EAAE2C,WAAW,CAACrH,SAAS,CAAC;IACxD;IAEA,IAAIqH,WAAW,IAAIG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,WAAW,EAAE,OAAO,CAAC,EAAE;MAC7EzC,YAAY,CAACC,WAAW,GAAGwC,WAAW,CAACvC,KAAK,IAAI,EAAE;IACpD,CAAC,MAAM,IAAIwC,cAAc,EAAE;MACzB1C,YAAY,CAACC,WAAW,GAAGhF,cAAc,CAACiE,cAAc,CAAC,CAAC7D,YAAY;IACxE;IACA,IAAIoH,WAAW,IAAIG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,WAAW,EAAE,QAAQ,CAAC,EAAEX,YAAY,CAACW,WAAW,CAACV,MAAM,CAAC;IAChH,IAAIU,WAAW,IAAIG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,WAAW,EAAE,UAAU,CAAC,EAAE;MAChFpD,eAAe,GAAGoD,WAAW,CAACnD,QAAQ,IAAI1E,mBAAmB;IAC/D;IACA,IAAI6H,WAAW,IAAIG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,WAAW,EAAE,UAAU,CAAC,EAAEtD,eAAe,GAAGsD,WAAW,CAACrD,QAAQ,IAAI,IAAI;IAChI,IAAIqD,WAAW,EAAElC,YAAY,EAAEF,WAAW,CAAC/D,YAAY,CAAC,YAAY,EAAEmG,WAAW,CAAClC,YAAY,CAAC;IAC/FgB,cAAc,CAAC,CAAC;IAChBL,iBAAiB,CAAC7B,eAAe,CAAC;EACpC,CAAC;EAEDM,YAAY,CAACyC,gBAAgB,CAAC,OAAO,EAAE,MAAM;IAAE,IAAIjD,eAAe,KAAK,IAAI,EAAEL,OAAO,CAAC,CAAC;EAAE,CAAC,CAAC;EAC1FuB,WAAW,CAAC+B,gBAAgB,CAAC,OAAO,EAAGC,KAAK,IAAK;IAC/CA,KAAK,CAACC,eAAe,CAAC,CAAC;IACvBxD,OAAO,CAAC,CAAC;EACX,CAAC,CAAC;EACFa,YAAY,CAACyC,gBAAgB,CAAC,cAAc,EAAE,MAAM;IAClD3C,eAAe,GAAG,IAAI;IACtBkB,iBAAiB,CAAC,CAAC;EACrB,CAAC,CAAC;EACFhB,YAAY,CAACyC,gBAAgB,CAAC,cAAc,EAAE,MAAM;IAClD3C,eAAe,GAAG,KAAK;IACvBuB,kBAAkB,CAAC,CAAC;EACtB,CAAC,CAAC;EACFrB,YAAY,CAACyC,gBAAgB,CAAC,SAAS,EAAE,MAAM;IAC7C1C,aAAa,GAAG,IAAI;IACpBiB,iBAAiB,CAAC,CAAC;EACrB,CAAC,CAAC;EACFhB,YAAY,CAACyC,gBAAgB,CAAC,UAAU,EAAGC,KAAK,IAAK;IACnD,IAAI1C,YAAY,CAACqD,QAAQ,CAACX,KAAK,CAACY,aAA4B,CAAC,EAAE;IAC/DvD,aAAa,GAAG,KAAK;IACrBsB,kBAAkB,CAAC,CAAC;EACtB,CAAC,CAAC;EAEF,MAAMI,MAAmB,GAAG;IAAEtC,OAAO;IAAEC;EAAO,CAAC;EAC/CxC,UAAU,CAAC2G,GAAG,CAAC9B,MAAM,CAAC;EACtB,IAAI7E,UAAU,CAAC4G,IAAI,GAAGtI,kBAAkB,EAAE0B,UAAU,CAAC6G,MAAM,CAAC,CAAC,CAAC5F,IAAI,CAAC,CAAC,CAACiE,KAAK,EAAE3C,OAAO,CAAC,CAAC;EACrF3B,iBAAiB,CAACyB,gBAAgB,CAAC,CAAC1B,WAAW,CAACyC,YAAY,CAAC;EAC7D0D,qBAAqB,CAAC,MAAM;IAC1B,IAAI,CAACrE,SAAS,EAAEW,YAAY,CAACnB,OAAO,CAAC8E,IAAI,GAAG,MAAM;EACpD,CAAC,CAAC;EACFpC,iBAAiB,CAAC7B,eAAe,CAAC;EAClC,OAAO+B,MAAM;AACf,CAAC;AAED,OAAO,MAAMmC,kBAAkB,GAAGA,CAACC,CAAS,EAAEC,CAAS,KAAc;EACnE,IAAI,OAAO/G,QAAQ,KAAK,WAAW,EAAE,OAAO,KAAK;EACjD,MAAMgH,UAAU,GAAG3F,KAAK,CAACC,IAAI,CAACtB,QAAQ,CAACuB,gBAAgB,CAAc,IAAIjD,mBAAmB,GAAG,CAAC,CAAC;EACjG,KAAK,MAAM4B,SAAS,IAAI8G,UAAU,EAAE;IAClC,KAAK,MAAMC,KAAK,IAAI5F,KAAK,CAACC,IAAI,CAACpB,SAAS,CAACgH,QAAQ,CAAC,EAAE;MAClD,MAAMC,IAAI,GAAGF,KAAK,CAACG,qBAAqB,CAAC,CAAC;MAC1C,IAAIN,CAAC,IAAIK,IAAI,CAACE,IAAI,IAAIP,CAAC,IAAIK,IAAI,CAACG,KAAK,IAAIP,CAAC,IAAII,IAAI,CAACI,GAAG,IAAIR,CAAC,IAAII,IAAI,CAACK,MAAM,EAAE,OAAO,IAAI;IACzF;EACF;EACA,OAAO,KAAK;AACd,CAAC;AAED,MAAMC,OAAO,GAAIA,CAACzF,WAAmB,EAAEC,OAAsB,KAAKF,SAAS,CAACC,WAAW,EAAEC,OAAO,CAAa;AAC7GwF,OAAO,CAAC7I,OAAO,GAAG,CAACoD,WAAW,EAAEC,OAAO,KAAKF,SAAS,CAACC,WAAW,EAAE;EAAE,GAAGC,OAAO;EAAEvC,OAAO,EAAE;AAAU,CAAC,CAAC;AACtG+H,OAAO,CAAC5I,KAAK,GAAG,CAACmD,WAAW,EAAEC,OAAO,KAAKF,SAAS,CAACC,WAAW,EAAE;EAAE,GAAGC,OAAO;EAAEvC,OAAO,EAAE;AAAQ,CAAC,CAAC;AAClG+H,OAAO,CAACC,UAAU,GAAG,MAAM;EACzB,KAAK,MAAMhD,MAAM,IAAIrD,KAAK,CAACC,IAAI,CAACzB,UAAU,CAAC,EAAE6E,MAAM,CAACtC,OAAO,CAAC,CAAC;AAC/D,CAAC;AAED,OAAO,MAAMuF,KAAc,GAAGF,OAAO","ignoreList":[]}

package/dist/browser/feedback/tooltip-position.js

@@ -2,6 +2,21 @@ const VIEWPORT_PADDING = 8;
 const TRIGGER_GAP = 6;
 export const positionTooltipSurface = (tooltip, target, placement = "top") => {
   const targetRect = target.getBoundingClientRect();
+  if (placement === "left" || placement === "right") {
+    const rect = tooltip.getBoundingClientRect();
+    const right = targetRect.right + TRIGGER_GAP;
+    const left = targetRect.left - rect.width - TRIGGER_GAP;
+    const rightFits = right + rect.width <= window.innerWidth - VIEWPORT_PADDING;
+    const leftFits = left >= VIEWPORT_PADDING;
+    const useRight = placement === "right" ? rightFits || !leftFits : !leftFits && rightFits;
+    const maxLeft = Math.max(VIEWPORT_PADDING, window.innerWidth - rect.width - VIEWPORT_PADDING);
+    tooltip.style.left = `${Math.round(Math.max(VIEWPORT_PADDING, Math.min(useRight ? right : left, maxLeft)))}px`;
+    const measured = tooltip.getBoundingClientRect();
+    const maxTop = Math.max(VIEWPORT_PADDING, window.innerHeight - measured.height - VIEWPORT_PADDING);
+    tooltip.style.top = `${Math.round(Math.max(VIEWPORT_PADDING, Math.min(targetRect.top + targetRect.height / 2 - measured.height / 2, maxTop)))}px`;
+    tooltip.dataset.placement = useRight ? "right" : "left";
+    return;
+  }
   const initialTooltipRect = tooltip.getBoundingClientRect();
   const initialLeft = Math.max(VIEWPORT_PADDING, Math.min(targetRect.left + targetRect.width / 2 - initialTooltipRect.width / 2, window.innerWidth - initialTooltipRect.width - VIEWPORT_PADDING));
   tooltip.style.left = `${Math.round(initialLeft)}px`;

package/dist/browser/feedback/tooltip-position.js.map

@@ -1 +1 @@
-{"version":3,"names":["VIEWPORT_PADDING","TRIGGER_GAP","positionTooltipSurface","tooltip","target","placement","targetRect","getBoundingClientRect","initialTooltipRect","initialLeft","Math","max","min","left","width","window","innerWidth","style","round","tooltipRect","topPosition","top","height","bottomPosition","bottom","topFits","bottomFits","innerHeight","useTop","desiredTop","maxTop","dataset"],"sources":["feedback/tooltip-position.ts"],"sourcesContent":["export type TooltipPlacement = \"top\" | \"bottom\";\n\nconst VIEWPORT_PADDING = 8;\nconst TRIGGER_GAP = 6;\n\nexport const positionTooltipSurface = (tooltip: HTMLElement, target: HTMLElement, placement: TooltipPlacement = \"top\"): void => {\n  const targetRect = target.getBoundingClientRect();\n  const initialTooltipRect = tooltip.getBoundingClientRect();\n  const initialLeft = Math.max(\n    VIEWPORT_PADDING,\n    Math.min(\n      targetRect.left + targetRect.width / 2 - initialTooltipRect.width / 2,\n      window.innerWidth - initialTooltipRect.width - VIEWPORT_PADDING,\n    ),\n  );\n  tooltip.style.left = `${Math.round(initialLeft)}px`;\n\n  // Re-measure after fixing the available width so wrapped content stays\n  // aligned with its target.\n  const tooltipRect = tooltip.getBoundingClientRect();\n  const topPosition = targetRect.top - tooltipRect.height - TRIGGER_GAP;\n  const bottomPosition = targetRect.bottom + TRIGGER_GAP;\n  const topFits = topPosition >= VIEWPORT_PADDING;\n  const bottomFits = bottomPosition + tooltipRect.height <= window.innerHeight - VIEWPORT_PADDING;\n  const useTop = placement === \"top\" ? topFits || !bottomFits : !bottomFits && topFits;\n  const left = Math.max(\n    VIEWPORT_PADDING,\n    Math.min(targetRect.left + targetRect.width / 2 - tooltipRect.width / 2, window.innerWidth - tooltipRect.width - VIEWPORT_PADDING),\n  );\n  const desiredTop = useTop ? topPosition : bottomPosition;\n  const maxTop = Math.max(VIEWPORT_PADDING, window.innerHeight - tooltipRect.height - VIEWPORT_PADDING);\n  const top = Math.max(VIEWPORT_PADDING, Math.min(desiredTop, maxTop));\n\n  tooltip.style.left = `${Math.round(left)}px`;\n  tooltip.style.top = `${Math.round(top)}px`;\n  tooltip.dataset.placement = useTop ? \"top\" : \"bottom\";\n};\n"],"mappings":"AAEA,MAAMA,gBAAgB,GAAG,CAAC;AAC1B,MAAMC,WAAW,GAAG,CAAC;AAErB,OAAO,MAAMC,sBAAsB,GAAGA,CAACC,OAAoB,EAAEC,MAAmB,EAAEC,SAA2B,GAAG,KAAK,KAAW;EAC9H,MAAMC,UAAU,GAAGF,MAAM,CAACG,qBAAqB,CAAC,CAAC;EACjD,MAAMC,kBAAkB,GAAGL,OAAO,CAACI,qBAAqB,CAAC,CAAC;EAC1D,MAAME,WAAW,GAAGC,IAAI,CAACC,GAAG,CAC1BX,gBAAgB,EAChBU,IAAI,CAACE,GAAG,CACNN,UAAU,CAACO,IAAI,GAAGP,UAAU,CAACQ,KAAK,GAAG,CAAC,GAAGN,kBAAkB,CAACM,KAAK,GAAG,CAAC,EACrEC,MAAM,CAACC,UAAU,GAAGR,kBAAkB,CAACM,KAAK,GAAGd,gBACjD,CACF,CAAC;EACDG,OAAO,CAACc,KAAK,CAACJ,IAAI,GAAG,GAAGH,IAAI,CAACQ,KAAK,CAACT,WAAW,CAAC,IAAI;;EAEnD;EACA;EACA,MAAMU,WAAW,GAAGhB,OAAO,CAACI,qBAAqB,CAAC,CAAC;EACnD,MAAMa,WAAW,GAAGd,UAAU,CAACe,GAAG,GAAGF,WAAW,CAACG,MAAM,GAAGrB,WAAW;EACrE,MAAMsB,cAAc,GAAGjB,UAAU,CAACkB,MAAM,GAAGvB,WAAW;EACtD,MAAMwB,OAAO,GAAGL,WAAW,IAAIpB,gBAAgB;EAC/C,MAAM0B,UAAU,GAAGH,cAAc,GAAGJ,WAAW,CAACG,MAAM,IAAIP,MAAM,CAACY,WAAW,GAAG3B,gBAAgB;EAC/F,MAAM4B,MAAM,GAAGvB,SAAS,KAAK,KAAK,GAAGoB,OAAO,IAAI,CAACC,UAAU,GAAG,CAACA,UAAU,IAAID,OAAO;EACpF,MAAMZ,IAAI,GAAGH,IAAI,CAACC,GAAG,CACnBX,gBAAgB,EAChBU,IAAI,CAACE,GAAG,CAACN,UAAU,CAACO,IAAI,GAAGP,UAAU,CAACQ,KAAK,GAAG,CAAC,GAAGK,WAAW,CAACL,KAAK,GAAG,CAAC,EAAEC,MAAM,CAACC,UAAU,GAAGG,WAAW,CAACL,KAAK,GAAGd,gBAAgB,CACnI,CAAC;EACD,MAAM6B,UAAU,GAAGD,MAAM,GAAGR,WAAW,GAAGG,cAAc;EACxD,MAAMO,MAAM,GAAGpB,IAAI,CAACC,GAAG,CAACX,gBAAgB,EAAEe,MAAM,CAACY,WAAW,GAAGR,WAAW,CAACG,MAAM,GAAGtB,gBAAgB,CAAC;EACrG,MAAMqB,GAAG,GAAGX,IAAI,CAACC,GAAG,CAACX,gBAAgB,EAAEU,IAAI,CAACE,GAAG,CAACiB,UAAU,EAAEC,MAAM,CAAC,CAAC;EAEpE3B,OAAO,CAACc,KAAK,CAACJ,IAAI,GAAG,GAAGH,IAAI,CAACQ,KAAK,CAACL,IAAI,CAAC,IAAI;EAC5CV,OAAO,CAACc,KAAK,CAACI,GAAG,GAAG,GAAGX,IAAI,CAACQ,KAAK,CAACG,GAAG,CAAC,IAAI;EAC1ClB,OAAO,CAAC4B,OAAO,CAAC1B,SAAS,GAAGuB,MAAM,GAAG,KAAK,GAAG,QAAQ;AACvD,CAAC","ignoreList":[]}
+{"version":3,"names":["VIEWPORT_PADDING","TRIGGER_GAP","positionTooltipSurface","tooltip","target","placement","targetRect","getBoundingClientRect","rect","right","left","width","rightFits","window","innerWidth","leftFits","useRight","maxLeft","Math","max","style","round","min","measured","maxTop","innerHeight","height","top","dataset","initialTooltipRect","initialLeft","tooltipRect","topPosition","bottomPosition","bottom","topFits","bottomFits","useTop","desiredTop"],"sources":["feedback/tooltip-position.ts"],"sourcesContent":["export type TooltipPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nconst VIEWPORT_PADDING = 8;\nconst TRIGGER_GAP = 6;\n\nexport const positionTooltipSurface = (tooltip: HTMLElement, target: HTMLElement, placement: TooltipPlacement = \"top\"): void => {\n  const targetRect = target.getBoundingClientRect();\n  if (placement === \"left\" || placement === \"right\") {\n    const rect = tooltip.getBoundingClientRect();\n    const right = targetRect.right + TRIGGER_GAP;\n    const left = targetRect.left - rect.width - TRIGGER_GAP;\n    const rightFits = right + rect.width <= window.innerWidth - VIEWPORT_PADDING;\n    const leftFits = left >= VIEWPORT_PADDING;\n    const useRight = placement === \"right\" ? rightFits || !leftFits : !leftFits && rightFits;\n    const maxLeft = Math.max(VIEWPORT_PADDING, window.innerWidth - rect.width - VIEWPORT_PADDING);\n    tooltip.style.left = `${Math.round(Math.max(VIEWPORT_PADDING, Math.min(useRight ? right : left, maxLeft)))}px`;\n    const measured = tooltip.getBoundingClientRect();\n    const maxTop = Math.max(VIEWPORT_PADDING, window.innerHeight - measured.height - VIEWPORT_PADDING);\n    tooltip.style.top = `${Math.round(Math.max(VIEWPORT_PADDING, Math.min(targetRect.top + targetRect.height / 2 - measured.height / 2, maxTop)))}px`;\n    tooltip.dataset.placement = useRight ? \"right\" : \"left\";\n    return;\n  }\n  const initialTooltipRect = tooltip.getBoundingClientRect();\n  const initialLeft = Math.max(\n    VIEWPORT_PADDING,\n    Math.min(\n      targetRect.left + targetRect.width / 2 - initialTooltipRect.width / 2,\n      window.innerWidth - initialTooltipRect.width - VIEWPORT_PADDING,\n    ),\n  );\n  tooltip.style.left = `${Math.round(initialLeft)}px`;\n\n  // Re-measure after fixing the available width so wrapped content stays\n  // aligned with its target.\n  const tooltipRect = tooltip.getBoundingClientRect();\n  const topPosition = targetRect.top - tooltipRect.height - TRIGGER_GAP;\n  const bottomPosition = targetRect.bottom + TRIGGER_GAP;\n  const topFits = topPosition >= VIEWPORT_PADDING;\n  const bottomFits = bottomPosition + tooltipRect.height <= window.innerHeight - VIEWPORT_PADDING;\n  const useTop = placement === \"top\" ? topFits || !bottomFits : !bottomFits && topFits;\n  const left = Math.max(\n    VIEWPORT_PADDING,\n    Math.min(targetRect.left + targetRect.width / 2 - tooltipRect.width / 2, window.innerWidth - tooltipRect.width - VIEWPORT_PADDING),\n  );\n  const desiredTop = useTop ? topPosition : bottomPosition;\n  const maxTop = Math.max(VIEWPORT_PADDING, window.innerHeight - tooltipRect.height - VIEWPORT_PADDING);\n  const top = Math.max(VIEWPORT_PADDING, Math.min(desiredTop, maxTop));\n\n  tooltip.style.left = `${Math.round(left)}px`;\n  tooltip.style.top = `${Math.round(top)}px`;\n  tooltip.dataset.placement = useTop ? \"top\" : \"bottom\";\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/ChoiceInputs.js

@@ -14,7 +14,7 @@ import { spread as _$spread } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
 var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-pin-input role=group>`),
-  _tmpl$2 = /*#__PURE__*/_$template(`<input class="k2b-control k2b-pin-input__digit"type=text inputmode=numeric autocomplete=off pattern=[0-9] maxlength=1>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<input class="k2b-control k2b-pin-input__digit"inputmode=numeric autocomplete=off pattern=[0-9] maxlength=1>`),
   _tmpl$3 = /*#__PURE__*/_$template(`<input type=hidden>`),
   _tmpl$4 = /*#__PURE__*/_$template(`<output>`),
   _tmpl$5 = /*#__PURE__*/_$template(`<div class=k2b-slider><input><!$><!/>`),
@@ -37,7 +37,7 @@ export function PinInput(props) {
     if (value.length === length()) props.onValueCommit?.(value);
   };
   const updateDigit = (index, input) => {
-    if (props.disabled) return;
+    if (props.disabled || props.readOnly) return;
     const digit = input.replace(/\D/g, "").slice(-1);
     const current = digits();
     emit(`${current.slice(0, index)}${digit}${current.slice(index + 1)}`);
@@ -47,8 +47,11 @@ export function PinInput(props) {
     }
   };
   const handleKeyDown = (index, event) => {
-    if (props.disabled) return;
-    if (event.key === "ArrowLeft" && index > 0) {
+    if (props.disabled || props.readOnly) return;
+    if (event.key === "Enter" && props.onSubmit && !event.shiftKey && !event.metaKey) {
+      event.preventDefault();
+      props.onSubmit();
+    } else if (event.key === "ArrowLeft" && index > 0) {
       event.preventDefault();
       inputs[index - 1]?.focus();
       inputs[index - 1]?.select();
@@ -65,7 +68,7 @@ export function PinInput(props) {
     }
   };
   const handlePaste = event => {
-    if (props.disabled) return;
+    if (props.disabled || props.readOnly) return;
     const pasted = event.clipboardData?.getData("text").replace(/\D/g, "");
     if (!pasted) return;
     event.preventDefault();
@@ -128,22 +131,28 @@ export function PinInput(props) {
             }, _el$2);
             _$effect(_p$ => {
               var _v$ = digits()[index()] ? "true" : undefined,
-                _v$2 = props.required,
-                _v$3 = props.disabled,
-                _v$4 = messages().pinDigit({
+                _v$2 = props.password ? "password" : "text",
+                _v$3 = props.required,
+                _v$4 = props.disabled,
+                _v$5 = props.readOnly,
+                _v$6 = messages().pinDigit({
                   index: index() + 1,
                   total: length()
                 });
               _v$ !== _p$.e && _$setAttribute(_el$2, "data-filled", _p$.e = _v$);
-              _v$2 !== _p$.t && _$setProperty(_el$2, "required", _p$.t = _v$2);
-              _v$3 !== _p$.a && _$setProperty(_el$2, "disabled", _p$.a = _v$3);
-              _v$4 !== _p$.o && _$setAttribute(_el$2, "aria-label", _p$.o = _v$4);
+              _v$2 !== _p$.t && _$setAttribute(_el$2, "type", _p$.t = _v$2);
+              _v$3 !== _p$.a && _$setProperty(_el$2, "required", _p$.a = _v$3);
+              _v$4 !== _p$.o && _$setProperty(_el$2, "disabled", _p$.o = _v$4);
+              _v$5 !== _p$.i && _$setProperty(_el$2, "readOnly", _p$.i = _v$5);
+              _v$6 !== _p$.n && _$setAttribute(_el$2, "aria-label", _p$.n = _v$6);
               return _p$;
             }, {
               e: undefined,
               t: undefined,
               a: undefined,
-              o: undefined
+              o: undefined,
+              i: undefined,
+              n: undefined
             });
             _$effect(() => _$setProperty(_el$2, "value", digits()[index()] ?? ""));
             _$runHydrationEvents();
@@ -278,12 +287,12 @@ export function ColorInput(props) {
     var _ref$ = picker;
     typeof _ref$ === "function" ? _$use(_ref$, _el$1) : picker = _el$1;
     _$effect(_p$ => {
-      var _v$5 = meta.controlId,
-        _v$6 = props.name,
-        _v$7 = props.disabled;
-      _v$5 !== _p$.e && _$setAttribute(_el$1, "id", _p$.e = _v$5);
-      _v$6 !== _p$.t && _$setAttribute(_el$1, "name", _p$.t = _v$6);
-      _v$7 !== _p$.a && _$setProperty(_el$1, "disabled", _p$.a = _v$7);
+      var _v$7 = meta.controlId,
+        _v$8 = props.name,
+        _v$9 = props.disabled;
+      _v$7 !== _p$.e && _$setAttribute(_el$1, "id", _p$.e = _v$7);
+      _v$8 !== _p$.t && _$setAttribute(_el$1, "name", _p$.t = _v$8);
+      _v$9 !== _p$.a && _$setProperty(_el$1, "disabled", _p$.a = _v$9);
       return _p$;
     }, {
       e: undefined,
@@ -320,12 +329,12 @@ export function ColorInput(props) {
         var _el$14 = _$getNextElement(_tmpl$7);
         _el$14.$$click = () => props.onTransparentValueChange?.(!isTransparent());
         _$effect(_p$ => {
-          var _v$8 = isTransparent() ? messages().useColor : messages().useTransparent,
-            _v$9 = isTransparent(),
-            _v$0 = props.disabled;
-          _v$8 !== _p$.e && _$setAttribute(_el$14, "aria-label", _p$.e = _v$8);
-          _v$9 !== _p$.t && _$setAttribute(_el$14, "aria-pressed", _p$.t = _v$9);
-          _v$0 !== _p$.a && _$setProperty(_el$14, "disabled", _p$.a = _v$0);
+          var _v$0 = isTransparent() ? messages().useColor : messages().useTransparent,
+            _v$1 = isTransparent(),
+            _v$10 = props.disabled;
+          _v$0 !== _p$.e && _$setAttribute(_el$14, "aria-label", _p$.e = _v$0);
+          _v$1 !== _p$.t && _$setAttribute(_el$14, "aria-pressed", _p$.t = _v$1);
+          _v$10 !== _p$.a && _$setProperty(_el$14, "disabled", _p$.a = _v$10);
           return _p$;
         }, {
           e: undefined,
@@ -341,22 +350,22 @@ export function ColorInput(props) {
     var _ref$2 = picker;
     typeof _ref$2 === "function" ? _$use(_ref$2, _el$15) : picker = _el$15;
     _$effect(_p$ => {
-      var _v$1 = props.disabled || isTransparent() ? "true" : undefined,
-        _v$10 = error() ? "true" : undefined,
-        _v$11 = isTransparent() ? "true" : undefined,
-        _v$12 = isTransparent() ? undefined : {
+      var _v$11 = props.disabled || isTransparent() ? "true" : undefined,
+        _v$12 = error() ? "true" : undefined,
+        _v$13 = isTransparent() ? "true" : undefined,
+        _v$14 = isTransparent() ? undefined : {
           "background-color": currentColor()
         },
-        _v$13 = meta.controlId,
-        _v$14 = props.name,
-        _v$15 = props.disabled || isTransparent();
-      _v$1 !== _p$.e && _$setAttribute(_el$10, "data-disabled", _p$.e = _v$1);
-      _v$10 !== _p$.t && _$setAttribute(_el$10, "data-invalid", _p$.t = _v$10);
-      _v$11 !== _p$.a && _$setAttribute(_el$12, "data-transparent", _p$.a = _v$11);
-      _p$.o = _$style(_el$12, _v$12, _p$.o);
-      _v$13 !== _p$.i && _$setAttribute(_el$15, "id", _p$.i = _v$13);
-      _v$14 !== _p$.n && _$setAttribute(_el$15, "name", _p$.n = _v$14);
-      _v$15 !== _p$.s && _$setProperty(_el$15, "disabled", _p$.s = _v$15);
+        _v$15 = meta.controlId,
+        _v$16 = props.name,
+        _v$17 = props.disabled || isTransparent();
+      _v$11 !== _p$.e && _$setAttribute(_el$10, "data-disabled", _p$.e = _v$11);
+      _v$12 !== _p$.t && _$setAttribute(_el$10, "data-invalid", _p$.t = _v$12);
+      _v$13 !== _p$.a && _$setAttribute(_el$12, "data-transparent", _p$.a = _v$13);
+      _p$.o = _$style(_el$12, _v$14, _p$.o);
+      _v$15 !== _p$.i && _$setAttribute(_el$15, "id", _p$.i = _v$15);
+      _v$16 !== _p$.n && _$setAttribute(_el$15, "name", _p$.n = _v$16);
+      _v$17 !== _p$.s && _$setProperty(_el$15, "disabled", _p$.s = _v$17);
       return _p$;
     }, {
       e: undefined,

package/dist/browser/inputs/ChoiceInputs.js.map

@@ -1 +1 @@
-{"version":3,"names":["For","Show","splitProps","createFieldMeta","Field","fieldControlAria","useUiMessages","commitFieldValue","resolveMaybeAccessor","PinInput","props","messages","meta","id","length","Math","max","inputs","digits","value","replace","slice","error","emit","onValueChange","onValueCommit","updateDigit","index","input","disabled","digit","current","focus","select","handleKeyDown","event","key","preventDefault","handlePaste","pasted","clipboardData","getData","focused","indexOf","document","activeElement","start","insert","next","min","_$createComponent","class","label","description","labelFor","required","children","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","controlId","data-stretch","stretch","undefined","_$insert","each","Array","from","_","_el$2","_tmpl$2","addEventListener","currentTarget","$$keydown","$$input","_$use","element","_$effect","_p$","_v$","_v$2","_v$3","_v$4","pinDigit","total","e","_$setAttribute","t","_$setProperty","a","o","_$runHydrationEvents","when","name","_el$3","_tmpl$3","Slider","local","rest","Number","percentage","span","track","position","center","low","high","resetValue","defaultValue","_el$4","_tmpl$5","_el$5","firstChild","_el$7","nextSibling","_el$8","_co$","_$getNextMarker","style","background","valueAsNumber","onDblClick","showValue","_el$6","_tmpl$4","formatValue","ColorInput","currentColor","isTransparent","transparentValue","compact","picker","control","_el$9","_tmpl$6","_el$0","_el$1","onClick","click","_ref$","_v$5","_v$6","_v$7","_el$10","_tmpl$8","_el$11","_el$12","_el$13","_el$16","_el$17","_co$2","_el$15","_c$","_$memo","toUpperCase","transparent","_el$14","_tmpl$7","$$click","onTransparentValueChange","_v$8","useColor","useTransparent","_v$9","_v$0","_ref$2","_v$1","_v$10","_v$11","_v$12","_v$13","_v$14","_v$15","_$style","i","n","s","_$delegateEvents"],"sources":["inputs/ChoiceInputs.tsx"],"sourcesContent":["import { For, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { FieldProps, MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type PinInputProps = ValueFieldProps<string> & {\n  length?: number;\n  name?: string;\n  stretch?: boolean;\n};\n\nexport function PinInput(props: PinInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const length = () => Math.max(1, props.length ?? 6);\n  let inputs: HTMLInputElement[] = [];\n  const digits = () => (resolveMaybeAccessor(props.value) ?? \"\").replace(/\\D/g, \"\").slice(0, length());\n  const error = () => resolveMaybeAccessor(props.error);\n  const emit = (value: string) => {\n    props.onValueChange?.(value);\n    if (value.length === length()) props.onValueCommit?.(value);\n  };\n\n  const updateDigit = (index: number, input: string) => {\n    if (props.disabled) return;\n    const digit = input.replace(/\\D/g, \"\").slice(-1);\n    const current = digits();\n    emit(`${current.slice(0, index)}${digit}${current.slice(index + 1)}`);\n    if (digit && index < length() - 1) {\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    }\n  };\n\n  const handleKeyDown = (index: number, event: KeyboardEvent) => {\n    if (props.disabled) return;\n    if (event.key === \"ArrowLeft\" && index > 0) {\n      event.preventDefault();\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    } else if (event.key === \"ArrowRight\" && index < length() - 1) {\n      event.preventDefault();\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    } else if (event.key === \"Backspace\" && !digits()[index] && index > 0) {\n      event.preventDefault();\n      const current = digits();\n      emit(`${current.slice(0, index - 1)}${current.slice(index)}`);\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    }\n  };\n\n  const handlePaste = (event: ClipboardEvent) => {\n    if (props.disabled) return;\n    const pasted = event.clipboardData?.getData(\"text\").replace(/\\D/g, \"\");\n    if (!pasted) return;\n    event.preventDefault();\n    const focused = inputs.indexOf(document.activeElement as HTMLInputElement);\n    const start = focused >= 0 ? focused : 0;\n    const insert = pasted.slice(0, length() - start);\n    const current = digits();\n    emit(`${current.slice(0, start)}${insert}${current.slice(start + insert.length)}`.slice(0, length()));\n    const next = Math.min(start + insert.length, length() - 1);\n    inputs[next]?.focus();\n    inputs[next]?.select();\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      labelFor={false}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div\n        class=\"k2b-pin-input\"\n        id={meta.controlId}\n        data-stretch={props.stretch ? \"true\" : undefined}\n        role=\"group\"\n        {...fieldControlAria(meta, props)}\n        onPaste={handlePaste}\n      >\n        <For each={Array.from({ length: length() })}>\n          {(_, index) => (\n            <input\n              ref={(element) => {\n                inputs[index()] = element;\n              }}\n              class=\"k2b-control k2b-pin-input__digit\"\n              data-filled={digits()[index()] ? \"true\" : undefined}\n              type=\"text\"\n              inputmode=\"numeric\"\n              autocomplete=\"off\"\n              pattern=\"[0-9]\"\n              maxlength={1}\n              value={digits()[index()] ?? \"\"}\n              required={props.required}\n              disabled={props.disabled}\n              aria-label={messages().pinDigit({ index: index() + 1, total: length() })}\n              onInput={(event) => updateDigit(index(), event.currentTarget.value)}\n              onKeyDown={(event) => handleKeyDown(index(), event)}\n              onFocus={(event) => event.currentTarget.select()}\n            />\n          )}\n        </For>\n      </div>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={digits()} />}</Show>\n    </Field>\n  );\n}\n\nexport type SliderProps = FieldProps &\n  Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"value\" | \"onInput\" | \"onChange\" | keyof FieldProps> &\n  ValueFieldProps<number> & {\n    value: MaybeAccessor<number>;\n    formatValue?: (value: number) => string;\n    showValue?: boolean;\n    center?: boolean;\n    defaultValue?: number;\n  };\n\nexport function Slider(props: SliderProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"aria-describedby\",\n    \"aria-label\",\n    \"center\",\n    \"class\",\n    \"defaultValue\",\n    \"description\",\n    \"error\",\n    \"id\",\n    \"label\",\n    \"onValueChange\",\n    \"onValueCommit\",\n    \"required\",\n    \"showValue\",\n    \"value\",\n    \"formatValue\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const min = () => Number(rest.min ?? 0);\n  const max = () => Number(rest.max ?? 100);\n  const value = () => resolveMaybeAccessor(local.value) ?? min();\n  const error = () => resolveMaybeAccessor(local.error);\n  const percentage = () => {\n    const span = max() - min();\n    return span <= 0 ? 0 : Math.min(100, Math.max(0, ((value() - min()) / span) * 100));\n  };\n  const track = () => {\n    const position = percentage();\n    if (local.center) {\n      const low = Math.min(50, position);\n      const high = Math.max(50, position);\n      return `linear-gradient(to right, var(--k2b-surface-muted) 0 ${low}%, var(--k2b-action) ${low}% ${high}%, var(--k2b-surface-muted) ${high}% 100%)`;\n    }\n    return `linear-gradient(to right, var(--k2b-action) 0 ${position}%, var(--k2b-surface-muted) ${position}% 100%)`;\n  };\n  const resetValue = () => local.defaultValue ?? (local.center ? (min() + max()) / 2 : min());\n\n  return (\n    <Field\n      class={local.class}\n      label={local.label}\n      description={local.description}\n      error={error()}\n      meta={meta}\n      required={local.required}\n      disabled={rest.disabled}\n    >\n      <div class=\"k2b-slider\">\n        <input\n          {...rest}\n          id={meta.controlId}\n          type=\"range\"\n          value={value()}\n          style={{ background: track() }}\n          {...fieldControlAria(meta, local)}\n          onInput={(event) => local.onValueChange?.(event.currentTarget.valueAsNumber)}\n          onChange={(event) => local.onValueCommit?.(event.currentTarget.valueAsNumber)}\n          onDblClick={() => {\n            const next = resetValue();\n            commitFieldValue(local, next);\n          }}\n        />\n        <Show when={local.showValue ?? true}>\n          <output for={meta.controlId}>{local.formatValue?.(value()) ?? value()}</output>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport type ColorInputProps = ValueFieldProps<string> & {\n  name?: string;\n  compact?: boolean;\n  transparent?: boolean;\n  transparentValue?: MaybeAccessor<boolean>;\n  onTransparentValueChange?: (value: boolean) => void;\n};\n\nexport function ColorInput(props: ColorInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const currentColor = () => resolveMaybeAccessor(props.value) || \"#3b82f6\";\n  const isTransparent = () => resolveMaybeAccessor(props.transparentValue) ?? false;\n  const error = () => resolveMaybeAccessor(props.error);\n  const compact = () => props.compact ?? !props.label;\n  let picker: HTMLInputElement | undefined;\n\n  const control = () =>\n    compact() ? (\n      <span class=\"k2b-color-input k2b-color-input--compact\">\n        <button\n          type=\"button\"\n          class=\"k2b-color-input__swatch\"\n          style={{ \"background-color\": currentColor() }}\n          disabled={props.disabled}\n          {...fieldControlAria(meta, props)}\n          onClick={() => picker?.click()}\n        />\n        <input\n          ref={picker}\n          id={meta.controlId}\n          class=\"k2b-color-input__native\"\n          type=\"color\"\n          name={props.name}\n          value={currentColor()}\n          disabled={props.disabled}\n          onInput={(event) => props.onValueChange?.(event.currentTarget.value)}\n          onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n        />\n      </span>\n    ) : (\n      <div\n        class=\"k2b-color-input\"\n        data-disabled={props.disabled || isTransparent() ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n      >\n        <button\n          type=\"button\"\n          class=\"k2b-color-input__value\"\n          disabled={props.disabled || isTransparent()}\n          {...fieldControlAria(meta, props)}\n          onClick={() => picker?.click()}\n        >\n          <span\n            class=\"k2b-color-input__swatch\"\n            data-transparent={isTransparent() ? \"true\" : undefined}\n            style={isTransparent() ? undefined : { \"background-color\": currentColor() }}\n          />\n          <code>{isTransparent() ? \"transparent\" : currentColor().toUpperCase()}</code>\n        </button>\n        <Show when={props.transparent}>\n          <button\n            type=\"button\"\n            class=\"k2b-color-input__transparent\"\n            aria-label={isTransparent() ? messages().useColor : messages().useTransparent}\n            aria-pressed={isTransparent()}\n            disabled={props.disabled}\n            onClick={() => props.onTransparentValueChange?.(!isTransparent())}\n          >\n            <i class=\"ti ti-grid-dots\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <input\n          ref={picker}\n          id={meta.controlId}\n          class=\"k2b-color-input__native\"\n          type=\"color\"\n          name={props.name}\n          value={currentColor()}\n          disabled={props.disabled || isTransparent()}\n          onInput={(event) => props.onValueChange?.(event.currentTarget.value)}\n          onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n        />\n      </div>\n    );\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      {control()}\n    </Field>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["For","Show","splitProps","createFieldMeta","Field","fieldControlAria","useUiMessages","commitFieldValue","resolveMaybeAccessor","PinInput","props","messages","meta","id","length","Math","max","inputs","digits","value","replace","slice","error","emit","onValueChange","onValueCommit","updateDigit","index","input","disabled","readOnly","digit","current","focus","select","handleKeyDown","event","key","onSubmit","shiftKey","metaKey","preventDefault","handlePaste","pasted","clipboardData","getData","focused","indexOf","document","activeElement","start","insert","next","min","_$createComponent","class","label","description","labelFor","required","children","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","controlId","data-stretch","stretch","undefined","_$insert","each","Array","from","_","_el$2","_tmpl$2","addEventListener","currentTarget","$$keydown","$$input","_$use","element","_$effect","_p$","_v$","_v$2","password","_v$3","_v$4","_v$5","_v$6","pinDigit","total","e","_$setAttribute","t","a","_$setProperty","o","i","n","_$runHydrationEvents","when","name","_el$3","_tmpl$3","Slider","local","rest","Number","percentage","span","track","position","center","low","high","resetValue","defaultValue","_el$4","_tmpl$5","_el$5","firstChild","_el$7","nextSibling","_el$8","_co$","_$getNextMarker","style","background","valueAsNumber","onDblClick","showValue","_el$6","_tmpl$4","formatValue","ColorInput","currentColor","isTransparent","transparentValue","compact","picker","control","_el$9","_tmpl$6","_el$0","_el$1","onClick","click","_ref$","_v$7","_v$8","_v$9","_el$10","_tmpl$8","_el$11","_el$12","_el$13","_el$16","_el$17","_co$2","_el$15","_c$","_$memo","toUpperCase","transparent","_el$14","_tmpl$7","$$click","onTransparentValueChange","_v$0","useColor","useTransparent","_v$1","_v$10","_ref$2","_v$11","_v$12","_v$13","_v$14","_v$15","_v$16","_v$17","_$style","s","_$delegateEvents"],"sources":["inputs/ChoiceInputs.tsx"],"sourcesContent":["import { For, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { FieldProps, MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type PinInputProps = ValueFieldProps<string> & {\n  length?: number;\n  name?: string;\n  stretch?: boolean;\n  password?: boolean;\n  readOnly?: boolean;\n  onSubmit?: () => void;\n};\n\nexport function PinInput(props: PinInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const length = () => Math.max(1, props.length ?? 6);\n  let inputs: HTMLInputElement[] = [];\n  const digits = () => (resolveMaybeAccessor(props.value) ?? \"\").replace(/\\D/g, \"\").slice(0, length());\n  const error = () => resolveMaybeAccessor(props.error);\n  const emit = (value: string) => {\n    props.onValueChange?.(value);\n    if (value.length === length()) props.onValueCommit?.(value);\n  };\n\n  const updateDigit = (index: number, input: string) => {\n    if (props.disabled || props.readOnly) return;\n    const digit = input.replace(/\\D/g, \"\").slice(-1);\n    const current = digits();\n    emit(`${current.slice(0, index)}${digit}${current.slice(index + 1)}`);\n    if (digit && index < length() - 1) {\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    }\n  };\n\n  const handleKeyDown = (index: number, event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    if (event.key === \"Enter\" && props.onSubmit && !event.shiftKey && !event.metaKey) {\n      event.preventDefault();\n      props.onSubmit();\n    } else if (event.key === \"ArrowLeft\" && index > 0) {\n      event.preventDefault();\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    } else if (event.key === \"ArrowRight\" && index < length() - 1) {\n      event.preventDefault();\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    } else if (event.key === \"Backspace\" && !digits()[index] && index > 0) {\n      event.preventDefault();\n      const current = digits();\n      emit(`${current.slice(0, index - 1)}${current.slice(index)}`);\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    }\n  };\n\n  const handlePaste = (event: ClipboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    const pasted = event.clipboardData?.getData(\"text\").replace(/\\D/g, \"\");\n    if (!pasted) return;\n    event.preventDefault();\n    const focused = inputs.indexOf(document.activeElement as HTMLInputElement);\n    const start = focused >= 0 ? focused : 0;\n    const insert = pasted.slice(0, length() - start);\n    const current = digits();\n    emit(`${current.slice(0, start)}${insert}${current.slice(start + insert.length)}`.slice(0, length()));\n    const next = Math.min(start + insert.length, length() - 1);\n    inputs[next]?.focus();\n    inputs[next]?.select();\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      labelFor={false}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div\n        class=\"k2b-pin-input\"\n        id={meta.controlId}\n        data-stretch={props.stretch ? \"true\" : undefined}\n        role=\"group\"\n        {...fieldControlAria(meta, props)}\n        onPaste={handlePaste}\n      >\n        <For each={Array.from({ length: length() })}>\n          {(_, index) => (\n            <input\n              ref={(element) => {\n                inputs[index()] = element;\n              }}\n              class=\"k2b-control k2b-pin-input__digit\"\n              data-filled={digits()[index()] ? \"true\" : undefined}\n              type={props.password ? \"password\" : \"text\"}\n              inputmode=\"numeric\"\n              autocomplete=\"off\"\n              pattern=\"[0-9]\"\n              maxlength={1}\n              value={digits()[index()] ?? \"\"}\n              required={props.required}\n              disabled={props.disabled}\n              readOnly={props.readOnly}\n              aria-label={messages().pinDigit({ index: index() + 1, total: length() })}\n              onInput={(event) => updateDigit(index(), event.currentTarget.value)}\n              onKeyDown={(event) => handleKeyDown(index(), event)}\n              onFocus={(event) => event.currentTarget.select()}\n            />\n          )}\n        </For>\n      </div>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={digits()} />}</Show>\n    </Field>\n  );\n}\n\nexport type SliderProps = FieldProps &\n  Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"value\" | \"onInput\" | \"onChange\" | keyof FieldProps> &\n  ValueFieldProps<number> & {\n    value: MaybeAccessor<number>;\n    formatValue?: (value: number) => string;\n    showValue?: boolean;\n    center?: boolean;\n    defaultValue?: number;\n  };\n\nexport function Slider(props: SliderProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"aria-describedby\",\n    \"aria-label\",\n    \"center\",\n    \"class\",\n    \"defaultValue\",\n    \"description\",\n    \"error\",\n    \"id\",\n    \"label\",\n    \"onValueChange\",\n    \"onValueCommit\",\n    \"required\",\n    \"showValue\",\n    \"value\",\n    \"formatValue\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const min = () => Number(rest.min ?? 0);\n  const max = () => Number(rest.max ?? 100);\n  const value = () => resolveMaybeAccessor(local.value) ?? min();\n  const error = () => resolveMaybeAccessor(local.error);\n  const percentage = () => {\n    const span = max() - min();\n    return span <= 0 ? 0 : Math.min(100, Math.max(0, ((value() - min()) / span) * 100));\n  };\n  const track = () => {\n    const position = percentage();\n    if (local.center) {\n      const low = Math.min(50, position);\n      const high = Math.max(50, position);\n      return `linear-gradient(to right, var(--k2b-surface-muted) 0 ${low}%, var(--k2b-action) ${low}% ${high}%, var(--k2b-surface-muted) ${high}% 100%)`;\n    }\n    return `linear-gradient(to right, var(--k2b-action) 0 ${position}%, var(--k2b-surface-muted) ${position}% 100%)`;\n  };\n  const resetValue = () => local.defaultValue ?? (local.center ? (min() + max()) / 2 : min());\n\n  return (\n    <Field\n      class={local.class}\n      label={local.label}\n      description={local.description}\n      error={error()}\n      meta={meta}\n      required={local.required}\n      disabled={rest.disabled}\n    >\n      <div class=\"k2b-slider\">\n        <input\n          {...rest}\n          id={meta.controlId}\n          type=\"range\"\n          value={value()}\n          style={{ background: track() }}\n          {...fieldControlAria(meta, local)}\n          onInput={(event) => local.onValueChange?.(event.currentTarget.valueAsNumber)}\n          onChange={(event) => local.onValueCommit?.(event.currentTarget.valueAsNumber)}\n          onDblClick={() => {\n            const next = resetValue();\n            commitFieldValue(local, next);\n          }}\n        />\n        <Show when={local.showValue ?? true}>\n          <output for={meta.controlId}>{local.formatValue?.(value()) ?? value()}</output>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport type ColorInputProps = ValueFieldProps<string> & {\n  name?: string;\n  compact?: boolean;\n  transparent?: boolean;\n  transparentValue?: MaybeAccessor<boolean>;\n  onTransparentValueChange?: (value: boolean) => void;\n};\n\nexport function ColorInput(props: ColorInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const currentColor = () => resolveMaybeAccessor(props.value) || \"#3b82f6\";\n  const isTransparent = () => resolveMaybeAccessor(props.transparentValue) ?? false;\n  const error = () => resolveMaybeAccessor(props.error);\n  const compact = () => props.compact ?? !props.label;\n  let picker: HTMLInputElement | undefined;\n\n  const control = () =>\n    compact() ? (\n      <span class=\"k2b-color-input k2b-color-input--compact\">\n        <button\n          type=\"button\"\n          class=\"k2b-color-input__swatch\"\n          style={{ \"background-color\": currentColor() }}\n          disabled={props.disabled}\n          {...fieldControlAria(meta, props)}\n          onClick={() => picker?.click()}\n        />\n        <input\n          ref={picker}\n          id={meta.controlId}\n          class=\"k2b-color-input__native\"\n          type=\"color\"\n          name={props.name}\n          value={currentColor()}\n          disabled={props.disabled}\n          onInput={(event) => props.onValueChange?.(event.currentTarget.value)}\n          onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n        />\n      </span>\n    ) : (\n      <div\n        class=\"k2b-color-input\"\n        data-disabled={props.disabled || isTransparent() ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n      >\n        <button\n          type=\"button\"\n          class=\"k2b-color-input__value\"\n          disabled={props.disabled || isTransparent()}\n          {...fieldControlAria(meta, props)}\n          onClick={() => picker?.click()}\n        >\n          <span\n            class=\"k2b-color-input__swatch\"\n            data-transparent={isTransparent() ? \"true\" : undefined}\n            style={isTransparent() ? undefined : { \"background-color\": currentColor() }}\n          />\n          <code>{isTransparent() ? \"transparent\" : currentColor().toUpperCase()}</code>\n        </button>\n        <Show when={props.transparent}>\n          <button\n            type=\"button\"\n            class=\"k2b-color-input__transparent\"\n            aria-label={isTransparent() ? messages().useColor : messages().useTransparent}\n            aria-pressed={isTransparent()}\n            disabled={props.disabled}\n            onClick={() => props.onTransparentValueChange?.(!isTransparent())}\n          >\n            <i class=\"ti ti-grid-dots\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <input\n          ref={picker}\n          id={meta.controlId}\n          class=\"k2b-color-input__native\"\n          type=\"color\"\n          name={props.name}\n          value={currentColor()}\n          disabled={props.disabled || isTransparent()}\n          onInput={(event) => props.onValueChange?.(event.currentTarget.value)}\n          onChange={(event) => props.onValueCommit?.(event.currentTarget.value)}\n        />\n      </div>\n    );\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      {control()}\n    </Field>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/SelectChip.js

@@ -1,9 +1,9 @@
 import { template as _$template } from "solid-js/web";
 import { setProperty as _$setProperty } from "solid-js/web";
-import { setAttribute as _$setAttribute } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
-import { effect as _$effect } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
 import { getNextElement as _$getNextElement } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
@@ -126,6 +126,7 @@ export function SelectChip(props) {
                   return [(() => {
                     var _el$ = _$getNextElement(_tmpl$);
                     _$insert(_el$, () => selected()?.label ?? props.placeholder ?? "");
+                    _$effect(() => _$setAttribute(_el$, "data-placeholder", selected() ? undefined : "true"));
                     return _el$;
                   })(), _$getNextElement(_tmpl$2)];
                 }