@mk-kit/ui 0.42.0 → 0.44.0

package/types/mk-kit-ui-core.d.ts

@@ -980,6 +980,12 @@ interface MkI18nStrings {
     logCopyAll: string;
     /** Log viewer: soft-wrap toolbar toggle. */
     logWrapLines: string;
+    /** Org chart: default accessible label of the tree. */
+    orgChartLabel: string;
+    /** Org chart: aria-label of a collapsed node's toggle (`{label}` = node label). */
+    orgChartExpand: string;
+    /** Org chart: aria-label of an expanded node's toggle (`{label}` = node label). */
+    orgChartCollapse: string;
     /** Chat: accessible name of the message log. */
     chatLabel: string;
     /** Chat: accessible name of the composer textarea. */
@@ -1180,6 +1186,16 @@ interface MkI18nStrings {
     chartLabel: string;
     /** Default accessible label of a QR code, carrying its encoded content. */
     qrCodeLabel: (text: string) => string;
+    /** Default accessible name of `mk-sortable-list` when no `label` is given. */
+    sortableListLabel: string;
+    /** Table filter row: accessible name of a column's filter control. */
+    filterColumn: (column: string) => string;
+    /** Table filter row: the per-control clear (×) button. */
+    clearFilter: (column: string) => string;
+    /** Table filter row: the "no filter" option of a select filter. */
+    filterAny: string;
+    /** Table filter row: placeholder of a number / date filter (matches values ≥ the entry). */
+    filterMin: string;
     /** Block editor chrome (deep-merged by provideMkI18n). */
     blockEditor: MkBlockEditorStrings;
 }
@@ -1315,6 +1331,70 @@ type MkErrorMessages = Readonly<Record<string, string | ((err: any) => string)>>
  */
 declare function mkFirstErrorMessage(errors: ValidationErrors | null | undefined, strings: MkValidationStrings, overrides?: MkErrorMessages): string | null;
 
+/**
+ * The shape of a Signal Forms validation error as `mk-kit` reads it — the
+ * `{ kind, message? }` contract of `ValidationError` from
+ * `@angular/forms/signals`, plus whatever payload the error class carries
+ * (`min`, `maxLength`, `pattern`, …). Declared structurally so `@mk-kit/ui/core`
+ * stays free of a runtime dependency on the signals entry point.
+ */
+interface MkSignalValidationError {
+    /** Identifies the kind of error (`'required'`, `'minLength'`, …). */
+    readonly kind: string;
+    /** Human-readable message, when the schema supplied one. */
+    readonly message?: string;
+}
+/**
+ * Converts Signal Forms errors to the reactive-forms `ValidationErrors` shape
+ * the `validation` i18n table is keyed by, so both form systems render the
+ * same messages. The built-in kinds map to Angular's classic keys and payloads
+ * (`minLength` → `minlength: { requiredLength }`, `minDate` → `mkMinDate`,
+ * …); any other kind is kept as-is with its payload spread into the value.
+ *
+ * @returns The error map in the order the errors were reported, or `null`
+ *   when the list is empty.
+ */
+declare function mkSignalErrorsToValidationErrors(errors: readonly MkSignalValidationError[] | null | undefined): ValidationErrors | null;
+/**
+ * Resolves the message for the first Signal Forms error on a field, the way
+ * `mkFirstErrorMessage` does for reactive forms.
+ *
+ * Lookup order: the field's `overrides` for that kind, then the `message` the
+ * schema attached to the error (`required(p.email, { message: '…' })`), then
+ * the i18n `validation` table, then the generic fallback.
+ *
+ * @returns The message, or `null` when there are no errors.
+ */
+declare function mkSignalErrorMessage(errors: readonly MkSignalValidationError[] | null | undefined, strings: MkValidationStrings, overrides?: MkErrorMessages): string | null;
+
+/**
+ * Touched-gate for a control's `invalid` input under Signal Forms.
+ *
+ * When a control is bound with the `[formField]` directive, Angular writes the
+ * field's `invalid()` state straight into the control's `invalid` input — from
+ * the first render, before the user has reached the field. mk-kit controls
+ * pass that input through this gate so the invalid visual (and `aria-invalid`)
+ * only shows once the field is touched or dirty, matching how `mk-form-field`
+ * reveals its message and how `submit()` (which marks every field touched)
+ * surfaces the remaining problems.
+ *
+ * Returns a signal that is always `true` for a control that is not bound with
+ * `[formField]`, so a standalone `[invalid]="true"` keeps working as before.
+ * Call it in a field initializer (an injection context):
+ *
+ * ```ts
+ * private readonly fieldTouched = mkInjectFieldTouched();
+ * protected readonly isInvalid = computed(
+ *   () => (this.invalid() && this.fieldTouched()) || (this.field?.hasError() ?? false),
+ * );
+ * ```
+ *
+ * The binding is looked up lazily, on first read: the `FormField` directive
+ * itself injects the element's `NG_VALUE_ACCESSOR` (the control) while it is
+ * created, so resolving it from the control's constructor would be circular.
+ */
+declare function mkInjectFieldTouched(): Signal<boolean>;
+
 /** Value kind of a filterable field; decides the editor and the operators offered. */
 type MkQueryValueType = 'string' | 'number' | 'boolean' | 'date' | 'select';
 /** A choice for `select` fields. */
@@ -1393,5 +1473,5 @@ declare function mkQueryOperatorLabel(op: MkQueryOperator, i18n?: MkI18nStrings)
  */
 declare function mkQueryToText(group: MkQueryGroup, fields?: readonly MkQueryField[], i18n?: MkI18nStrings): string;
 
-export { MK_BREAKPOINTS, MK_DEFAULT_BREAKPOINTS, MK_DEFAULT_DATE_NAMES, MK_DEFAULT_I18N, MK_DEFAULT_VALIDATION, MK_I18N, MK_OVERLAY_DATA, MK_QUERY_OPERATORS, MK_QUERY_UNARY, MkAnchoredPanel, MkBreakpointService, MkFieldContext, MkFocusTrap, MkLiveAnnouncer, MkOverlayRef, MkOverlayService, MkThemeService, mkComputeAnchoredPosition, mkCreateQueryGroup, mkCreateQueryRule, mkFirstErrorMessage, mkGetFocusable, mkHighlight, mkHighlightJson, mkIsQueryGroup, mkIsResponsive, mkQueryCompact, mkQueryIsEmpty, mkQueryOperatorLabel, mkQueryOperatorsFor, mkQueryRuleCount, mkQueryRuleIsComplete, mkQueryRuleMatches, mkQueryToPredicate, mkQueryToText, mkUniqueId, mkValidatorChange, provideMkI18n };
-export type { MkAnchoredPosition, MkAnchoredPositionOptions, MkAriaLivePoliteness, MkBlockEditorStrings, MkBreakpoint, MkBreakpoints, MkCodeLanguage, MkContrastPreference, MkDateNames, MkDensity, MkErrorMessages, MkI18nStrings, MkOverlayConfig, MkPlacement, MkQueryCombinator, MkQueryField, MkQueryFieldOption, MkQueryGroup, MkQueryNode, MkQueryOperator, MkQueryRule, MkQueryValueType, MkResolvedContrast, MkResolvedTheme, MkResponsive, MkSize$1 as MkSize, MkSortAnnounceDirection, MkThemePreference, MkTone, MkValidationStrings, MkValidatorChangeRef, MkVariant };
+export { MK_BREAKPOINTS, MK_DEFAULT_BREAKPOINTS, MK_DEFAULT_DATE_NAMES, MK_DEFAULT_I18N, MK_DEFAULT_VALIDATION, MK_I18N, MK_OVERLAY_DATA, MK_QUERY_OPERATORS, MK_QUERY_UNARY, MkAnchoredPanel, MkBreakpointService, MkFieldContext, MkFocusTrap, MkLiveAnnouncer, MkOverlayRef, MkOverlayService, MkThemeService, mkComputeAnchoredPosition, mkCreateQueryGroup, mkCreateQueryRule, mkFirstErrorMessage, mkGetFocusable, mkHighlight, mkHighlightJson, mkInjectFieldTouched, mkIsQueryGroup, mkIsResponsive, mkQueryCompact, mkQueryIsEmpty, mkQueryOperatorLabel, mkQueryOperatorsFor, mkQueryRuleCount, mkQueryRuleIsComplete, mkQueryRuleMatches, mkQueryToPredicate, mkQueryToText, mkSignalErrorMessage, mkSignalErrorsToValidationErrors, mkUniqueId, mkValidatorChange, provideMkI18n };
+export type { MkAnchoredPosition, MkAnchoredPositionOptions, MkAriaLivePoliteness, MkBlockEditorStrings, MkBreakpoint, MkBreakpoints, MkCodeLanguage, MkContrastPreference, MkDateNames, MkDensity, MkErrorMessages, MkI18nStrings, MkOverlayConfig, MkPlacement, MkQueryCombinator, MkQueryField, MkQueryFieldOption, MkQueryGroup, MkQueryNode, MkQueryOperator, MkQueryRule, MkQueryValueType, MkResolvedContrast, MkResolvedTheme, MkResponsive, MkSignalValidationError, MkSize$1 as MkSize, MkSortAnnounceDirection, MkThemePreference, MkTone, MkValidationStrings, MkValidatorChangeRef, MkVariant };

package/types/mk-kit-ui-data.d.ts

@@ -385,6 +385,205 @@ declare class MkTimelineItem {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkTimelineItem, "mk-timeline-item", never, { "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/** A node in an {@link MkOrgChart} tree. `children` makes it a parent. */
+interface MkOrgChartNode<T = unknown> {
+    /** Unique id — drives selection (`[(selected)]`) and expansion (`[(expanded)]`). */
+    id: string;
+    /** Primary text of the default card (and the initials fallback). */
+    label?: string;
+    /**
+     * Arbitrary payload handed to the node template. The default card reads
+     * `data.title` (sub-label) and `data.avatar` (image URL) when present.
+     */
+    data?: T;
+    /** Direct reports; a non-empty array makes the node collapsible. */
+    children?: MkOrgChartNode<T>[];
+    /** Initial expansion (default `true`). Only consulted when `[(expanded)]` is not bound. */
+    expanded?: boolean;
+}
+/** One row of a flat list accepted by {@link mkOrgChartFromFlat}. */
+interface MkOrgChartFlatNode<T = unknown> {
+    id: string;
+    label?: string;
+    data?: T;
+    /** Id of the parent row; `null` / `undefined` / unknown id = root. */
+    parentId?: string | null;
+    expanded?: boolean;
+}
+/**
+ * Build the nested `nodes` input from a flat `parentId` list (the shape most
+ * HR / directory APIs return). Row order is preserved among siblings; rows
+ * whose `parentId` does not match any row become roots.
+ *
+ * ```ts
+ * const nodes = mkOrgChartFromFlat([
+ *   { id: 'ceo', label: 'Ada' },
+ *   { id: 'cto', label: 'Grace', parentId: 'ceo' },
+ * ]);
+ * ```
+ */
+declare function mkOrgChartFromFlat<T = unknown>(list: readonly MkOrgChartFlatNode<T>[]): MkOrgChartNode<T>[];
+/**
+ * `data` type seen by a node template: `T` when it could be inferred (the
+ * template binds `[mkOrgChartNodeDef]="nodes"`), otherwise `any` so an
+ * untyped `<ng-template mkOrgChartNodeDef>` can still read `node.data?.title`.
+ */
+type MkOrgChartTemplateData<T> = keyof T extends never ? any : T;
+/** Template context of `ng-template[mkOrgChartNodeDef]`. */
+interface MkOrgChartNodeContext<T = unknown> {
+    /** The node (also available as `let-node`). */
+    $implicit: MkOrgChartNode<MkOrgChartTemplateData<T>>;
+    node: MkOrgChartNode<MkOrgChartTemplateData<T>>;
+    /** 1-based depth (roots are 1). */
+    depth: number;
+    /** Whether the node's children are currently shown. */
+    expanded: boolean;
+    /** Whether the node is the selected one. */
+    selected: boolean;
+}
+/**
+ * Custom node card for `mk-org-chart`:
+ *
+ * ```html
+ * <mk-org-chart [nodes]="nodes">
+ *   <ng-template mkOrgChartNodeDef let-node let-selected="selected">
+ *     <strong>{{ node.label }}</strong> — {{ node.data?.title }}
+ *   </ng-template>
+ * </mk-org-chart>
+ * ```
+ *
+ * Bind the same array you pass to `nodes` to get a typed `node.data` in the
+ * template: `<ng-template [mkOrgChartNodeDef]="nodes" let-node>`.
+ */
+declare class MkOrgChartNodeDef<T = unknown> {
+    /**
+     * Type-inference hook only (the value is not used at runtime): bind the
+     * `nodes` array so `let-node` is typed as `MkOrgChartNode<T>`.
+     */
+    readonly mkOrgChartNodeDef: _angular_core.InputSignal<"" | readonly MkOrgChartNode<T>[] | undefined>;
+    readonly template: TemplateRef<any>;
+    static ngTemplateContextGuard<T>(_dir: MkOrgChartNodeDef<T>, ctx: unknown): ctx is MkOrgChartNodeContext<T>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MkOrgChartNodeDef<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MkOrgChartNodeDef<any>, "ng-template[mkOrgChartNodeDef]", never, { "mkOrgChartNodeDef": { "alias": "mkOrgChartNodeDef"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Chart direction: `top` = root at the top, `left` = root at the inline start. */
+type MkOrgChartOrientation = 'top' | 'left';
+/** Payload of `(nodeToggle)`. */
+interface MkOrgChartToggleEvent<T = unknown> {
+    node: MkOrgChartNode<T>;
+    expanded: boolean;
+}
+/** One visible node after flattening (pre-order, i.e. DOM order). */
+interface MkOrgChartRow {
+    node: MkOrgChartNode;
+    depth: number;
+    parentId: string | null;
+    /** Ids of the sibling set this row belongs to (in order). */
+    siblings: readonly string[];
+    hasChildren: boolean;
+    expanded: boolean;
+}
+/**
+ * Organisation chart — a reporting-line hierarchy drawn with plain nested
+ * lists and CSS connectors (no canvas, prints and themes like everything
+ * else). Feed it a tree (`nodes`) or convert a flat `parentId` list with
+ * {@link mkOrgChartFromFlat}. Nodes render as a default card (avatar /
+ * initials, label, `data.title`) or through an `mkOrgChartNodeDef` template.
+ *
+ * Follows the ARIA tree pattern (`role="tree"` / `treeitem` / `group`, one
+ * roving tab stop). Keyboard (top-down; the axes swap for `orientation="left"`
+ * and in RTL): Down = first child (expands a collapsed node first), Up =
+ * parent, Left/Right = previous/next sibling, Home/End = first/last visible
+ * node, Enter/Space = select (or toggle when not selectable), `*` = expand
+ * all siblings, `+`/`-` = expand/collapse.
+ *
+ * ```html
+ * <mk-org-chart
+ *   [nodes]="company"
+ *   selectable
+ *   [(selected)]="personId"
+ *   collapsible
+ *   (nodeClick)="open($event)"
+ * />
+ * ```
+ */
+declare class MkOrgChart<T = unknown> {
+    private readonly host;
+    private readonly document;
+    /** Localised strings (override globally via `provideMkI18n`). */
+    protected readonly i18n: _mk_kit_ui_core.MkI18nStrings;
+    /** The hierarchy to render (roots first). */
+    readonly nodes: _angular_core.InputSignal<readonly MkOrgChartNode<T>[]>;
+    /** Root at the top (children below) or at the inline start (children to the side). */
+    readonly orientation: _angular_core.InputSignal<MkOrgChartOrientation>;
+    /** Allow choosing a node (adds selection styling + `aria-selected`). */
+    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show a toggle on every parent so branches can be hidden. */
+    readonly collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Scale factor applied to the whole chart (clamped to 0.5–2). */
+    readonly zoom: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Accessible name for the tree. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Two-way selected node id (`null` = nothing selected). */
+    readonly selected: _angular_core.ModelSignal<string | null>;
+    /**
+     * Two-way ids of the expanded parents. Leave unbound to let the chart
+     * manage expansion itself (seeded from each node's `expanded` flag).
+     */
+    readonly expanded: _angular_core.ModelSignal<readonly string[] | undefined>;
+    /** Emits the node whose card was clicked or activated with Enter/Space. */
+    readonly nodeClick: _angular_core.OutputEmitterRef<MkOrgChartNode<T>>;
+    /** Emits whenever a node is expanded or collapsed. */
+    readonly nodeToggle: _angular_core.OutputEmitterRef<MkOrgChartToggleEvent<T>>;
+    protected readonly nodeDef: _angular_core.Signal<MkOrgChartNodeDef<T> | undefined>;
+    protected readonly zoomLevel: _angular_core.Signal<number>;
+    /**
+     * Expanded parent ids. Controlled by `expanded` when bound; otherwise kept
+     * locally — a node's `expanded` flag only seeds ids not present in the
+     * previous `nodes` value, so re-emitting the array never reverts branches
+     * the user has since toggled.
+     */
+    private readonly expandedIds;
+    /** Id of the node holding the roving tab stop. */
+    private readonly activeId;
+    /** Visible nodes in DOM (pre-order) order. */
+    protected readonly rows: _angular_core.Signal<MkOrgChartRow[]>;
+    private readonly rowById;
+    /** The single id with `tabindex="0"` (falls back to the first visible node). */
+    private readonly tabStopId;
+    protected isExpanded(node: MkOrgChartNode<T>): boolean;
+    protected isSelected(node: MkOrgChartNode<T>): boolean;
+    protected tabIndexFor(node: MkOrgChartNode<T>): number;
+    protected toggleLabel(node: MkOrgChartNode<T>): string;
+    protected context(node: MkOrgChartNode<T>, depth: number): MkOrgChartNodeContext<T>;
+    /** `data.title` / `data.avatar` of the default card, read defensively. */
+    protected field(node: MkOrgChartNode<T>, key: 'title' | 'avatar'): string | undefined;
+    /** Expand or collapse a parent (no-op for leaves / non-collapsible charts). */
+    toggle(node: MkOrgChartNode<T>): void;
+    /** Expand or collapse a parent explicitly. */
+    setExpanded(node: MkOrgChartNode<T>, expanded: boolean): void;
+    /** Select a node by reference (no-op unless `selectable`). */
+    select(node: MkOrgChartNode<T>): void;
+    private activate;
+    protected onCardClick(event: Event, node: MkOrgChartNode<T>): void;
+    protected onToggleClick(event: Event, node: MkOrgChartNode<T>): void;
+    /** Keeps the roving tab stop on whichever item last received focus. */
+    protected onFocusIn(event: Event): void;
+    protected onKeydown(event: Event): void;
+    /**
+     * Map an arrow key to a tree direction. Top-down: Down = into, Up = parent,
+     * Left/Right = siblings (mirrored in RTL). Left-to-right: Right = into,
+     * Left = parent (mirrored in RTL), Up/Down = siblings.
+     */
+    private intentOf;
+    private siblingsOf;
+    private isRtl;
+    private itemIdOf;
+    private focusItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MkOrgChart<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkOrgChart<any>, "mk-org-chart", ["mkOrgChart"], { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "expanded": "expandedChange"; "nodeClick": "nodeClick"; "nodeToggle": "nodeToggle"; }, ["nodeDef"], never, true, never>;
+}
+
 /** Direction of a {@link MkStatCard} delta. */
 type MkStatTrend = 'up' | 'down' | 'neutral';
 /**
@@ -1819,6 +2018,8 @@ declare class MkSkeletonPreset {
 declare class MkInlineEdit implements ControlValueAccessor {
     private readonly injector;
     private readonly field;
+    /** Signal Forms: gates `invalid` until the bound field is touched or dirty. */
+    private readonly fieldTouched;
     protected readonly i18n: _mk_kit_ui_core.MkI18nStrings;
     private readonly displayRef;
     private readonly inputRef;
@@ -2777,5 +2978,5 @@ declare function mkParseMarkdown(src: string, options?: MkMarkdownParseOptions):
  */
 declare function mkRenderMarkdown(blocks: MkMarkdownBlock[], options?: MkMarkdownRenderOptions): string;
 
-export { MK_CHART_PALETTE_SIZE, MK_HEATMAP_MIN_CONTRAST, MkAvatar, MkAvatarGroup, MkBadge, MkBadgeOverlay, MkBarChart, MkCalendarHeatmap, MkCard, MkCardFooter, MkCardHeader, MkCardTitle, MkCarousel, MkCarouselSlide, MkCode, MkCountdown, MkDescItem, MkDescriptionList, MkDiff, MkDivider, MkDonutChart, MkEmptyState, MkFunnelChart, MkGauge, MkHeatmap, MkInlineEdit, MkJsonViewer, MkKanban, MkLineChart, MkList, MkListItem, MkLogViewer, MkMarkdown, MkProfileActions, MkProfileCard, MkProfileMeta, MkProgressBar, MkProgressRing, MkQrCode, MkRadarChart, MkScatterChart, MkSkeleton, MkSkeletonPreset, MkSparkline, MkSpinner, MkStatCard, MkTag, MkTimeline, MkTimelineItem, MkTreemap, MkVirtualScroll, mkArcPath, mkAreaPath, mkBuildJsonTree, mkChartColor, mkComputeDiff, mkContrastRatio, mkDiffStats, mkEncodeQr, mkFormatCompact, mkHeatmapCellColors, mkLinePath, mkLinearScale, mkMixRgb, mkNiceTicks, mkParseAnsi, mkParseMarkdown, mkParseRgb, mkRelativeLuminance, mkRenderMarkdown, mkSplitDuration, mkSquarify, mkStripAnsi };
-export type { MkAnsiSpan, MkAvatarShape, MkAvatarStatus, MkBadgeOverlayPosition, MkBadgeVariant, MkBarOrientation, MkCalendarHeatmapCell, MkCalendarHeatmapEntry, MkCardPadding, MkCardVariant, MkChartSeries, MkChartSlice, MkDescriptionLayout, MkDiffMode, MkDiffOp, MkDiffOptions, MkDiffRow, MkDiffSegment, MkDiffStats, MkDividerOrientation, MkDurationParts, MkFunnelSegment, MkHeatmapCellColors, MkHeatmapPalette, MkJsonNode, MkKanbanCard, MkKanbanCardMovedEvent, MkKanbanColumn, MkLogToken, MkMarkdownAlign, MkMarkdownBlock, MkMarkdownInline, MkMarkdownList, MkMarkdownListItem, MkMarkdownParseOptions, MkMarkdownRenderOptions, MkPoint, MkProfileCardOrientation, MkQrEcc, MkRgb, MkScatterPoint, MkScatterSeries, MkSkeletonPresetKind, MkSkeletonShape, MkSparklineType, MkStatTrend, MkTagVariant, MkTreemapItem, MkTreemapRect };
+export { MK_CHART_PALETTE_SIZE, MK_HEATMAP_MIN_CONTRAST, MkAvatar, MkAvatarGroup, MkBadge, MkBadgeOverlay, MkBarChart, MkCalendarHeatmap, MkCard, MkCardFooter, MkCardHeader, MkCardTitle, MkCarousel, MkCarouselSlide, MkCode, MkCountdown, MkDescItem, MkDescriptionList, MkDiff, MkDivider, MkDonutChart, MkEmptyState, MkFunnelChart, MkGauge, MkHeatmap, MkInlineEdit, MkJsonViewer, MkKanban, MkLineChart, MkList, MkListItem, MkLogViewer, MkMarkdown, MkOrgChart, MkOrgChartNodeDef, MkProfileActions, MkProfileCard, MkProfileMeta, MkProgressBar, MkProgressRing, MkQrCode, MkRadarChart, MkScatterChart, MkSkeleton, MkSkeletonPreset, MkSparkline, MkSpinner, MkStatCard, MkTag, MkTimeline, MkTimelineItem, MkTreemap, MkVirtualScroll, mkArcPath, mkAreaPath, mkBuildJsonTree, mkChartColor, mkComputeDiff, mkContrastRatio, mkDiffStats, mkEncodeQr, mkFormatCompact, mkHeatmapCellColors, mkLinePath, mkLinearScale, mkMixRgb, mkNiceTicks, mkOrgChartFromFlat, mkParseAnsi, mkParseMarkdown, mkParseRgb, mkRelativeLuminance, mkRenderMarkdown, mkSplitDuration, mkSquarify, mkStripAnsi };
+export type { MkAnsiSpan, MkAvatarShape, MkAvatarStatus, MkBadgeOverlayPosition, MkBadgeVariant, MkBarOrientation, MkCalendarHeatmapCell, MkCalendarHeatmapEntry, MkCardPadding, MkCardVariant, MkChartSeries, MkChartSlice, MkDescriptionLayout, MkDiffMode, MkDiffOp, MkDiffOptions, MkDiffRow, MkDiffSegment, MkDiffStats, MkDividerOrientation, MkDurationParts, MkFunnelSegment, MkHeatmapCellColors, MkHeatmapPalette, MkJsonNode, MkKanbanCard, MkKanbanCardMovedEvent, MkKanbanColumn, MkLogToken, MkMarkdownAlign, MkMarkdownBlock, MkMarkdownInline, MkMarkdownList, MkMarkdownListItem, MkMarkdownParseOptions, MkMarkdownRenderOptions, MkOrgChartFlatNode, MkOrgChartNode, MkOrgChartNodeContext, MkOrgChartOrientation, MkOrgChartTemplateData, MkOrgChartToggleEvent, MkPoint, MkProfileCardOrientation, MkQrEcc, MkRgb, MkScatterPoint, MkScatterSeries, MkSkeletonPresetKind, MkSkeletonShape, MkSparklineType, MkStatTrend, MkTagVariant, MkTreemapItem, MkTreemapRect };

package/types/mk-kit-ui-datetime.d.ts

@@ -111,9 +111,9 @@ declare class MkCalendar implements ControlValueAccessor, Validator {
     /** Two-way selected date (single-date mode). */
     readonly value: _angular_core.ModelSignal<Date | null>;
     /** Earliest selectable date (inclusive, day granularity). */
-    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly min: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** Latest selectable date (inclusive, day granularity). */
-    readonly max: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** First column of the week: 0 = Sunday … 6 = Saturday. */
     readonly firstDayOfWeek: _angular_core.InputSignalWithTransform<number, unknown>;
     /** Disable the whole calendar. */
@@ -158,6 +158,8 @@ declare class MkCalendar implements ControlValueAccessor, Validator {
     protected readonly hoveredDate: _angular_core.WritableSignal<Date | null>;
     /** Disabled by the `disabled` input or by the bound form control. */
     protected readonly isControlDisabled: _angular_core.Signal<boolean>;
+    /** Signal Forms: gates `invalid` until the bound field is touched or dirty. */
+    private readonly fieldTouched;
     protected readonly isInvalid: _angular_core.Signal<boolean>;
     /** First day of the visible month. */
     protected readonly viewMonth: _angular_core.Signal<Date>;
@@ -235,6 +237,8 @@ declare class MkCalendar implements ControlValueAccessor, Validator {
 declare class MkDatePicker implements ControlValueAccessor, Validator {
     protected readonly i18n: _mk_kit_ui_core.MkI18nStrings;
     private readonly field;
+    /** Signal Forms: gates `invalid` until the bound field is touched or dirty. */
+    private readonly fieldTouched;
     private readonly host;
     private readonly injector;
     private readonly inputRef;
@@ -246,9 +250,9 @@ declare class MkDatePicker implements ControlValueAccessor, Validator {
     /** Accessible name when the picker is used without an `mk-form-field` label. */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     protected readonly ariaLabelAttr: _angular_core.Signal<string | null>;
-    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly min: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** Latest selectable date (inclusive). */
-    readonly max: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** Predicate marking individual days as disabled (threaded to the calendar). */
     readonly disabledDate: _angular_core.InputSignal<((d: Date) => boolean) | null>;
     /** Placeholder shown when empty. */
@@ -261,6 +265,8 @@ declare class MkDatePicker implements ControlValueAccessor, Validator {
     readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Force invalid styling + `aria-invalid`. */
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Mark required (adds `aria-required`). Set by Signal Forms' `[formField]` from the schema. */
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** First column of the calendar week (0 = Sunday). */
     readonly firstDayOfWeek: _angular_core.InputSignalWithTransform<number, unknown>;
     /** Control size. Ignored when nested in an `mk-form-field`. */
@@ -314,7 +320,7 @@ declare class MkDatePicker implements ControlValueAccessor, Validator {
     validate(control: AbstractControl): ValidationErrors | null;
     registerOnValidatorChange(fn: () => void): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MkDatePicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkDatePicker, "mk-date-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkDatePicker, "mk-date-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 /** A selectable time option. */
@@ -354,6 +360,8 @@ interface MkTimeOption$1 {
 declare class MkTimePicker implements ControlValueAccessor, Validator {
     protected readonly i18n: _mk_kit_ui_core.MkI18nStrings;
     private readonly field;
+    /** Signal Forms: gates `invalid` until the bound field is touched or dirty. */
+    private readonly fieldTouched;
     private readonly host;
     private readonly injector;
     private readonly inputRef;
@@ -371,9 +379,9 @@ declare class MkTimePicker implements ControlValueAccessor, Validator {
     protected readonly ariaLabelAttr: _angular_core.Signal<string | null>;
     readonly valueFormat: _angular_core.InputSignal<"string" | "date">;
     /** Earliest selectable time `HH:mm` (inclusive). */
-    readonly min: _angular_core.InputSignal<string | null>;
+    readonly min: _angular_core.InputSignalWithTransform<string | null, string | null | undefined>;
     /** Latest selectable time `HH:mm` (inclusive). */
-    readonly max: _angular_core.InputSignal<string | null>;
+    readonly max: _angular_core.InputSignalWithTransform<string | null, string | null | undefined>;
     /** Interval between generated options, in minutes. */
     readonly step: _angular_core.InputSignalWithTransform<number, unknown>;
     /** Display 12-hour time with AM/PM (the model stays 24h). */
@@ -386,6 +394,8 @@ declare class MkTimePicker implements ControlValueAccessor, Validator {
     readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Force invalid styling + `aria-invalid`. */
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Mark required (adds `aria-required`). Set by Signal Forms' `[formField]` from the schema. */
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Control size. Ignored when nested in an `mk-form-field`. */
     readonly size: _angular_core.InputSignal<MkSize>;
     protected readonly open: _angular_core.WritableSignal<boolean>;
@@ -459,7 +469,7 @@ declare class MkTimePicker implements ControlValueAccessor, Validator {
     validate(control: AbstractControl): ValidationErrors | null;
     registerOnValidatorChange(fn: () => void): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MkTimePicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkTimePicker, "mk-time-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkTimePicker, "mk-time-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 /** A selectable time-of-day option in the panel's list. */
@@ -499,6 +509,8 @@ interface MkTimeOption {
 declare class MkDateTimePicker implements ControlValueAccessor, Validator {
     protected readonly i18n: _mk_kit_ui_core.MkI18nStrings;
     private readonly field;
+    /** Signal Forms: gates `invalid` until the bound field is touched or dirty. */
+    private readonly fieldTouched;
     private readonly host;
     private readonly injector;
     private readonly inputRef;
@@ -508,9 +520,9 @@ declare class MkDateTimePicker implements ControlValueAccessor, Validator {
     /** Two-way selected date-time (local; seconds and ms are zero). */
     readonly value: _angular_core.ModelSignal<Date | null>;
     /** Earliest selectable instant (inclusive, minute precision). */
-    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly min: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** Latest selectable instant (inclusive, minute precision). */
-    readonly max: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** Predicate marking individual days as disabled (threaded to the calendar). */
     readonly disabledDate: _angular_core.InputSignal<((d: Date) => boolean) | null>;
     /** Placeholder shown when empty. */
@@ -530,6 +542,8 @@ declare class MkDateTimePicker implements ControlValueAccessor, Validator {
     readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Force invalid styling + `aria-invalid`. */
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Mark required (adds `aria-required`). Set by Signal Forms' `[formField]` from the schema. */
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** First column of the calendar week (0 = Sunday). */
     readonly firstDayOfWeek: _angular_core.InputSignalWithTransform<number, unknown>;
     /** Control size. Ignored when nested in an `mk-form-field`. */
@@ -614,7 +628,7 @@ declare class MkDateTimePicker implements ControlValueAccessor, Validator {
     validate(control: AbstractControl): ValidationErrors | null;
     registerOnValidatorChange(fn: () => void): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MkDateTimePicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkDateTimePicker, "mk-datetime-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkDateTimePicker, "mk-datetime-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 /** A selected date range. Either endpoint may be `null` while incomplete. */
@@ -636,6 +650,8 @@ interface MkDateRange {
 declare class MkDateRangePicker implements ControlValueAccessor, Validator {
     protected readonly i18n: _mk_kit_ui_core.MkI18nStrings;
     private readonly field;
+    /** Signal Forms: gates `invalid` until the bound field is touched or dirty. */
+    private readonly fieldTouched;
     private readonly host;
     private readonly injector;
     private readonly triggerRef;
@@ -644,9 +660,9 @@ declare class MkDateRangePicker implements ControlValueAccessor, Validator {
     /** Two-way selected range. */
     readonly value: _angular_core.ModelSignal<MkDateRange>;
     /** Earliest selectable date (inclusive). */
-    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly min: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** Latest selectable date (inclusive). */
-    readonly max: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** Predicate marking individual days as disabled. */
     readonly disabledDate: _angular_core.InputSignal<((d: Date) => boolean) | null>;
     /** Placeholder shown when no range is selected. */
@@ -744,6 +760,8 @@ interface Cell {
 declare class MkMonthPicker implements ControlValueAccessor, Validator {
     protected readonly i18n: _mk_kit_ui_core.MkI18nStrings;
     private readonly field;
+    /** Signal Forms: gates `invalid` until the bound field is touched or dirty. */
+    private readonly fieldTouched;
     private readonly host;
     private readonly injector;
     private readonly triggerRef;
@@ -754,9 +772,9 @@ declare class MkMonthPicker implements ControlValueAccessor, Validator {
     /** Pick a month or a whole year. */
     readonly mode: _angular_core.InputSignal<MkMonthPickerMode>;
     /** Earliest selectable date. */
-    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly min: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** Latest selectable date. */
-    readonly max: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** Placeholder shown when empty. */
     readonly placeholder: _angular_core.InputSignal<string>;
     /** Display pattern (defaults to `MMM yyyy` / `yyyy`). */
@@ -840,6 +858,8 @@ interface MkWeek {
 declare class MkWeekPicker implements ControlValueAccessor, Validator {
     protected readonly i18n: _mk_kit_ui_core.MkI18nStrings;
     private readonly field;
+    /** Signal Forms: gates `invalid` until the bound field is touched or dirty. */
+    private readonly fieldTouched;
     private readonly host;
     private readonly injector;
     private readonly triggerRef;
@@ -847,9 +867,9 @@ declare class MkWeekPicker implements ControlValueAccessor, Validator {
     /** Two-way selected week. */
     readonly value: _angular_core.ModelSignal<MkWeek | null>;
     /** Earliest selectable date (inclusive). */
-    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly min: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** Latest selectable date (inclusive). */
-    readonly max: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** First column of the calendar week (0 = Sunday). Also anchors the week. */
     readonly firstDayOfWeek: _angular_core.InputSignalWithTransform<number, unknown>;
     /** Placeholder shown when empty. */
@@ -1251,12 +1271,14 @@ interface MkDatePart {
  */
 declare class MkMiniDate implements ControlValueAccessor, Validator {
     private readonly field;
+    /** Signal Forms: gates `invalid` until the bound field is touched or dirty. */
+    private readonly fieldTouched;
     protected readonly i18n: _mk_kit_ui_core.MkI18nStrings;
     private readonly segEls;
     /** Minimum selectable date (inclusive). */
-    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly min: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** Maximum selectable date (inclusive). */
-    readonly max: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignalWithTransform<Date | null, Date | null | undefined>;
     /** Two-way value — a real `Date`, or `null` while incomplete. */
     readonly value: _angular_core.ModelSignal<Date | null>;
     /** Disable the control. */

package/types/mk-kit-ui-directives.d.ts

@@ -875,23 +875,29 @@ interface MkRelativeTimeOptions {
  * The pipe picks the largest unit whose magnitude is at least 1 (seconds →
  * minutes → hours → days → weeks → months → years) and rounds. Pass `now`
  * for deterministic output in tests, or bind a ticking signal to keep a
- * list live — a pure pipe only re-runs when an argument changes:
+ * list live — a pure pipe only re-runs when an argument changes. The second
+ * argument is either that `now` or the options object, so options alone
+ * need no `null` placeholder; the three-argument form (`now`, then options)
+ * works too:
  *
  * ```html
  * {{ comment.createdAt | mkRelativeTime }}                    <!-- 3 minutes ago -->
  * {{ due | mkRelativeTime:now() }}                            <!-- in 2 days (now() ticks) -->
- * {{ due | mkRelativeTime:null:{ style: 'short' } }}          <!-- in 2 days -->
- * {{ ts | mkRelativeTime:null:{ locale: 'pl', numeric: 'always' } }} <!-- 3 minuty temu -->
+ * {{ due | mkRelativeTime:{ style: 'short' } }}               <!-- in 2 days -->
+ * {{ ts | mkRelativeTime:{ locale: 'pl', numeric: 'always' } }} <!-- 3 minuty temu -->
+ * {{ due | mkRelativeTime:now():{ style: 'short' } }}         <!-- in 2 days (ticking) -->
  * ```
  */
 declare class MkRelativeTimePipe implements PipeTransform {
     private readonly i18n;
     /**
      * @param value The instant to describe.
-     * @param now Reference instant; defaults to `Date.now()` at call time.
-     * @param options Locale, numeric mode, style and unit cap.
+     * @param nowOrOptions Reference instant (defaults to `Date.now()` at call
+     *   time), or — when only options are wanted — the options object itself.
+     * @param options Locale, numeric mode, style and unit cap (three-argument
+     *   form, after an explicit `now`).
      */
-    transform(value: Date | number | string | null | undefined, now?: Date | number | string | null, options?: MkRelativeTimeOptions): string;
+    transform(value: Date | number | string | null | undefined, nowOrOptions?: Date | number | string | MkRelativeTimeOptions | null, options?: MkRelativeTimeOptions): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MkRelativeTimePipe, never>;
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<MkRelativeTimePipe, "mkRelativeTime", true>;
 }