@mk-kit/ui 0.39.0 → 0.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mk-kit/ui",
3
- "version": "0.39.0",
3
+ "version": "0.40.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -1758,6 +1758,21 @@ declare class MkCountdown {
1758
1758
 
1759
1759
  /** Layout for {@link MkDescriptionList}. */
1760
1760
  type MkDescriptionLayout = 'grid' | 'stacked';
1761
+ /**
1762
+ * A single term/detail row of {@link MkDescriptionList}: `term` becomes the
1763
+ * `<dt>`, the projected content the `<dd>`. The row itself renders nothing —
1764
+ * the list reads its rows and writes `<dt>`/`<dd>` as direct children of the
1765
+ * `<dl>`, which is what HTML and assistive tech require (a wrapper element
1766
+ * between `<dl>` and `<dt>` fails axe `definition-list` / `dlitem`).
1767
+ */
1768
+ declare class MkDescItem {
1769
+ /** The term (label) shown in the `<dt>`. */
1770
+ readonly term: _angular_core.InputSignal<string>;
1771
+ /** The row's detail content, rendered by the list inside its `<dd>`. @internal */
1772
+ readonly content: _angular_core.Signal<TemplateRef<unknown>>;
1773
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MkDescItem, never>;
1774
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkDescItem, "mk-desc-item", never, { "term": { "alias": "term"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1775
+ }
1761
1776
  /**
1762
1777
  * DescriptionList — a semantic `<dl>` of term/detail pairs for entity-detail and
1763
1778
  * metadata panels. Project {@link MkDescItem} rows; values may be rich content
@@ -1770,25 +1785,18 @@ type MkDescriptionLayout = 'grid' | 'stacked';
1770
1785
  * <mk-desc-item term="Owner">Ada Lovelace</mk-desc-item>
1771
1786
  * </mk-description-list>
1772
1787
  * ```
1788
+ *
1789
+ * Only `mk-desc-item` children are rendered; the `<dl>` always contains plain
1790
+ * `<dt>`/`<dd>` pairs.
1773
1791
  */
1774
1792
  declare class MkDescriptionList {
1775
1793
  /** `grid` aligns terms in a column; `stacked` puts each term above its value. */
1776
1794
  readonly layout: _angular_core.InputSignal<MkDescriptionLayout>;
1777
1795
  /** Draw a divider between rows. */
1778
1796
  readonly divided: _angular_core.InputSignalWithTransform<boolean, unknown>;
1797
+ protected readonly items: _angular_core.Signal<readonly MkDescItem[]>;
1779
1798
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MkDescriptionList, never>;
1780
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkDescriptionList, "mk-description-list", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "divided": { "alias": "divided"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1781
- }
1782
- /**
1783
- * A single term/detail row inside {@link MkDescriptionList}. Renders a `<dt>`
1784
- * (the `term`) and a `<dd>` (the projected value). The host is `display:contents`
1785
- * so the `<dt>`/`<dd>` participate directly in the list's grid.
1786
- */
1787
- declare class MkDescItem {
1788
- /** The term (label) shown in the `<dt>`. */
1789
- readonly term: _angular_core.InputSignal<string>;
1790
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MkDescItem, never>;
1791
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkDescItem, "mk-desc-item", never, { "term": { "alias": "term"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1799
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkDescriptionList, "mk-description-list", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "divided": { "alias": "divided"; "required": false; "isSignal": true; }; }, {}, ["items"], never, true, never>;
1792
1800
  }
1793
1801
 
1794
1802
  /**
@@ -210,6 +210,8 @@ declare class MkDrag<T = unknown> {
210
210
  private cleanupDom;
211
211
  private emit;
212
212
  private isHandleTarget;
213
+ /** Whether `target` belongs to this item rather than to a nested `[mkDrag]`. */
214
+ private isOwnTarget;
213
215
  private prefersReducedMotion;
214
216
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MkDrag<any>, never>;
215
217
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkDrag<any>, "[mkDrag]", ["mkDrag"], { "mkDragData": { "alias": "mkDragData"; "required": false; "isSignal": true; }; "mkDragDisabled": { "alias": "mkDragDisabled"; "required": false; "isSignal": true; }; "mkDragTouchDelay": { "alias": "mkDragTouchDelay"; "required": false; "isSignal": true; }; }, {}, ["handles"], ["*"], true, never>;
@@ -643,6 +643,8 @@ declare class MkNavGroup {
643
643
  readonly expanded: _angular_core.ModelSignal<boolean>;
644
644
  /** Id of the items region (for `aria-controls`). */
645
645
  readonly regionId: string;
646
+ /** Id of the header, used to name the nested item list. */
647
+ readonly headerId: string;
646
648
  /** Whether the enclosing list is a collapsed icon rail. */
647
649
  protected readonly railCollapsed: _angular_core.Signal<boolean>;
648
650
  /** Items are visible unless collapsible-and-closed. */