@mk-kit/ui 0.34.1 → 0.36.0

package/fesm2022/mk-kit-ui-layout.mjs

@@ -0,0 +1,401 @@
+import * as i0 from '@angular/core';
+import { inject, input, booleanAttribute, computed, Directive, ChangeDetectionStrategy, Component, numberAttribute } from '@angular/core';
+import { MkBreakpointService } from '@mk-kit/ui/core';
+
+/**
+ * A number, or a numeric string as it arrives from a plain attribute
+ * (`gap="4"`, `colSpan="2"`), as a number; anything else unchanged.
+ */
+function mkNumeric(value) {
+    return typeof value === 'string' && /^\s*-?\d+(\.\d+)?\s*$/.test(value) ? Number(value) : value;
+}
+/** Translate a {@link MkSpace} into CSS (`null` when unset). */
+function mkSpaceToCss(value) {
+    if (value == null || value === '')
+        return null;
+    const v = mkNumeric(value);
+    if (typeof v === 'number')
+        return v === 0 ? '0' : `var(--mk-space-${v})`;
+    return v;
+}
+const JUSTIFY = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+    between: 'space-between',
+    around: 'space-around',
+    evenly: 'space-evenly',
+    stretch: 'stretch',
+};
+const ALIGN = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+    stretch: 'stretch',
+    baseline: 'baseline',
+};
+/** `justify-content` value for a {@link MkJustify} keyword (`null` when unset). */
+function mkJustifyToCss(value) {
+    return value ? JUSTIFY[value] : null;
+}
+/** `align-items` / `align-self` value for a {@link MkAlign} keyword (`null` when unset). */
+function mkAlignToCss(value) {
+    return value ? ALIGN[value] : null;
+}
+
+/**
+ * Shared inputs and host style bindings of `mk-stack` and `mk-flex`.
+ * Responsive inputs re-resolve when the viewport crosses a breakpoint.
+ */
+class MkFlexBase {
+    bp = inject(MkBreakpointService);
+    /** Cross-axis alignment of children. */
+    align = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    /** Main-axis distribution of children. */
+    justify = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "justify" }] : /* istanbul ignore next */ []));
+    /** Let children wrap onto new lines. */
+    wrap = input(false, { ...(ngDevMode ? { debugName: "wrap" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Render as `inline-flex` (sits in a line of text) instead of a block. */
+    inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    directionCss = computed(() => this.bp.resolve(this.direction()) ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "directionCss" }] : /* istanbul ignore next */ []));
+    gapCss = computed(() => mkSpaceToCss(this.bp.resolve(this.gap())), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gapCss" }] : /* istanbul ignore next */ []));
+    alignCss = computed(() => mkAlignToCss(this.bp.resolve(this.align() ?? undefined)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alignCss" }] : /* istanbul ignore next */ []));
+    justifyCss = computed(() => mkJustifyToCss(this.bp.resolve(this.justify() ?? undefined)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "justifyCss" }] : /* istanbul ignore next */ []));
+    wrapCss = computed(() => (this.wrap() ? 'wrap' : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "wrapCss" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkFlexBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MkFlexBase, isStandalone: true, inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "inline() ? \"inline-flex\" : \"flex\"", "style.flex-direction": "directionCss()", "style.gap": "gapCss()", "style.align-items": "alignCss()", "style.justify-content": "justifyCss()", "style.flex-wrap": "wrapCss()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkFlexBase, decorators: [{
+            type: Directive,
+            args: [{
+                    host: {
+                        '[style.display]': 'inline() ? "inline-flex" : "flex"',
+                        '[style.flex-direction]': 'directionCss()',
+                        '[style.gap]': 'gapCss()',
+                        '[style.align-items]': 'alignCss()',
+                        '[style.justify-content]': 'justifyCss()',
+                        '[style.flex-wrap]': 'wrapCss()',
+                    },
+                }]
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], justify: [{ type: i0.Input, args: [{ isSignal: true, alias: "justify", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }] } });
+
+/**
+ * Stack — children laid out one after another with a consistent gap, vertical
+ * by default. The everyday layout primitive: form sections, card bodies,
+ * sidebars, a row of buttons (`direction="row"`).
+ *
+ * ```html
+ * <mk-stack gap="4">
+ *   <mk-input … />
+ *   <mk-input … />
+ *   <mk-stack direction="row" gap="2" justify="end">
+ *     <button mkButton variant="ghost">Cancel</button>
+ *     <button mkButton>Save</button>
+ *   </mk-stack>
+ * </mk-stack>
+ *
+ * <!-- Stack on phones, side by side from md up -->
+ * <mk-stack [direction]="{ xs: 'column', md: 'row' }" [gap]="{ xs: 3, md: 6 }">…</mk-stack>
+ * ```
+ */
+class MkStack extends MkFlexBase {
+    /** Space between children (default `4` = 16px). */
+    gap = input(4, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
+    /** Direction (default `column`). */
+    direction = input('column', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkStack, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MkStack, isStandalone: true, selector: "mk-stack", inputs: { gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "mk-stack" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkStack, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mk-stack',
+                    template: '<ng-content />',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'mk-stack' },
+                }]
+        }], propDecorators: { gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }] } });
+
+/**
+ * Flex — a flexbox container with its options as inputs, horizontal by default
+ * and no gap unless asked. Reach for it when a stack's "one after another"
+ * isn't the point: space-between toolbars, centring, wrapping tag clouds.
+ * Children can fine-tune themselves with `mkFlexItem`.
+ *
+ * ```html
+ * <mk-flex align="center" justify="between" gap="3">
+ *   <h2>Orders</h2>
+ *   <button mkButton>New order</button>
+ * </mk-flex>
+ * <mk-flex wrap gap="2">@for (tag of tags; track tag) { <mk-chip>{{ tag }}</mk-chip> }</mk-flex>
+ * ```
+ */
+class MkFlex extends MkFlexBase {
+    /** Space between children (default none). */
+    gap = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
+    /** Direction (default `row`). */
+    direction = input('row', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkFlex, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MkFlex, isStandalone: true, selector: "mk-flex", inputs: { gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "mk-flex" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkFlex, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mk-flex',
+                    template: '<ng-content />',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'mk-flex' },
+                }]
+        }], propDecorators: { gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }] } });
+
+/**
+ * Per-child flex options inside `mk-flex` / `mk-stack` (or any flex parent).
+ *
+ * ```html
+ * <mk-flex gap="3">
+ *   <mk-input mkFlexItem grow />      <!-- takes the remaining width -->
+ *   <button mkButton>Search</button>
+ * </mk-flex>
+ * ```
+ */
+class MkFlexItem {
+    bp = inject(MkBreakpointService);
+    /** `flex-grow`; a bare `grow` attribute means `1`. */
+    grow = input(null, { ...(ngDevMode ? { debugName: "grow" } : /* istanbul ignore next */ {}), transform: (v) => (v === '' || v === true ? 1 : v == null || v === false ? null : numberAttribute(v)) });
+    /** `flex-shrink`; a bare `shrink` attribute means `1`, `[shrink]="0"` pins the size. */
+    shrink = input(null, { ...(ngDevMode ? { debugName: "shrink" } : /* istanbul ignore next */ {}), transform: (v) => (v === '' || v === true ? 1 : v == null || v === false ? null : numberAttribute(v)) });
+    /** `flex-basis` — any CSS length or `auto`; may be responsive. */
+    basis = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "basis" }] : /* istanbul ignore next */ []));
+    /** Override the parent's `align` for this child. */
+    alignSelf = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alignSelf" }] : /* istanbul ignore next */ []));
+    /** Visual order; may be responsive (e.g. move a sidebar first on phones). */
+    order = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "order" }] : /* istanbul ignore next */ []));
+    growCss = computed(() => this.grow(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "growCss" }] : /* istanbul ignore next */ []));
+    shrinkCss = computed(() => this.shrink(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shrinkCss" }] : /* istanbul ignore next */ []));
+    basisCss = computed(() => this.bp.resolve(this.basis() ?? undefined) ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "basisCss" }] : /* istanbul ignore next */ []));
+    alignSelfCss = computed(() => mkAlignToCss(this.bp.resolve(this.alignSelf() ?? undefined)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alignSelfCss" }] : /* istanbul ignore next */ []));
+    orderCss = computed(() => mkNumeric(this.bp.resolve(this.order() ?? undefined)) ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orderCss" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkFlexItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MkFlexItem, isStandalone: true, selector: "[mkFlexItem]", inputs: { grow: { classPropertyName: "grow", publicName: "grow", isSignal: true, isRequired: false, transformFunction: null }, shrink: { classPropertyName: "shrink", publicName: "shrink", isSignal: true, isRequired: false, transformFunction: null }, basis: { classPropertyName: "basis", publicName: "basis", isSignal: true, isRequired: false, transformFunction: null }, alignSelf: { classPropertyName: "alignSelf", publicName: "alignSelf", isSignal: true, isRequired: false, transformFunction: null }, order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.flex-grow": "growCss()", "style.flex-shrink": "shrinkCss()", "style.flex-basis": "basisCss()", "style.align-self": "alignSelfCss()", "style.order": "orderCss()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkFlexItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mkFlexItem]',
+                    host: {
+                        '[style.flex-grow]': 'growCss()',
+                        '[style.flex-shrink]': 'shrinkCss()',
+                        '[style.flex-basis]': 'basisCss()',
+                        '[style.align-self]': 'alignSelfCss()',
+                        '[style.order]': 'orderCss()',
+                    },
+                }]
+        }], propDecorators: { grow: [{ type: i0.Input, args: [{ isSignal: true, alias: "grow", required: false }] }], shrink: [{ type: i0.Input, args: [{ isSignal: true, alias: "shrink", required: false }] }], basis: [{ type: i0.Input, args: [{ isSignal: true, alias: "basis", required: false }] }], alignSelf: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignSelf", required: false }] }], order: [{ type: i0.Input, args: [{ isSignal: true, alias: "order", required: false }] }] } });
+
+/**
+ * Grid — a CSS grid with the common cases as inputs.
+ *
+ * - `columns` — a count (`3` → three equal tracks) or a raw
+ *   `grid-template-columns` string (`'240px 1fr'`); responsive maps work for
+ *   both: `[columns]="{ xs: 1, md: 2, xl: 4 }"`.
+ * - `minColumnWidth` — auto-responsive without breakpoints: as many
+ *   `≥ 16rem` columns as fit (`auto-fill`; add `autoFit` to stretch the last
+ *   row's items instead of leaving empty tracks). Wins over `columns`.
+ * - `gap`, `rowGap`, `columnGap` — `--mk-space-*` steps or CSS lengths.
+ *
+ * Children can span tracks with `mkGridItem`.
+ *
+ * ```html
+ * <mk-grid [columns]="{ xs: 1, md: 2, xl: 4 }" gap="4">
+ *   @for (kpi of kpis; track kpi.id) { <mk-card>…</mk-card> }
+ * </mk-grid>
+ *
+ * <mk-grid minColumnWidth="16rem" gap="4">…cards…</mk-grid>
+ * ```
+ */
+class MkGrid {
+    bp = inject(MkBreakpointService);
+    /** Column count or `grid-template-columns` value; responsive allowed (default `1`). */
+    columns = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    /** Row count or `grid-template-rows` value; responsive allowed. */
+    rows = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    /** Minimum column width for an auto-filling grid, e.g. `16rem`. Overrides `columns`. */
+    minColumnWidth = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minColumnWidth" }] : /* istanbul ignore next */ []));
+    /** With `minColumnWidth`: use `auto-fit` so items stretch when a row is short. */
+    autoFit = input(false, { ...(ngDevMode ? { debugName: "autoFit" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Gap between both rows and columns (default `4` = 16px). */
+    gap = input(4, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
+    /** Row gap override. */
+    rowGap = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rowGap" }] : /* istanbul ignore next */ []));
+    /** Column gap override. */
+    columnGap = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "columnGap" }] : /* istanbul ignore next */ []));
+    /** `align-items` for every cell. */
+    align = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    /** `justify-items` for every cell. */
+    justify = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "justify" }] : /* istanbul ignore next */ []));
+    /** `grid-auto-flow` (e.g. `dense` to backfill holes left by spanning items). */
+    flow = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "flow" }] : /* istanbul ignore next */ []));
+    /** Render as `inline-grid`. */
+    inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    columnsCss = computed(() => {
+        const min = this.bp.resolve(this.minColumnWidth() ?? undefined);
+        if (min) {
+            const mode = this.autoFit() ? 'auto-fit' : 'auto-fill';
+            return `repeat(${mode}, minmax(min(${min}, 100%), 1fr))`;
+        }
+        return MkGrid.tracks(this.bp.resolve(this.columns()));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "columnsCss" }] : /* istanbul ignore next */ []));
+    rowsCss = computed(() => MkGrid.tracks(this.bp.resolve(this.rows() ?? undefined)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rowsCss" }] : /* istanbul ignore next */ []));
+    // Longhands only: a `gap` shorthand followed by a `row-gap` override is
+    // serialised inconsistently across engines.
+    rowGapCss = computed(() => mkSpaceToCss(this.bp.resolve(this.rowGap() ?? undefined) ?? this.bp.resolve(this.gap())), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rowGapCss" }] : /* istanbul ignore next */ []));
+    columnGapCss = computed(() => mkSpaceToCss(this.bp.resolve(this.columnGap() ?? undefined) ?? this.bp.resolve(this.gap())), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "columnGapCss" }] : /* istanbul ignore next */ []));
+    alignCss = computed(() => mkAlignToCss(this.bp.resolve(this.align() ?? undefined)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alignCss" }] : /* istanbul ignore next */ []));
+    justifyCss = computed(() => this.bp.resolve(this.justify() ?? undefined) ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "justifyCss" }] : /* istanbul ignore next */ []));
+    flowCss = computed(() => this.flow(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "flowCss" }] : /* istanbul ignore next */ []));
+    /** A track list: a count becomes `repeat(n, minmax(0, 1fr))` so long content cannot blow a column out. */
+    static tracks(value) {
+        if (value == null || value === '')
+            return null;
+        const v = mkNumeric(value);
+        return typeof v === 'number' ? `repeat(${v}, minmax(0, 1fr))` : v;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkGrid, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MkGrid, isStandalone: true, selector: "mk-grid", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, minColumnWidth: { classPropertyName: "minColumnWidth", publicName: "minColumnWidth", isSignal: true, isRequired: false, transformFunction: null }, autoFit: { classPropertyName: "autoFit", publicName: "autoFit", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, rowGap: { classPropertyName: "rowGap", publicName: "rowGap", isSignal: true, isRequired: false, transformFunction: null }, columnGap: { classPropertyName: "columnGap", publicName: "columnGap", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, flow: { classPropertyName: "flow", publicName: "flow", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "inline() ? \"inline-grid\" : \"grid\"", "style.grid-template-columns": "columnsCss()", "style.grid-template-rows": "rowsCss()", "style.row-gap": "rowGapCss()", "style.column-gap": "columnGapCss()", "style.align-items": "alignCss()", "style.justify-items": "justifyCss()", "style.grid-auto-flow": "flowCss()" }, classAttribute: "mk-grid" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkGrid, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mk-grid',
+                    template: '<ng-content />',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: 'mk-grid',
+                        '[style.display]': 'inline() ? "inline-grid" : "grid"',
+                        '[style.grid-template-columns]': 'columnsCss()',
+                        '[style.grid-template-rows]': 'rowsCss()',
+                        '[style.row-gap]': 'rowGapCss()',
+                        '[style.column-gap]': 'columnGapCss()',
+                        '[style.align-items]': 'alignCss()',
+                        '[style.justify-items]': 'justifyCss()',
+                        '[style.grid-auto-flow]': 'flowCss()',
+                    },
+                }]
+        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], minColumnWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minColumnWidth", required: false }] }], autoFit: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFit", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], rowGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowGap", required: false }] }], columnGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnGap", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], justify: [{ type: i0.Input, args: [{ isSignal: true, alias: "justify", required: false }] }], flow: [{ type: i0.Input, args: [{ isSignal: true, alias: "flow", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }] } });
+
+/**
+ * Per-cell placement inside `mk-grid`: span several tracks, or pin a start
+ * line. All inputs accept responsive maps, so a hero card can span the full
+ * row on phones and two of four columns on desktop.
+ *
+ * ```html
+ * <mk-grid [columns]="{ xs: 1, lg: 4 }" gap="4">
+ *   <mk-card mkGridItem [colSpan]="{ xs: 1, lg: 2 }">Revenue</mk-card>
+ *   …
+ * </mk-grid>
+ * ```
+ */
+class MkGridItem {
+    bp = inject(MkBreakpointService);
+    /** Number of columns to span (`'all'` = the full row). */
+    colSpan = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "colSpan" }] : /* istanbul ignore next */ []));
+    /** Number of rows to span. */
+    rowSpan = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rowSpan" }] : /* istanbul ignore next */ []));
+    /** Column line to start at (1-based). */
+    colStart = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "colStart" }] : /* istanbul ignore next */ []));
+    /** Row line to start at (1-based). */
+    rowStart = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rowStart" }] : /* istanbul ignore next */ []));
+    /** `align-self` for this cell. */
+    alignSelf = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alignSelf" }] : /* istanbul ignore next */ []));
+    /** `justify-self` for this cell. */
+    justifySelf = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "justifySelf" }] : /* istanbul ignore next */ []));
+    columnCss = computed(() => {
+        const span = this.bp.resolve(this.colSpan() ?? undefined);
+        if (span === 'all')
+            return '1 / -1';
+        return MkGridItem.line(this.bp.resolve(this.colStart() ?? undefined), span);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "columnCss" }] : /* istanbul ignore next */ []));
+    rowCss = computed(() => MkGridItem.line(this.bp.resolve(this.rowStart() ?? undefined), this.bp.resolve(this.rowSpan() ?? undefined)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rowCss" }] : /* istanbul ignore next */ []));
+    alignSelfCss = computed(() => this.bp.resolve(this.alignSelf() ?? undefined) ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alignSelfCss" }] : /* istanbul ignore next */ []));
+    justifySelfCss = computed(() => this.bp.resolve(this.justifySelf() ?? undefined) ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "justifySelfCss" }] : /* istanbul ignore next */ []));
+    static line(startIn, spanIn) {
+        const start = mkNumeric(startIn);
+        const span = mkNumeric(spanIn);
+        if (start == null && span == null)
+            return null;
+        const s = start != null ? String(start) : 'auto';
+        return typeof span === 'number' && span > 1 ? `${s} / span ${span}` : start != null ? s : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkGridItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MkGridItem, isStandalone: true, selector: "[mkGridItem]", inputs: { colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null }, rowSpan: { classPropertyName: "rowSpan", publicName: "rowSpan", isSignal: true, isRequired: false, transformFunction: null }, colStart: { classPropertyName: "colStart", publicName: "colStart", isSignal: true, isRequired: false, transformFunction: null }, rowStart: { classPropertyName: "rowStart", publicName: "rowStart", isSignal: true, isRequired: false, transformFunction: null }, alignSelf: { classPropertyName: "alignSelf", publicName: "alignSelf", isSignal: true, isRequired: false, transformFunction: null }, justifySelf: { classPropertyName: "justifySelf", publicName: "justifySelf", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.grid-column": "columnCss()", "style.grid-row": "rowCss()", "style.align-self": "alignSelfCss()", "style.justify-self": "justifySelfCss()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MkGridItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mkGridItem]',
+                    host: {
+                        '[style.grid-column]': 'columnCss()',
+                        '[style.grid-row]': 'rowCss()',
+                        '[style.align-self]': 'alignSelfCss()',
+                        '[style.justify-self]': 'justifySelfCss()',
+                    },
+                }]
+        }], propDecorators: { colSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colSpan", required: false }] }], rowSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowSpan", required: false }] }], colStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "colStart", required: false }] }], rowStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowStart", required: false }] }], alignSelf: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignSelf", required: false }] }], justifySelf: [{ type: i0.Input, args: [{ isSignal: true, alias: "justifySelf", required: false }] }] } });
+
+/**
+ * @mk-kit/ui/layout — layout primitives: `mk-stack`, `mk-flex`, `mk-grid`
+ * and the `mkFlexItem` / `mkGridItem` child directives. Every spacing and
+ * track input accepts a per-breakpoint map resolved by `MkBreakpointService`.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MkFlex, MkFlexBase, MkFlexItem, MkGrid, MkGridItem, MkStack, mkAlignToCss, mkJustifyToCss, mkNumeric, mkSpaceToCss };
+//# sourceMappingURL=mk-kit-ui-layout.mjs.map

package/fesm2022/mk-kit-ui-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mk-kit-ui-layout.mjs","sources":["../../../projects/mk-kit/layout/space.ts","../../../projects/mk-kit/layout/flex-base.ts","../../../projects/mk-kit/layout/stack.ts","../../../projects/mk-kit/layout/flex.ts","../../../projects/mk-kit/layout/flex-item.ts","../../../projects/mk-kit/layout/grid.ts","../../../projects/mk-kit/layout/grid-item.ts","../../../projects/mk-kit/layout/index.ts","../../../projects/mk-kit/layout/mk-kit-ui-layout.ts"],"sourcesContent":["import type { MkResponsive } from '@mk-kit/ui/core';\n\n/**\n * A spacing value: a step on the `--mk-space-*` scale (`0 1 2 3 4 5 6 8 10 12\n * 16`, so `4` = `var(--mk-space-4)` = 16px and follows the density modes) or\n * any CSS length such as `'1.5rem'` / `'clamp(1rem, 2vw, 2rem)'`.\n */\nexport type MkSpace = number | string;\n\n/** Per-breakpoint spacing, e.g. `{ xs: 2, md: 4 }`. */\nexport type MkResponsiveSpace = MkResponsive<MkSpace>;\n\n/**\n * A number, or a numeric string as it arrives from a plain attribute\n * (`gap=\"4\"`, `colSpan=\"2\"`), as a number; anything else unchanged.\n */\nexport function mkNumeric<T>(value: T): T | number {\n  return typeof value === 'string' && /^\\s*-?\\d+(\\.\\d+)?\\s*$/.test(value) ? Number(value) : value;\n}\n\n/** Translate a {@link MkSpace} into CSS (`null` when unset). */\nexport function mkSpaceToCss(value: MkSpace | null | undefined): string | null {\n  if (value == null || value === '') return null;\n  const v = mkNumeric(value);\n  if (typeof v === 'number') return v === 0 ? '0' : `var(--mk-space-${v})`;\n  return v;\n}\n\n/** Flex / grid main-axis distribution keywords, in plain words. */\nexport type MkJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch';\n\n/** Cross-axis alignment keywords. */\nexport type MkAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n\nconst JUSTIFY: Record<MkJustify, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  between: 'space-between',\n  around: 'space-around',\n  evenly: 'space-evenly',\n  stretch: 'stretch',\n};\n\nconst ALIGN: Record<MkAlign, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  stretch: 'stretch',\n  baseline: 'baseline',\n};\n\n/** `justify-content` value for a {@link MkJustify} keyword (`null` when unset). */\nexport function mkJustifyToCss(value: MkJustify | null | undefined): string | null {\n  return value ? JUSTIFY[value] : null;\n}\n\n/** `align-items` / `align-self` value for a {@link MkAlign} keyword (`null` when unset). */\nexport function mkAlignToCss(value: MkAlign | null | undefined): string | null {\n  return value ? ALIGN[value] : null;\n}\n","import { Directive, booleanAttribute, computed, inject, input, type InputSignal } from '@angular/core';\nimport { MkBreakpointService, type MkResponsive } from '@mk-kit/ui/core';\nimport {\n  mkAlignToCss,\n  mkJustifyToCss,\n  mkSpaceToCss,\n  type MkAlign,\n  type MkJustify,\n  type MkResponsiveSpace,\n} from './space';\n\n/** Flex direction keywords. */\nexport type MkFlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';\n\n/**\n * Shared inputs and host style bindings of `mk-stack` and `mk-flex`.\n * Responsive inputs re-resolve when the viewport crosses a breakpoint.\n */\n@Directive({\n  host: {\n    '[style.display]': 'inline() ? \"inline-flex\" : \"flex\"',\n    '[style.flex-direction]': 'directionCss()',\n    '[style.gap]': 'gapCss()',\n    '[style.align-items]': 'alignCss()',\n    '[style.justify-content]': 'justifyCss()',\n    '[style.flex-wrap]': 'wrapCss()',\n  },\n})\nexport abstract class MkFlexBase {\n  protected readonly bp = inject(MkBreakpointService);\n\n  /** Space between children — a `--mk-space-*` step, a CSS length, or a per-breakpoint map. */\n  abstract readonly gap: InputSignal<MkResponsiveSpace>;\n  /** Main-axis direction; may be responsive, e.g. `{ xs: 'column', md: 'row' }`. */\n  abstract readonly direction: InputSignal<MkResponsive<MkFlexDirection>>;\n\n  /** Cross-axis alignment of children. */\n  readonly align = input<MkResponsive<MkAlign> | null>(null);\n  /** Main-axis distribution of children. */\n  readonly justify = input<MkResponsive<MkJustify> | null>(null);\n  /** Let children wrap onto new lines. */\n  readonly wrap = input(false, { transform: booleanAttribute });\n  /** Render as `inline-flex` (sits in a line of text) instead of a block. */\n  readonly inline = input(false, { transform: booleanAttribute });\n\n  protected readonly directionCss = computed(() => this.bp.resolve(this.direction()) ?? null);\n  protected readonly gapCss = computed(() => mkSpaceToCss(this.bp.resolve(this.gap())));\n  protected readonly alignCss = computed(() => mkAlignToCss(this.bp.resolve(this.align() ?? undefined)));\n  protected readonly justifyCss = computed(() => mkJustifyToCss(this.bp.resolve(this.justify() ?? undefined)));\n  protected readonly wrapCss = computed(() => (this.wrap() ? 'wrap' : null));\n}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport type { MkResponsive } from '@mk-kit/ui/core';\nimport { MkFlexBase, type MkFlexDirection } from './flex-base';\nimport type { MkResponsiveSpace } from './space';\n\n/**\n * Stack — children laid out one after another with a consistent gap, vertical\n * by default. The everyday layout primitive: form sections, card bodies,\n * sidebars, a row of buttons (`direction=\"row\"`).\n *\n * ```html\n * <mk-stack gap=\"4\">\n *   <mk-input … />\n *   <mk-input … />\n *   <mk-stack direction=\"row\" gap=\"2\" justify=\"end\">\n *     <button mkButton variant=\"ghost\">Cancel</button>\n *     <button mkButton>Save</button>\n *   </mk-stack>\n * </mk-stack>\n *\n * <!-- Stack on phones, side by side from md up -->\n * <mk-stack [direction]=\"{ xs: 'column', md: 'row' }\" [gap]=\"{ xs: 3, md: 6 }\">…</mk-stack>\n * ```\n */\n@Component({\n  selector: 'mk-stack',\n  template: '<ng-content />',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'mk-stack' },\n})\nexport class MkStack extends MkFlexBase {\n  /** Space between children (default `4` = 16px). */\n  override readonly gap = input<MkResponsiveSpace>(4);\n  /** Direction (default `column`). */\n  override readonly direction = input<MkResponsive<MkFlexDirection>>('column');\n}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport type { MkResponsive } from '@mk-kit/ui/core';\nimport { MkFlexBase, type MkFlexDirection } from './flex-base';\nimport type { MkResponsiveSpace } from './space';\n\n/**\n * Flex — a flexbox container with its options as inputs, horizontal by default\n * and no gap unless asked. Reach for it when a stack's \"one after another\"\n * isn't the point: space-between toolbars, centring, wrapping tag clouds.\n * Children can fine-tune themselves with `mkFlexItem`.\n *\n * ```html\n * <mk-flex align=\"center\" justify=\"between\" gap=\"3\">\n *   <h2>Orders</h2>\n *   <button mkButton>New order</button>\n * </mk-flex>\n * <mk-flex wrap gap=\"2\">@for (tag of tags; track tag) { <mk-chip>{{ tag }}</mk-chip> }</mk-flex>\n * ```\n */\n@Component({\n  selector: 'mk-flex',\n  template: '<ng-content />',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'mk-flex' },\n})\nexport class MkFlex extends MkFlexBase {\n  /** Space between children (default none). */\n  override readonly gap = input<MkResponsiveSpace>(0);\n  /** Direction (default `row`). */\n  override readonly direction = input<MkResponsive<MkFlexDirection>>('row');\n}\n","import { Directive, computed, inject, input, numberAttribute } from '@angular/core';\nimport { MkBreakpointService, type MkResponsive } from '@mk-kit/ui/core';\nimport { mkAlignToCss, mkNumeric, type MkAlign } from './space';\n\n/**\n * Per-child flex options inside `mk-flex` / `mk-stack` (or any flex parent).\n *\n * ```html\n * <mk-flex gap=\"3\">\n *   <mk-input mkFlexItem grow />      <!-- takes the remaining width -->\n *   <button mkButton>Search</button>\n * </mk-flex>\n * ```\n */\n@Directive({\n  selector: '[mkFlexItem]',\n  host: {\n    '[style.flex-grow]': 'growCss()',\n    '[style.flex-shrink]': 'shrinkCss()',\n    '[style.flex-basis]': 'basisCss()',\n    '[style.align-self]': 'alignSelfCss()',\n    '[style.order]': 'orderCss()',\n  },\n})\nexport class MkFlexItem {\n  private readonly bp = inject(MkBreakpointService);\n\n  /** `flex-grow`; a bare `grow` attribute means `1`. */\n  readonly grow = input<number | null, unknown>(null, {\n    transform: (v) => (v === '' || v === true ? 1 : v == null || v === false ? null : numberAttribute(v)),\n  });\n  /** `flex-shrink`; a bare `shrink` attribute means `1`, `[shrink]=\"0\"` pins the size. */\n  readonly shrink = input<number | null, unknown>(null, {\n    transform: (v) => (v === '' || v === true ? 1 : v == null || v === false ? null : numberAttribute(v)),\n  });\n  /** `flex-basis` — any CSS length or `auto`; may be responsive. */\n  readonly basis = input<MkResponsive<string> | null>(null);\n  /** Override the parent's `align` for this child. */\n  readonly alignSelf = input<MkResponsive<MkAlign> | null>(null);\n  /** Visual order; may be responsive (e.g. move a sidebar first on phones). */\n  readonly order = input<MkResponsive<number | string> | null>(null);\n\n  protected readonly growCss = computed(() => this.grow());\n  protected readonly shrinkCss = computed(() => this.shrink());\n  protected readonly basisCss = computed(() => this.bp.resolve(this.basis() ?? undefined) ?? null);\n  protected readonly alignSelfCss = computed(() => mkAlignToCss(this.bp.resolve(this.alignSelf() ?? undefined)));\n  protected readonly orderCss = computed(() => mkNumeric(this.bp.resolve(this.order() ?? undefined)) ?? null);\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport { MkBreakpointService, type MkResponsive } from '@mk-kit/ui/core';\nimport {\n  mkAlignToCss,\n  mkNumeric,\n  mkSpaceToCss,\n  type MkAlign,\n  type MkResponsiveSpace,\n} from './space';\n\n/** `justify-items` keywords. */\nexport type MkGridJustify = 'start' | 'center' | 'end' | 'stretch';\n\n/**\n * Grid — a CSS grid with the common cases as inputs.\n *\n * - `columns` — a count (`3` → three equal tracks) or a raw\n *   `grid-template-columns` string (`'240px 1fr'`); responsive maps work for\n *   both: `[columns]=\"{ xs: 1, md: 2, xl: 4 }\"`.\n * - `minColumnWidth` — auto-responsive without breakpoints: as many\n *   `≥ 16rem` columns as fit (`auto-fill`; add `autoFit` to stretch the last\n *   row's items instead of leaving empty tracks). Wins over `columns`.\n * - `gap`, `rowGap`, `columnGap` — `--mk-space-*` steps or CSS lengths.\n *\n * Children can span tracks with `mkGridItem`.\n *\n * ```html\n * <mk-grid [columns]=\"{ xs: 1, md: 2, xl: 4 }\" gap=\"4\">\n *   @for (kpi of kpis; track kpi.id) { <mk-card>…</mk-card> }\n * </mk-grid>\n *\n * <mk-grid minColumnWidth=\"16rem\" gap=\"4\">…cards…</mk-grid>\n * ```\n */\n@Component({\n  selector: 'mk-grid',\n  template: '<ng-content />',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mk-grid',\n    '[style.display]': 'inline() ? \"inline-grid\" : \"grid\"',\n    '[style.grid-template-columns]': 'columnsCss()',\n    '[style.grid-template-rows]': 'rowsCss()',\n    '[style.row-gap]': 'rowGapCss()',\n    '[style.column-gap]': 'columnGapCss()',\n    '[style.align-items]': 'alignCss()',\n    '[style.justify-items]': 'justifyCss()',\n    '[style.grid-auto-flow]': 'flowCss()',\n  },\n})\nexport class MkGrid {\n  private readonly bp = inject(MkBreakpointService);\n\n  /** Column count or `grid-template-columns` value; responsive allowed (default `1`). */\n  readonly columns = input<MkResponsive<number | string>>(1);\n  /** Row count or `grid-template-rows` value; responsive allowed. */\n  readonly rows = input<MkResponsive<number | string> | null>(null);\n  /** Minimum column width for an auto-filling grid, e.g. `16rem`. Overrides `columns`. */\n  readonly minColumnWidth = input<MkResponsive<string> | null>(null);\n  /** With `minColumnWidth`: use `auto-fit` so items stretch when a row is short. */\n  readonly autoFit = input(false, { transform: booleanAttribute });\n  /** Gap between both rows and columns (default `4` = 16px). */\n  readonly gap = input<MkResponsiveSpace>(4);\n  /** Row gap override. */\n  readonly rowGap = input<MkResponsiveSpace | null>(null);\n  /** Column gap override. */\n  readonly columnGap = input<MkResponsiveSpace | null>(null);\n  /** `align-items` for every cell. */\n  readonly align = input<MkResponsive<MkAlign> | null>(null);\n  /** `justify-items` for every cell. */\n  readonly justify = input<MkResponsive<MkGridJustify> | null>(null);\n  /** `grid-auto-flow` (e.g. `dense` to backfill holes left by spanning items). */\n  readonly flow = input<'row' | 'column' | 'dense' | 'row dense' | 'column dense' | null>(null);\n  /** Render as `inline-grid`. */\n  readonly inline = input(false, { transform: booleanAttribute });\n\n  protected readonly columnsCss = computed(() => {\n    const min = this.bp.resolve(this.minColumnWidth() ?? undefined);\n    if (min) {\n      const mode = this.autoFit() ? 'auto-fit' : 'auto-fill';\n      return `repeat(${mode}, minmax(min(${min}, 100%), 1fr))`;\n    }\n    return MkGrid.tracks(this.bp.resolve(this.columns()));\n  });\n  protected readonly rowsCss = computed(() => MkGrid.tracks(this.bp.resolve(this.rows() ?? undefined)));\n  // Longhands only: a `gap` shorthand followed by a `row-gap` override is\n  // serialised inconsistently across engines.\n  protected readonly rowGapCss = computed(() =>\n    mkSpaceToCss(this.bp.resolve(this.rowGap() ?? undefined) ?? this.bp.resolve(this.gap())),\n  );\n  protected readonly columnGapCss = computed(() =>\n    mkSpaceToCss(this.bp.resolve(this.columnGap() ?? undefined) ?? this.bp.resolve(this.gap())),\n  );\n  protected readonly alignCss = computed(() => mkAlignToCss(this.bp.resolve(this.align() ?? undefined)));\n  protected readonly justifyCss = computed(() => this.bp.resolve(this.justify() ?? undefined) ?? null);\n  protected readonly flowCss = computed(() => this.flow());\n\n  /** A track list: a count becomes `repeat(n, minmax(0, 1fr))` so long content cannot blow a column out. */\n  private static tracks(value: number | string | null | undefined): string | null {\n    if (value == null || value === '') return null;\n    const v = mkNumeric(value);\n    return typeof v === 'number' ? `repeat(${v}, minmax(0, 1fr))` : v;\n  }\n}\n","import { Directive, computed, inject, input } from '@angular/core';\nimport { MkBreakpointService, type MkResponsive } from '@mk-kit/ui/core';\nimport { mkNumeric } from './space';\n\n/**\n * Per-cell placement inside `mk-grid`: span several tracks, or pin a start\n * line. All inputs accept responsive maps, so a hero card can span the full\n * row on phones and two of four columns on desktop.\n *\n * ```html\n * <mk-grid [columns]=\"{ xs: 1, lg: 4 }\" gap=\"4\">\n *   <mk-card mkGridItem [colSpan]=\"{ xs: 1, lg: 2 }\">Revenue</mk-card>\n *   …\n * </mk-grid>\n * ```\n */\n@Directive({\n  selector: '[mkGridItem]',\n  host: {\n    '[style.grid-column]': 'columnCss()',\n    '[style.grid-row]': 'rowCss()',\n    '[style.align-self]': 'alignSelfCss()',\n    '[style.justify-self]': 'justifySelfCss()',\n  },\n})\nexport class MkGridItem {\n  private readonly bp = inject(MkBreakpointService);\n\n  /** Number of columns to span (`'all'` = the full row). */\n  readonly colSpan = input<MkResponsive<number | 'all' | string> | null>(null);\n  /** Number of rows to span. */\n  readonly rowSpan = input<MkResponsive<number | string> | null>(null);\n  /** Column line to start at (1-based). */\n  readonly colStart = input<MkResponsive<number | string> | null>(null);\n  /** Row line to start at (1-based). */\n  readonly rowStart = input<MkResponsive<number | string> | null>(null);\n  /** `align-self` for this cell. */\n  readonly alignSelf = input<MkResponsive<'start' | 'center' | 'end' | 'stretch'> | null>(null);\n  /** `justify-self` for this cell. */\n  readonly justifySelf = input<MkResponsive<'start' | 'center' | 'end' | 'stretch'> | null>(null);\n\n  protected readonly columnCss = computed(() => {\n    const span = this.bp.resolve(this.colSpan() ?? undefined);\n    if (span === 'all') return '1 / -1';\n    return MkGridItem.line(this.bp.resolve(this.colStart() ?? undefined), span);\n  });\n  protected readonly rowCss = computed(() =>\n    MkGridItem.line(this.bp.resolve(this.rowStart() ?? undefined), this.bp.resolve(this.rowSpan() ?? undefined)),\n  );\n  protected readonly alignSelfCss = computed(() => this.bp.resolve(this.alignSelf() ?? undefined) ?? null);\n  protected readonly justifySelfCss = computed(() => this.bp.resolve(this.justifySelf() ?? undefined) ?? null);\n\n  private static line(\n    startIn: number | string | undefined,\n    spanIn: number | string | undefined,\n  ): string | null {\n    const start = mkNumeric(startIn);\n    const span = mkNumeric(spanIn);\n    if (start == null && span == null) return null;\n    const s = start != null ? String(start) : 'auto';\n    return typeof span === 'number' && span > 1 ? `${s} / span ${span}` : start != null ? s : null;\n  }\n}\n","/**\n * @mk-kit/ui/layout — layout primitives: `mk-stack`, `mk-flex`, `mk-grid`\n * and the `mkFlexItem` / `mkGridItem` child directives. Every spacing and\n * track input accepts a per-breakpoint map resolved by `MkBreakpointService`.\n */\nexport * from './space';\nexport * from './flex-base';\nexport * from './stack';\nexport * from './flex';\nexport * from './flex-item';\nexport * from './grid';\nexport * from './grid-item';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}