@mk-kit/ui 0.51.0 → 0.52.1

package/fesm2022/mk-kit-ui.mjs

@@ -1,4 +1,5 @@
 export * from '@mk-kit/ui/core';
+export * from '@mk-kit/ui/core/signal-forms';
 export * from '@mk-kit/ui/icon';
 export * from '@mk-kit/ui/icon/extended';
 export * from '@mk-kit/ui/chip';

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

@@ -1 +1 @@
-{"version":3,"file":"mk-kit-ui.mjs","sources":["../../../projects/mk-kit/src/public-api.ts","../../../projects/mk-kit/src/mk-kit-ui.ts"],"sourcesContent":["/*\n * Public API Surface of @mk-kit/ui.\n *\n * The library ships Material-style secondary entry points — import from the\n * group entries (`@mk-kit/ui/forms`, `@mk-kit/ui/table`, …) so a code-split\n * app only carries the groups each chunk uses. This root entry re-exports\n * everything for convenience; importing it eagerly pulls all groups into the\n * importing chunk.\n */\nexport * from '@mk-kit/ui/core';\nexport * from '@mk-kit/ui/icon';\nexport * from '@mk-kit/ui/icon/extended';\nexport * from '@mk-kit/ui/chip';\nexport * from '@mk-kit/ui/checkbox';\nexport * from '@mk-kit/ui/button';\nexport * from '@mk-kit/ui/directives';\nexport * from '@mk-kit/ui/dnd';\nexport * from '@mk-kit/ui/navigation';\nexport * from '@mk-kit/ui/forms';\nexport * from '@mk-kit/ui/datetime';\nexport * from '@mk-kit/ui/table';\nexport * from '@mk-kit/ui/data';\nexport * from '@mk-kit/ui/feedback';\nexport * from '@mk-kit/ui/rich-text';\nexport * from '@mk-kit/ui/block-editor';\nexport * from '@mk-kit/ui/context-menu';\nexport * from '@mk-kit/ui/layout';\nexport * from '@mk-kit/ui/chat';\nexport * from '@mk-kit/ui/query-builder';\nexport * from '@mk-kit/ui/dynamic-form';\nexport * from '@mk-kit/ui/media';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;AAQG;;ACRH;;AAEG"}
+{"version":3,"file":"mk-kit-ui.mjs","sources":["../../../projects/mk-kit/src/public-api.ts","../../../projects/mk-kit/src/mk-kit-ui.ts"],"sourcesContent":["/*\n * Public API Surface of @mk-kit/ui.\n *\n * The library ships Material-style secondary entry points — import from the\n * group entries (`@mk-kit/ui/forms`, `@mk-kit/ui/table`, …) so a code-split\n * app only carries the groups each chunk uses. This root entry re-exports\n * everything for convenience; importing it eagerly pulls all groups into the\n * importing chunk.\n */\nexport * from '@mk-kit/ui/core';\nexport * from '@mk-kit/ui/core/signal-forms';\nexport * from '@mk-kit/ui/icon';\nexport * from '@mk-kit/ui/icon/extended';\nexport * from '@mk-kit/ui/chip';\nexport * from '@mk-kit/ui/checkbox';\nexport * from '@mk-kit/ui/button';\nexport * from '@mk-kit/ui/directives';\nexport * from '@mk-kit/ui/dnd';\nexport * from '@mk-kit/ui/navigation';\nexport * from '@mk-kit/ui/forms';\nexport * from '@mk-kit/ui/datetime';\nexport * from '@mk-kit/ui/table';\nexport * from '@mk-kit/ui/data';\nexport * from '@mk-kit/ui/feedback';\nexport * from '@mk-kit/ui/rich-text';\nexport * from '@mk-kit/ui/block-editor';\nexport * from '@mk-kit/ui/context-menu';\nexport * from '@mk-kit/ui/layout';\nexport * from '@mk-kit/ui/chat';\nexport * from '@mk-kit/ui/query-builder';\nexport * from '@mk-kit/ui/dynamic-form';\nexport * from '@mk-kit/ui/media';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;AAQG;;ACRH;;AAEG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mk-kit/ui",
-  "version": "0.51.0",
+  "version": "0.52.1",
   "publishConfig": {
     "access": "public"
   },
@@ -85,6 +85,10 @@
       "types": "./types/mk-kit-ui-core.d.ts",
       "default": "./fesm2022/mk-kit-ui-core.mjs"
     },
+    "./core/signal-forms": {
+      "types": "./types/mk-kit-ui-core-signal-forms.d.ts",
+      "default": "./fesm2022/mk-kit-ui-core-signal-forms.mjs"
+    },
     "./data": {
       "types": "./types/mk-kit-ui-data.d.ts",
       "default": "./fesm2022/mk-kit-ui-data.mjs"

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

@@ -0,0 +1,31 @@
+import { Signal } from '@angular/core';
+
+/**
+ * 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>;
+
+export { mkInjectFieldTouched };

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

@@ -1335,33 +1335,5 @@ declare function mkSignalErrorsToValidationErrors(errors: readonly MkSignalValid
  */
 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>;
-
-export { MK_BREAKPOINTS, MK_DEFAULT_BREAKPOINTS, MK_DEFAULT_DATE_NAMES, MK_DEFAULT_I18N, MK_DEFAULT_VALIDATION, MK_I18N, MK_OVERLAY_DATA, MK_OVERLAY_ROOT, MkAnchoredPanel, MkBreakpointService, MkFieldContext, MkFocusTrap, MkLiveAnnouncer, MkOverlayRef, MkOverlayService, MkThemeService, mkBodyLevelAncestor, mkFirstErrorMessage, mkGetFocusable, mkInjectFieldTouched, mkIsResponsive, mkMergeI18n, mkSignalErrorMessage, mkSignalErrorsToValidationErrors, mkValidatorChange, provideMkI18n };
+export { MK_BREAKPOINTS, MK_DEFAULT_BREAKPOINTS, MK_DEFAULT_DATE_NAMES, MK_DEFAULT_I18N, MK_DEFAULT_VALIDATION, MK_I18N, MK_OVERLAY_DATA, MK_OVERLAY_ROOT, MkAnchoredPanel, MkBreakpointService, MkFieldContext, MkFocusTrap, MkLiveAnnouncer, MkOverlayRef, MkOverlayService, MkThemeService, mkBodyLevelAncestor, mkFirstErrorMessage, mkGetFocusable, mkIsResponsive, mkMergeI18n, mkSignalErrorMessage, mkSignalErrorsToValidationErrors, mkValidatorChange, provideMkI18n };
 export type { MkAriaLivePoliteness, MkBlockEditorStrings, MkBreakpoint, MkBreakpoints, MkContrastPreference, MkDensity, MkErrorMessages, MkI18nOverrides, MkI18nStrings, MkOverlayConfig, MkOverlayRootFn, MkResolvedContrast, MkResolvedTheme, MkResponsive, MkSignalValidationError, MkSize, MkSortAnnounceDirection, MkThemePreference, MkTone, MkValidationStrings, MkValidatorChangeRef, MkVariant };

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

@@ -279,9 +279,9 @@ declare class MkMenuHarness extends MkHarness {
     private itemElements;
 }
 
-/** One data row of `mk-table`. */
+/** One data row of `mk-table` (the `emptyMessage` placeholder row is not one). */
 declare class MkTableRowHarness extends MkHarness {
-    static readonly hostSelector = "tr.mk-table__row";
+    static readonly hostSelector = "tr.mk-table__row:not(.mk-table__row--empty)";
     /** Cell texts of the data columns (expand / select cells excluded). */
     cells(): string[];
     cell(index: number): string;
@@ -310,7 +310,10 @@ declare class MkTableHarness extends MkHarness {
     selectedRowCount(): Promise<number>;
     /** Toggle the header "select all" checkbox. */
     toggleAll(): Promise<void>;
+    /** True when the table shows no data rows (an `emptyMessage` row does not count). */
     isEmpty(): boolean;
+    /** The rendered `emptyMessage`, or `null` while the table has rows. */
+    emptyMessage(): string | null;
     /**
      * Set a header-row filter (table is `filterable`). `value` is typed into
      * a text / number / date box, or picked from a select by option label or

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

@@ -1,4 +1,5 @@
 export * from '@mk-kit/ui/core';
+export * from '@mk-kit/ui/core/signal-forms';
 export * from '@mk-kit/ui/icon';
 export * from '@mk-kit/ui/icon/extended';
 export * from '@mk-kit/ui/chip';