@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/fesm2022/mk-kit-ui-data.mjs +48 -28
- package/fesm2022/mk-kit-ui-data.mjs.map +1 -1
- package/fesm2022/mk-kit-ui-dnd.mjs +27 -2
- package/fesm2022/mk-kit-ui-dnd.mjs.map +1 -1
- package/fesm2022/mk-kit-ui-navigation.mjs +8 -4
- package/fesm2022/mk-kit-ui-navigation.mjs.map +1 -1
- package/package.json +1 -1
- package/types/mk-kit-ui-data.d.ts +20 -12
- package/types/mk-kit-ui-dnd.d.ts +2 -0
- package/types/mk-kit-ui-navigation.d.ts +2 -0
package/package.json
CHANGED
|
@@ -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; }; }, {},
|
|
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
|
/**
|
package/types/mk-kit-ui-dnd.d.ts
CHANGED
|
@@ -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. */
|