@webority/ui-elements 0.149.0 → 0.152.0

package/types/global/parts/select-chips.d.ts

@@ -0,0 +1 @@
+export {};

package/types/global/parts/select-country.d.ts

@@ -0,0 +1 @@
+export {};

package/types/global/parts/select-recents.d.ts

@@ -0,0 +1 @@
+export {};

package/types/global/parts/select-search.d.ts

@@ -0,0 +1 @@
+export {};

package/types/global/shared.d.ts

@@ -0,0 +1,56 @@
+import * as anchorOverlay from "../anchorOverlay.ts";
+import * as buttonClass from "../buttonClass.ts";
+import * as calendarMath from "../calendarMath.ts";
+import * as copyText from "../copyText.ts";
+import * as dataTable from "../dataTable.ts";
+import * as defineElement from "../defineElement.ts";
+import * as devWarn from "../devWarn.ts";
+import * as elementBase from "../elementBase.ts";
+import * as fieldState from "../fieldState.ts";
+import * as formatters from "../formatters.ts";
+import * as formMirror from "../formMirror.ts";
+import * as iconGlyphs from "../iconGlyphs.g.ts";
+import * as listboxKeyNav from "../listboxKeyNav.ts";
+import * as mentionText from "../mentionText.ts";
+import * as notificationDays from "../notificationDays.ts";
+import * as optionLabel from "../optionLabel.ts";
+import * as selectList from "../select/list.ts";
+import * as partRegistry from "../select/partRegistry.ts";
+import * as selectRemote from "../select/remote.ts";
+import * as wuiHttp from "../server/wuiHttp.ts";
+import * as stepperHeader from "../stepperHeader.ts";
+import * as tableSelect from "../tableSelect.ts";
+import * as textMatch from "../textMatch.ts";
+import * as WuiSelect from "../WuiSelect.ts";
+import * as zone from "../zone.ts";
+import * as glyphs from "./glyphs.ts";
+import * as loader from "./loader.ts";
+export declare const SHARED_MODULES: Readonly<{
+    anchorOverlay: typeof anchorOverlay;
+    buttonClass: typeof buttonClass;
+    calendarMath: typeof calendarMath;
+    copyText: typeof copyText;
+    dataTable: typeof dataTable;
+    defineElement: typeof defineElement;
+    devWarn: typeof devWarn;
+    elementBase: typeof elementBase;
+    fieldState: typeof fieldState;
+    formatters: typeof formatters;
+    formMirror: typeof formMirror;
+    glyphs: typeof glyphs;
+    iconGlyphs: typeof iconGlyphs;
+    listboxKeyNav: typeof listboxKeyNav;
+    loader: typeof loader;
+    mentionText: typeof mentionText;
+    notificationDays: typeof notificationDays;
+    optionLabel: typeof optionLabel;
+    partRegistry: typeof partRegistry;
+    selectList: typeof selectList;
+    selectRemote: typeof selectRemote;
+    stepperHeader: typeof stepperHeader;
+    tableSelect: typeof tableSelect;
+    textMatch: typeof textMatch;
+    wuiHttp: typeof wuiHttp;
+    WuiSelect: typeof WuiSelect;
+    zone: typeof zone;
+}>;

package/types/globals.d.ts

@@ -0,0 +1,238 @@
+import type { WuiFilterPopover } from "./filterPopover.ts";
+import type { WuiKanban } from "./kanban.ts";
+import type { WuiStatusIcon } from "./statusIcons.ts";
+import type { WuiTourStep } from "./tourGlobal.ts";
+import type { WuiCalendar } from "./WuiCalendar.ts";
+import type { WuiCarousel } from "./WuiCarousel.ts";
+import type { WuiChart } from "./WuiChart.ts";
+import type { WuiCodeBlock } from "./WuiCodeBlock.ts";
+import type { WuiCommandPalette } from "./WuiCommandPalette.ts";
+import type { WuiCommentThread } from "./WuiCommentThread.ts";
+import type { WuiConsentBanner } from "./WuiConsentBanner.ts";
+import type { WuiContextMenu } from "./WuiContextMenu.ts";
+import type { WuiDataTable } from "./WuiDataTable.ts";
+import type { WuiDatePicker } from "./WuiDatePicker.ts";
+import type { WuiDateRange } from "./WuiDateRange.ts";
+import type { WuiDock } from "./WuiDock.ts";
+import type { WuiDrawer } from "./WuiDrawer.ts";
+import type { WuiFileViewer } from "./WuiFileViewer.ts";
+import type { WuiHoverCard } from "./WuiHoverCard.ts";
+import type { WuiImageCrop } from "./WuiImageCrop.ts";
+import type { WuiInlineEdit } from "./WuiInlineEdit.ts";
+import type { WuiLeadPopup } from "./WuiLeadPopup.ts";
+import type { WuiLightbox } from "./WuiLightbox.ts";
+import type { WuiMarkdown } from "./WuiMarkdown.ts";
+import type { WuiMentionInput } from "./WuiMentionInput.ts";
+import type { WuiNavigationMenu } from "./WuiNavigationMenu.ts";
+import type { WuiNotificationCenter } from "./WuiNotificationCenter.ts";
+import type { WuiOnboardingChecklist } from "./WuiOnboardingChecklist.ts";
+import type { WuiOrgTree } from "./WuiOrgTree.ts";
+import type { WuiOtp } from "./WuiOtp.ts";
+import type { WuiOverflow } from "./WuiOverflow.ts";
+import type { WuiPhone } from "./WuiPhone.ts";
+import type { WuiRating } from "./WuiRating.ts";
+import type { WuiRecordPager } from "./WuiRecordPager.ts";
+import type { WuiRelativeTime } from "./WuiRelativeTime.ts";
+import type { WuiResizable } from "./WuiResizable.ts";
+import type { WuiRichText } from "./WuiRichText.ts";
+import type { WuiRollingNumber } from "./WuiRollingNumber.ts";
+import type { WuiSavedViews } from "./WuiSavedViews.ts";
+import type { WuiSelect } from "./WuiSelect.ts";
+import type { WuiShortcuts } from "./WuiShortcuts.ts";
+import type { WuiShowMore } from "./WuiShowMore.ts";
+import type { WuiSlider } from "./WuiSlider.ts";
+import type { WuiSortable } from "./WuiSortable.ts";
+import type { WuiTimePicker } from "./WuiTimePicker.ts";
+import type { WuiTour } from "./WuiTour.ts";
+import type { WuiTree } from "./WuiTree.ts";
+import type { WuiTruncate } from "./WuiTruncate.ts";
+import type { WuiWhatsNew } from "./WuiWhatsNew.ts";
+import type { WuiWizard } from "./WuiWizard.ts";
+import type { WuiWizardStep } from "./WuiWizardStep.ts";
+export interface WuiElementTagMap {
+    "wui-calendar": WuiCalendar;
+    "wui-carousel": WuiCarousel;
+    "wui-chart": WuiChart;
+    "wui-code-block": WuiCodeBlock;
+    "wui-command-palette": WuiCommandPalette;
+    "wui-comment-thread": WuiCommentThread;
+    "wui-consent-banner": WuiConsentBanner;
+    "wui-context-menu": WuiContextMenu;
+    "wui-data-table": WuiDataTable;
+    "wui-datepicker": WuiDatePicker;
+    "wui-date-range": WuiDateRange;
+    "wui-dock": WuiDock;
+    "wui-drawer": WuiDrawer;
+    "wui-file-viewer": WuiFileViewer;
+    "wui-filter-popover": WuiFilterPopover;
+    "wui-hover-card": WuiHoverCard;
+    "wui-image-crop": WuiImageCrop;
+    "wui-inline-edit": WuiInlineEdit;
+    "wui-kanban": WuiKanban;
+    "wui-lead-popup": WuiLeadPopup;
+    "wui-lightbox": WuiLightbox;
+    "wui-markdown": WuiMarkdown;
+    "wui-mention-input": WuiMentionInput;
+    "wui-navigation-menu": WuiNavigationMenu;
+    "wui-notification-center": WuiNotificationCenter;
+    "wui-onboarding-checklist": WuiOnboardingChecklist;
+    "wui-org-tree": WuiOrgTree;
+    "wui-otp": WuiOtp;
+    "wui-overflow": WuiOverflow;
+    "wui-phone": WuiPhone;
+    "wui-rating": WuiRating;
+    "wui-record-pager": WuiRecordPager;
+    "wui-relative-time": WuiRelativeTime;
+    "wui-resizable": WuiResizable;
+    "wui-rich-text": WuiRichText;
+    "wui-rolling-number": WuiRollingNumber;
+    "wui-saved-views": WuiSavedViews;
+    "wui-select": WuiSelect;
+    "wui-shortcuts": WuiShortcuts;
+    "wui-show-more": WuiShowMore;
+    "wui-slider": WuiSlider;
+    "wui-sortable": WuiSortable;
+    "wui-status-icon": WuiStatusIcon;
+    "wui-timepicker": WuiTimePicker;
+    "wui-tour": WuiTour;
+    "wui-tour-step": WuiTourStep;
+    "wui-tree": WuiTree;
+    "wui-truncate": WuiTruncate;
+    "wui-whats-new": WuiWhatsNew;
+    "wui-wizard": WuiWizard;
+    "wui-wizard-step": WuiWizardStep;
+}
+export interface BootstrapComponent<Instance, Options> {
+    new (element: Element | string, config?: Options): Instance;
+    getInstance(element: Element): Instance | null;
+    getOrCreateInstance(element: Element, config?: Options): Instance;
+    readonly EVENT_KEY: string;
+}
+export interface BootstrapModalInstance {
+    show(): void;
+    hide(): void;
+    toggle(): void;
+    handleUpdate(): void;
+    dispose(): void;
+}
+export interface BootstrapModalOptions {
+    backdrop?: boolean | "static";
+    focus?: boolean;
+    keyboard?: boolean;
+}
+export interface BootstrapTipInstance {
+    tip?: HTMLElement | null;
+    show(): void;
+    hide(): void;
+    toggle(): void;
+    update(): void;
+    dispose(): void;
+    setContent(content: Record<string, string | Element | null>): void;
+}
+export interface BootstrapTipOptions {
+    animation?: boolean;
+    boundary?: string | Element;
+    container?: string | Element | false;
+    content?: string | Element | (() => string | Element);
+    customClass?: string;
+    delay?: number | {
+        show: number;
+        hide: number;
+    };
+    fallbackPlacements?: string[];
+    html?: boolean;
+    offset?: [number, number] | string;
+    placement?: "auto" | "top" | "bottom" | "left" | "right";
+    popperConfig?: object | ((defaults: {
+        modifiers?: unknown[];
+    }) => object);
+    sanitize?: boolean;
+    selector?: string | false;
+    template?: string;
+    title?: string | Element | (() => string | Element);
+    trigger?: string;
+}
+export interface BootstrapDropdownInstance {
+    show(): void;
+    hide(): void;
+    toggle(): void;
+    update(): void;
+    dispose(): void;
+}
+export interface BootstrapTabInstance {
+    show(): void;
+    dispose(): void;
+}
+export type BootstrapTabOptions = Record<string, never>;
+export interface WuiBootstrap {
+    Modal: BootstrapComponent<BootstrapModalInstance, BootstrapModalOptions>;
+    Tooltip: BootstrapComponent<BootstrapTipInstance, BootstrapTipOptions>;
+    Popover: BootstrapComponent<BootstrapTipInstance, BootstrapTipOptions> & {
+        Default: {
+            template: string;
+        };
+    };
+    Dropdown: BootstrapComponent<BootstrapDropdownInstance, object>;
+    Tab: BootstrapComponent<BootstrapTabInstance, BootstrapTabOptions>;
+}
+export interface WuiEventMap {
+    "wui:shell:collapse": CustomEvent<{
+        collapsed: boolean;
+    }>;
+    "wui:shell:nav-fold": CustomEvent<{
+        key: string | undefined;
+        folded: boolean;
+    }>;
+    "wui:notifications:loaded": CustomEvent<{
+        unread: number;
+    }>;
+    "wui:search:select": CustomEvent<{
+        href: string;
+    }>;
+    "wui:teardown": CustomEvent<null>;
+    search: CustomEvent<{
+        query: string;
+        seq: number;
+    }>;
+}
+declare global {
+    interface HTMLElementTagNameMap extends WuiElementTagMap {
+    }
+    interface HTMLElementEventMap extends WuiEventMap {
+    }
+    interface DocumentEventMap extends WuiEventMap {
+    }
+    var bootstrap: WuiBootstrap | undefined;
+    var WeborityUiElements: typeof import("./global/core.ts") & Partial<typeof import("./elements/carousel.ts")> & Partial<typeof import("./elements/code-block.ts")> & Partial<typeof import("./elements/command-palette.ts")> & Partial<typeof import("./elements/comment-thread.ts")> & Partial<typeof import("./elements/consent-banner.ts")> & Partial<typeof import("./elements/context-menu.ts")> & Partial<typeof import("./elements/date-range.ts")> & Partial<typeof import("./elements/drawer.ts")> & Partial<typeof import("./elements/image-crop.ts")> & Partial<typeof import("./elements/inline-edit.ts")> & Partial<typeof import("./elements/kanban.ts")> & Partial<typeof import("./elements/lead-popup.ts")> & Partial<typeof import("./elements/lightbox.ts")> & Partial<typeof import("./elements/org-tree.ts")> & Partial<typeof import("./elements/markdown.ts")> & Partial<typeof import("./elements/phone.ts")> & Partial<typeof import("./global/parts/select-country.ts")> & Partial<typeof import("./elements/resizable.ts")> & Partial<typeof import("./elements/saved-views.ts")> & Partial<typeof import("./global/parts/select-chips.ts")> & Partial<typeof import("./global/parts/select-recents.ts")> & Partial<typeof import("./global/parts/select-search.ts")> & Partial<typeof import("./elements/slider.ts")> & Partial<typeof import("./elements/sortable.ts")> & Partial<typeof import("./elements/status-icon.ts")> & Partial<typeof import("./elements/timepicker.ts")> & Partial<typeof import("./elements/tour.ts")> & Partial<typeof import("./elements/tree.ts")> & Partial<typeof import("./elements/wizard.ts")>;
+    var WeborityFileViewer: typeof import("./fileViewer.ts") | undefined;
+    var WeborityChart: typeof import("./chart.ts") | undefined;
+    var WeborityCalendar: typeof import("./calendar.ts") | undefined;
+    var WeborityRichText: typeof import("./richText.ts") | undefined;
+    var WeborityTour: typeof import("./tourGlobal.ts") | undefined;
+    var WeborityLeadPopup: typeof import("./leadPopupGlobal.ts") | undefined;
+    var WeborityConsentBanner: typeof import("./consentBannerGlobal.ts") | undefined;
+    var WeborityPublicForms: {
+        session: () => Promise<{
+            token: string;
+            formStamp: string;
+        }>;
+        mintToken: (action: string) => Promise<string>;
+    } | undefined;
+    interface WuiHost {
+        refresh(root?: Document | Element): void;
+        toast(message: string, opts?: import("./toastTypes.ts").ToastOptions): HTMLElement | null;
+        modal: {
+            open(id: string): void;
+            close(id: string): void;
+            load(url: string, options?: Parameters<typeof import("./server/remoteModal.ts").loadRemoteModal>[1]): ReturnType<typeof import("./server/remoteModal.ts").loadRemoteModal>;
+        };
+        tour: {
+            seenStore: {
+                isSeen(tourId: string): Promise<boolean>;
+                markSeen(tourId: string, outcome: "finished" | "skipped"): Promise<void>;
+            } | null;
+            start(id: string): unknown;
+        };
+    }
+    var WUI: WuiHost | undefined;
+}

package/types/helpers.d.ts

@@ -1,3 +1,29 @@
-export function postedMasked(mask: string, value: string): string;
-
-export function themeBootScript(storageKey?: string): string;
+export { AVATAR_ACCEPT, AVATAR_MAX_SIZE_MB, AVATAR_OUTPUT_SIZE, AVATAR_OUTPUT_TYPE, AVATAR_PREVIEW_SIZES, AVATAR_TEXT, avatarCropOptions, avatarUnreadableMessage, isHeicFile, } from "./avatarPicker.ts";
+export { COMMAND_SHORTCUT_ATTRIBUTE, initCommandShortcuts, isCommandChord } from "./commandShortcut.ts";
+export { COMMENT_INTENTS, COMMENT_REACTIONS, COMMENT_TEXT, type CommentIntent } from "./commentText.ts";
+export { COPY_FEEDBACK_MS, copyTextToClipboard } from "./copyText.ts";
+export { CURRENCY_SYMBOLS, currencyPrefix, DEFAULT_CURRENCY, isCurrencyCode } from "./currency.ts";
+export { COLUMN_MAX_WIDTH, COLUMN_MIN_WIDTH, clampColumnWidth, DATA_TABLE_TEXT, groupCount, groupItems, identityCell, measureRows, PIN_AT_VAR, PIN_SIDES, pinAtValue, pinClasses, pinOffsetVar, planPins, playRowMoves, RESIZE_STEP, RESIZE_STEP_LARGE, ROW_HEIGHTS, ROW_MOVE_LIMIT, ROW_MOVE_MS, ROW_SAVE_ATTR, ROW_SAVE_ERROR_CLASS, ROW_SAVE_STATES, readColumnWidths, rowLabel, rowOrderChanged, saveOutcomeText, setRowSaveState, settledRows, VIRTUAL_OVERSCAN, virtualRange, writeColumnWidths, } from "./dataTable.ts";
+export { isElementDefined, whenElementDefined } from "./elementRegistry.ts";
+export { acceptDroppedFiles, attachFileDrop } from "./fileDrop.ts";
+export { acceptLabel, DEFAULT_IMAGE_ACCEPT, DEFAULT_MAX_SIZE_MB, formatFileSize, isImageFile, isImageOnlyAccept, isPdfFile, matchesAccept, validateFile, } from "./fileValidation.ts";
+export { CURRENCIES, DATE_PATTERNS, DURATION_UNITS, EMPTY_VALUE, FORMAT_STYLES, formatCompact, formatCurrency, formatDate, formatDateTime, formatDuration, formatNumber, formatPercent, formatValue, IST_TIME_ZONE, MONEY_UNITS, timeZoneLabel, toInstant, } from "./formatters.ts";
+export { glyphSvg } from "./iconGlyphs.g.ts";
+export { INLINE_EDIT_SAVED_MS, INLINE_EDIT_TEXT, INLINE_EDIT_TYPES, type InlineEditFailedDetail, type InlineEditOption, type InlineEditSavedDetail, type InlineEditTextConfig, type InlineEditTextResult, type InlineEditType, inlineEditText, } from "./inlineEditText.ts";
+export { attachInputMask, formatMasked, initInputMasks, isMaskPattern, MASK_INPUT_TYPES, MASK_NAMES, maskedPostValue, postedMasked, rawMasked, resolveMask, } from "./inputMask.ts";
+export { KANBAN_DRAG_THRESHOLD_PX, KANBAN_LONG_PRESS_MS, KANBAN_PHONE_QUERY, KANBAN_STORAGE_PREFIX, KANBAN_SUMMARY_FORMATS, KANBAN_TEXT, KANBAN_TONES, kanbanCardLabel, kanbanOverflow, kanbanStorageKey, kanbanSummaryFormat, kanbanVisibleLimit, readKanbanCollapsed, type SummaryFormat, sumKanbanValues, writeKanbanCollapsed, } from "./kanbanModel.ts";
+export { MENTION_ID_PATTERN, type MentionPart, type MentionSpan, mentionedIds, mentionLabel, mentionTextFromValue, mentionValueFromText, parseMentionValue, } from "./mentionText.ts";
+export { revealActiveNavItem } from "./navReveal.ts";
+export { groupNotificationsByDay, NOTIFICATION_COUNT_CAP, NOTIFICATION_TEXT, notificationCountText, notificationDayHeading, notificationTime, notificationTriggerLabel, notificationUnreadAnnouncement, } from "./notificationDays.ts";
+export { withTrustedLabel } from "./optionLabel.ts";
+export { buildPasswordRules, DEFAULT_PASSWORD_RULES, DEFAULT_REQUIREMENTS_TITLE, evaluatePassword, type PasswordRuleResult, passwordSatisfies, } from "./passwordRules.ts";
+export { formatRelativeTime, RELATIVE_LIMIT_DAYS, relativeTimeTitle } from "./relativeTime.ts";
+export { attachRowDrag, syncTargets } from "./rowDrop.ts";
+export { attachScrollEdges, initScrollEdges, SCROLL_EDGE_SELECTOR } from "./scrollEdges.ts";
+export { ariaKeyShortcuts, inShortcutScope, isTypingTarget, LIST_KEYS, moveFocus, runShortcut, SELECT_KEY, SHORTCUT_EVENT, SHORTCUT_SCOPE_ATTRIBUTE, SHORTCUT_TEXT, SHORTCUTS_OFF_ATTRIBUTE, shortcutKey, shortcutName, shortcutsOff, } from "./shortcutKeys.ts";
+export { deriveStepStatus, stepperHeaderItems } from "./stepperHeader.ts";
+export { initSubmitOnce, SUBMIT_ONCE_ATTRIBUTE } from "./submitOnce.ts";
+export { matchSegments } from "./textMatch.ts";
+export { applyTheme, DEFAULT_THEME_EFFECT, DEFAULT_THEME_STORAGE_KEY, nextTheme, readStoredTheme, resolveTheme, storeTheme, THEME_CHANGE_EVENT, THEME_EFFECT_DURATION, THEME_EFFECTS, THEME_MODES, THEME_SWITCHING_CLASS, themeBootScript, themeKeyframes, transitionTheme, watchSystemTheme, } from "./themeTransition.ts";
+export { createLocalSeenStore } from "./tourSeenStore.ts";
+export { isTimeZone, todayIn, wallClockOf, zoneOffsetMs, zoneParts } from "./zone.ts";

package/types/iconGlyphs.g.d.ts

@@ -0,0 +1,7 @@
+export declare const GLYPHS: Record<string, string>;
+export declare const iconNames: string[];
+/** The library's single icon SVG emitter — identical markup to Razor's IconMarkup.Render. */
+export declare function glyphSvg(name: string, { size, className }?: {
+    size?: number;
+    className?: string;
+}): string;

package/types/iconGlyphsCore.g.d.ts

@@ -0,0 +1 @@
+export declare const CORE_GLYPHS: Readonly<Record<string, string>>;

package/types/iconGlyphsLazy.g.d.ts

@@ -0,0 +1 @@
+export declare const LAZY_GLYPHS: Readonly<Record<string, string>>;

package/types/imageCrop.d.ts

@@ -0,0 +1,75 @@
+interface Rect {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+export declare const MIN_ZOOM: number;
+export declare const MAX_ZOOM: number;
+export declare const MAX_OUTPUT_SIDE: number;
+/** A positive aspect ratio (width / height), or null for a free crop. */
+export declare function parseAspect(value: unknown): number | null;
+/** The largest rect of the given aspect that fits the image, centred. Free keeps the whole image. */
+export declare function baseRect(nw: number, nh: number, aspect: number | null): Rect;
+/** Keep the rect inside the image without changing its size. */
+export declare function clampRect(rect: Rect, nw: number, nh: number): Rect;
+export declare function moveRect(rect: Rect, dx: number, dy: number, nw: number, nh: number): Rect;
+/** The smallest allowed side, in natural pixels. */
+export declare function minSide(nw: number, nh: number): number;
+/** Zoom = how many times smaller than the base rect the crop is. */
+export declare function zoomOf(rect: Rect, base: Rect): number;
+/**
+ * The most the frame can be zoomed in. A free crop can already be smaller than a quarter of the
+ * base, so the cap never sits below where the frame is: zoom in then holds it, never enlarges it.
+ */
+export declare function maxZoomFor(rect: Rect, base: Rect): number;
+/** Resize about the rect's centre so its width is base.w / zoom, keeping its own aspect. */
+export declare function setZoom(rect: Rect, base: Rect, zoom: number, nw: number, nh: number): Rect;
+export declare const CORNERS: string[];
+/** Drag one corner of a free crop to the natural-pixel point (px, py); the opposite corner stays. */
+export declare function resizeCorner(rect: Rect, corner: string, px: number, py: number, nw: number, nh: number): Rect;
+/** Canvas size for a rect: its own pixels, scaled down only when the longest side is past the cap. */
+export declare function outputSize(rect: Rect, maxSide?: number): {
+    width: number;
+    height: number;
+};
+/**
+ * Canvas size when the caller asks for an exact longest side: a small crop is scaled UP to it, so
+ * an avatar is always the size the product stores, however far the person zoomed in.
+ */
+export declare function exactOutputSize(rect: Rect, side: number): {
+    width: number;
+    height: number;
+};
+export declare const ROTATIONS: number[];
+/** The image's size once turned by `rotation` degrees: a quarter turn swaps the sides. */
+export declare function rotatedSize(w: number, h: number, rotation: number): {
+    w: number;
+    h: number;
+};
+/**
+ * The same crop after the image turns a quarter clockwise. `nw` x `nh` is the image BEFORE the
+ * turn; a natural point (x, y) lands on (nh - y, x), so the frame keeps covering the same pixels.
+ */
+export declare function rotateRectClockwise(rect: Rect, nw: number, nh: number): Rect;
+/** "96, 48" or "96 48" as whole positive pixel sizes; anything else is dropped. */
+export declare function parsePreviewSizes(value: unknown): number[];
+/** Same type when a canvas can encode it, otherwise PNG (a GIF or AVIF is flattened to one frame). */
+export declare function outputType(type: unknown): string;
+/** The picked file's name with the extension that matches the output type. */
+export declare function outputName(name: unknown, type: string): string;
+/**
+ * Encode within a byte limit. `encode(width, height, type, quality)` resolves a Blob (or null).
+ * Lossy types step the quality down first, then every type shrinks the canvas; the last attempt is
+ * returned even when still over, so the caller's own size validation reports it in the usual words.
+ */
+export declare function encodeWithinLimit<T extends {
+    size: number;
+    type?: string;
+}>(encode: (width: number, height: number, type: string, quality: number | undefined) => Promise<T | null>, { width, height, type, maxBytes }: {
+    width: number;
+    height: number;
+    type: string;
+    maxBytes: number;
+}): Promise<T | null>;
+export {};

package/types/index.d.ts

@@ -0,0 +1,54 @@
+import { WuiKanban } from "./kanban.ts";
+import { WuiStatusIcon } from "./statusIcons.ts";
+import { WuiCarousel } from "./WuiCarousel.ts";
+import { WuiCodeBlock } from "./WuiCodeBlock.ts";
+import { WuiCommandPalette } from "./WuiCommandPalette.ts";
+import { WuiCommentThread } from "./WuiCommentThread.ts";
+import { WuiConsentBanner } from "./WuiConsentBanner.ts";
+import { WuiContextMenu } from "./WuiContextMenu.ts";
+import { WuiDataTable } from "./WuiDataTable.ts";
+import { WuiDatePicker } from "./WuiDatePicker.ts";
+import { WuiDateRange } from "./WuiDateRange.ts";
+import { WuiDock } from "./WuiDock.ts";
+import { WuiDrawer } from "./WuiDrawer.ts";
+import { WuiHoverCard } from "./WuiHoverCard.ts";
+import { WuiImageCrop } from "./WuiImageCrop.ts";
+import { WuiInlineEdit } from "./WuiInlineEdit.ts";
+import { WuiLeadPopup } from "./WuiLeadPopup.ts";
+import { WuiLightbox } from "./WuiLightbox.ts";
+import { WuiMarkdown } from "./WuiMarkdown.ts";
+import { WuiMentionInput } from "./WuiMentionInput.ts";
+import { WuiNavigationMenu } from "./WuiNavigationMenu.ts";
+import { WuiNotificationCenter } from "./WuiNotificationCenter.ts";
+import { WuiOnboardingChecklist } from "./WuiOnboardingChecklist.ts";
+import { WuiOrgTree } from "./WuiOrgTree.ts";
+import { WuiOtp } from "./WuiOtp.ts";
+import { WuiOverflow } from "./WuiOverflow.ts";
+import { WuiPhone } from "./WuiPhone.ts";
+import { WuiRating } from "./WuiRating.ts";
+import { WuiRecordPager } from "./WuiRecordPager.ts";
+import { WuiRelativeTime } from "./WuiRelativeTime.ts";
+import { WuiResizable } from "./WuiResizable.ts";
+import { WuiRollingNumber } from "./WuiRollingNumber.ts";
+import { WuiSavedViews } from "./WuiSavedViews.ts";
+import { WuiSelect } from "./WuiSelect.ts";
+import { WuiShortcuts } from "./WuiShortcuts.ts";
+import { WuiShowMore } from "./WuiShowMore.ts";
+import { WuiSlider } from "./WuiSlider.ts";
+import { WuiSortable } from "./WuiSortable.ts";
+import { WuiTimePicker } from "./WuiTimePicker.ts";
+import { WuiTour } from "./WuiTour.ts";
+import { WuiTree } from "./WuiTree.ts";
+import { WuiTruncate } from "./WuiTruncate.ts";
+import { WuiWhatsNew } from "./WuiWhatsNew.ts";
+import { WuiWizard } from "./WuiWizard.ts";
+import { WuiWizardStep } from "./WuiWizardStep.ts";
+export declare function defineWeborityElements(): void;
+export { formatCompact, formatCurrency, formatDate, formatDateTime, formatNumber, formatPercent, formatValue, } from "./formatters.ts";
+export type { WuiElementTagMap } from "./globals.ts";
+export { ROW_DROP_EVENT } from "./rowDrop.ts";
+export { DISCARD_EVENT } from "./server/drawerDiscard.ts";
+export { SHORTCUT_EVENT } from "./shortcutKeys.ts";
+export { THEME_CHANGE_EVENT } from "./themeTransition.ts";
+export { WHATS_NEW_READ_EVENT } from "./WuiWhatsNew.ts";
+export { WuiCarousel, WuiCodeBlock, WuiCommandPalette, WuiCommentThread, WuiConsentBanner, WuiContextMenu, WuiDataTable, WuiDatePicker, WuiDateRange, WuiDock, WuiDrawer, WuiHoverCard, WuiImageCrop, WuiInlineEdit, WuiKanban, WuiLeadPopup, WuiLightbox, WuiMarkdown, WuiMentionInput, WuiNavigationMenu, WuiNotificationCenter, WuiOnboardingChecklist, WuiOrgTree, WuiOtp, WuiOverflow, WuiPhone, WuiRating, WuiRecordPager, WuiRelativeTime, WuiResizable, WuiRollingNumber, WuiSavedViews, WuiSelect, WuiShortcuts, WuiShowMore, WuiSlider, WuiSortable, WuiStatusIcon, WuiTimePicker, WuiTour, WuiTree, WuiTruncate, WuiWhatsNew, WuiWizard, WuiWizardStep, };

package/types/inlineEditText.d.ts

@@ -0,0 +1,47 @@
+/** The controls an inline edit can turn into. */
+export declare const INLINE_EDIT_TYPES: readonly ["text", "number", "select", "date", "textarea"];
+export type InlineEditType = (typeof INLINE_EDIT_TYPES)[number];
+/** How long the saved tick stays after a save. */
+export declare const INLINE_EDIT_SAVED_MS = 2000;
+export interface InlineEditOption {
+    value: unknown;
+    label?: string;
+}
+export interface InlineEditTextConfig {
+    type?: string;
+    options?: InlineEditOption[];
+    placeholder?: string;
+}
+export interface InlineEditTextResult {
+    text: string;
+    empty: boolean;
+}
+export interface InlineEditSavedDetail {
+    value: string;
+    previous: string;
+}
+export interface InlineEditFailedDetail {
+    value: string;
+    previous: string;
+    kind: string;
+    message: string;
+}
+/** The words the element says on its own. The Razor tag helper renders the same `edit` and `readOnly` text. */
+export declare const INLINE_EDIT_TEXT: Readonly<{
+    edit: (label: string) => string;
+    readOnly: (label: string) => string;
+    saved: (label: string) => string;
+    notSaved: (label: string, reason: string) => string;
+    failed: Readonly<{
+        forbidden: "You do not have permission to change this.";
+        client: "This could not be saved. Refresh the page and try again.";
+        validation: "This value was not accepted. Check it and try again.";
+        server: "Something went wrong on our side, so this was not saved. Try again in a moment.";
+        network: "Could not reach the server, so this was not saved. Check your connection and try again.";
+    }>;
+}>;
+/**
+ * The text a value reads as before any custom rendering: the placeholder (or the house hyphen)
+ * when empty, a date as dd-MMM-yyyy, a select value as its option's label.
+ */
+export declare function inlineEditText(value: unknown, { type, options, placeholder }?: InlineEditTextConfig): InlineEditTextResult;

package/types/inputMask.d.ts

@@ -0,0 +1,70 @@
+declare global {
+    interface Window {
+        jQuery?: {
+            validator?: {
+                prototype: ValidatorPrototype;
+            };
+        } | undefined;
+    }
+}
+interface ValidatorPrototype {
+    elementValue(element: HTMLElement): string;
+    wuiMaskHook?: boolean;
+}
+interface MaskSpec {
+    inputMode: string;
+    normalize?: ((text: string) => string) | undefined;
+    post: (raw: string, formatted: string) => string;
+    message: string;
+    extract(text: string): string;
+    layout(raw: string): {
+        text: string;
+        isRaw: boolean[];
+    };
+    isValid(raw: string): boolean;
+}
+/** The input types a mask can format; a number or email input discards formatted text. */
+export declare const MASK_INPUT_TYPES: Set<string>;
+/** The named masks, in the order they are documented. */
+export declare const MASK_NAMES: string[];
+/**
+ * True when `mask` is written as a pattern: it contains a 9, A or * symbol and is not a named mask
+ * in other case (`PAN` and `Aadhaar` hold an A, and are misspelt names, never patterns).
+ */
+export declare const isMaskPattern: (mask: unknown) => boolean;
+/** The compiled mask for a name or pattern, or null when `mask` is an unknown name. */
+export declare function resolveMask(mask: unknown): MaskSpec | null;
+/** The raw characters of `value` under `mask`, or `value` unchanged when `mask` does not resolve. */
+export declare function rawMasked(mask: unknown, value: unknown): string;
+/**
+ * The value a form posts for `value` under `mask`: the raw characters, except the `date` mask, which
+ * is ISO yyyy-MM-dd once complete. `value` is unchanged when `mask` does not resolve.
+ */
+export declare function postedMasked(mask: unknown, value: unknown): string;
+/** `value` (raw or already formatted) laid out under `mask`; unchanged when `mask` does not resolve. */
+export declare function formatMasked(mask: unknown, value: unknown): string;
+/** The value `el` posts under its mask, or undefined when `el` carries none (or posts it formatted). */
+export declare const maskedPostValue: (el: HTMLElement) => string | undefined;
+interface AttachOptions {
+    mask?: string | undefined;
+    postFormatted?: boolean;
+    onChange?: (raw: string, formatted: string) => void;
+    onInvalidChange?: (message: string) => void;
+}
+/**
+ * Mask a text input in place and return the function that removes the mask again.
+ *
+ * @param el  a text-like input (text, tel, search, url, password)
+ * @param options
+ * @param options.mask  a named mask or a pattern
+ * @param [options.postFormatted=false]  post the formatted value instead of the raw one
+ * @param [options.onChange]  called when the raw value changes
+ * @param [options.onInvalidChange]  called with the message to show the
+ *   person ("" to clear) once the field has been left or a submit was tried; without it the message is
+ *   shown on the field in the DOM
+ * @returns
+ */
+export declare function attachInputMask(el: HTMLInputElement, { mask, postFormatted, onChange, onInvalidChange }?: AttachOptions): () => void;
+/** Attach every `input[data-app-mask]` under `root` once, and keep wiring the ones added later; the Razor behaviour layer's entry point. */
+export declare function initInputMasks(root?: ParentNode): void;
+export {};