@mk-kit/ui 0.45.0 → 0.46.0

package/README.md

@@ -2,12 +2,13 @@
 
 **Themable, accessible Angular component library for admin dashboards, back-offices and internal tools.**
 
-175+ standalone components, directives and services — data tables, charts,
+185+ components (225+ selectors with directives and pipes) and 16 services — data tables, charts,
 date & time pickers, editors, kanban, overlays, an app shell — written for
 Angular 22 with signals and `OnPush` from day one. Every visual value is a
 `--mk-*` CSS custom property; light and dark ship out of the box; WCAG 2.1 AA
-is the target, not the marketing. MIT licensed. Zero runtime dependencies
-beyond Angular.
+is the target, not the marketing. MIT licensed. No third-party runtime
+dependencies — only Angular and the sibling `@mk-kit/validators` (the
+identifier checks, 14 kB, tree-shakeable).
 
 - **Docs & live demos:** <https://mk-kit.dev>
 - **API reference:** <https://mk-kit.dev/api> — also as [api.json](https://mk-kit.dev/api.json), [llms.txt](https://mk-kit.dev/llms.txt) and [llms-full.txt](https://mk-kit.dev/llms-full.txt) for tools and AI assistants
@@ -103,10 +104,12 @@ import { MkDatePicker } from '@mk-kit/ui/datetime';
 ```
 
 Available: `core`, `forms`, `datetime`, `table`, `data`, `navigation`,
-`feedback`, `directives`, `dnd`, `media`, `icon`, `button`, `checkbox`, `chip`,
-`context-menu`, `layout`, `chat`, `query-builder`, `dynamic-form`, `rich-text`, `block-editor`,
-plus `testing` (component harnesses for specs — never re-exported from the
-umbrella). `sideEffects: false` throughout.
+`feedback`, `directives`, `dnd`, `media`, `icon`, `icon/extended` (the opt-in
+305-icon set), `button`, `checkbox`, `chip`, `context-menu`, `layout`, `chat`,
+`query-builder`, `dynamic-form`, `rich-text`, `block-editor`, plus `testing`
+(component harnesses for specs) and `locales/pl` (the Polish string pack) —
+the last two are never re-exported from the umbrella. `sideEffects: false`
+throughout.
 
 ## Theming
 

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

@@ -12,6 +12,7 @@ import { NgTemplateOutlet, isPlatformBrowser } from '@angular/common';
 import { mkMoveItemInArray, MkDropList, MkDrag, MkDragHandle } from '@mk-kit/ui/dnd';
 import { MkTree } from '@mk-kit/ui/navigation';
 import { mkApplyMask, MkMask, mkMaskCaret } from '@mk-kit/ui/directives';
+import { detectCardBrand, isLuhn, IBAN_LENGTHS, ibanMod97, isIban, isNip } from '@mk-kit/validators';
 export * from '@mk-kit/ui/checkbox';
 
 /**
@@ -7983,41 +7984,13 @@ const MK_CARD_BRAND_NAMES = {
     diners: 'Diners Club',
     jcb: 'JCB',
 };
-/** Detect the card network from the leading digits (IIN ranges). */
+/** Detect the card network from the leading digits — `detectCardBrand` from `@mk-kit/validators`. */
 function mkDetectCardBrand(digits) {
-    if (!digits)
-        return null;
-    if (/^3[47]/.test(digits))
-        return 'amex';
-    if (/^(30[0-5]|36|38)/.test(digits))
-        return 'diners';
-    if (/^35/.test(digits))
-        return 'jcb';
-    if (/^(6011|64[4-9]|65)/.test(digits))
-        return 'discover';
-    if (/^(5[1-5]|22[2-9]|2[3-6]|27[0-2])/.test(digits))
-        return 'mastercard';
-    if (/^4/.test(digits))
-        return 'visa';
-    return null;
+    return detectCardBrand(digits);
 }
-/** Luhn (mod 10) checksum over a digit string. */
+/** Luhn (mod 10) checksum over a digit string — `isLuhn` from `@mk-kit/validators`. */
 function mkLuhnCheck(digits) {
-    if (!/^\d+$/.test(digits))
-        return false;
-    let sum = 0;
-    let double = false;
-    for (let i = digits.length - 1; i >= 0; i--) {
-        let d = digits.charCodeAt(i) - 48;
-        if (double) {
-            d *= 2;
-            if (d > 9)
-                d -= 9;
-        }
-        sum += d;
-        double = !double;
-    }
-    return sum % 10 === 0;
+    return /^\d+$/.test(digits) && isLuhn(digits);
 }
 /** Grouping masks per brand (digit counts differ). */
 const BRAND_MASKS = {
@@ -8201,42 +8174,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     ], template: "<input\n  type=\"text\"\n  class=\"mk-card-number-input__field\"\n  [id]=\"inputId\"\n  autocomplete=\"cc-number\"\n  spellcheck=\"false\"\n  [mkMask]=\"mask()\"\n  [value]=\"masked()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"isDisabled()\"\n  [attr.aria-labelledby]=\"labelledBy()\"\n  [attr.aria-label]=\"labelledBy() ? null : i18n.cardNumber\"\n  [attr.aria-describedby]=\"describedBy()\"\n  [attr.aria-invalid]=\"isInvalid() || null\"\n  [attr.aria-required]=\"isRequired() || null\"\n  (unmaskedChange)=\"onDigitsChange($event)\"\n  (blur)=\"onBlur()\"\n/>\n\n@if (showBrand() && brandName()) {\n  <span class=\"mk-card-number-input__brand\">\n    {{ brandName() }}\n    <span class=\"mk-visually-hidden\">{{ i18n.cardBrand(brandName()) }}</span>\n  </span>\n}\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center;gap:var(--mk-space-2);width:100%;height:var(--mk-control-height-md);padding-inline-end:var(--mk-space-2);background-color:var(--mk-surface);border:var(--mk-border-width) solid var(--mk-border);border-radius:var(--mk-radius-md);font-family:var(--mk-font-sans);overflow:hidden;transition:border-color var(--mk-duration-fast) var(--mk-ease-standard),box-shadow var(--mk-duration-fast) var(--mk-ease-standard)}:host(.mk-card-number-input--sm){height:var(--mk-control-height-sm);border-radius:var(--mk-radius-sm)}:host(.mk-card-number-input--lg){height:var(--mk-control-height-lg)}:host(:hover:not(.mk-card-number-input--disabled)){border-color:var(--mk-border-strong)}:host(:focus-within){outline:var(--mk-focus-ring-width) solid var(--mk-focus-ring);outline-offset:var(--mk-focus-ring-offset);border-color:var(--mk-primary)}:host(.mk-card-number-input--invalid){border-color:var(--mk-danger)}:host(.mk-card-number-input--invalid:focus-within){outline-color:var(--mk-danger)}:host(.mk-card-number-input--disabled){background-color:var(--mk-surface-2);opacity:.7}.mk-card-number-input__field{flex:1 1 auto;min-width:0;padding:0 var(--mk-space-3);font-family:inherit;font-size:var(--mk-font-size-md);font-variant-numeric:tabular-nums;color:var(--mk-text);background:transparent;border:none;outline:none}.mk-card-number-input__field::placeholder{color:var(--mk-text-subtle)}.mk-card-number-input__field:disabled{color:var(--mk-text-disabled);cursor:not-allowed}.mk-card-number-input__brand{flex:none;padding:2px var(--mk-space-2);font-size:var(--mk-font-size-xs);font-weight:var(--mk-font-weight-medium);color:var(--mk-neutral-subtle-text);background-color:var(--mk-neutral-subtle);border-radius:var(--mk-radius-pill);white-space:nowrap;-webkit-user-select:none;user-select:none}:host(.mk-card-number-input--sm) .mk-card-number-input__field{font-size:var(--mk-font-size-sm)}:host(.mk-card-number-input--lg) .mk-card-number-input__field{font-size:var(--mk-font-size-lg)}@media(prefers-reduced-motion:reduce){:host{transition:none}}@media(pointer:coarse){.mk-card-number-input__field{font-size:max(var(--mk-font-size-md),16px)}:host(.mk-card-number-input--sm) .mk-card-number-input__field{font-size:max(var(--mk-font-size-sm),16px)}}\n"] }]
         }], propDecorators: { showBrand: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBrand", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], brandChange: [{ type: i0.Output, args: ["brandChange"] }] } });
 
-/** IBAN length per ISO 13616 country code (SEPA + common others). */
-const MK_IBAN_LENGTHS = {
-    AD: 24, AE: 23, AL: 28, AT: 20, AZ: 28, BA: 20, BE: 16, BG: 22, BH: 22,
-    BR: 29, CH: 21, CR: 22, CY: 28, CZ: 24, DE: 22, DK: 18, DO: 28, EE: 20,
-    EG: 29, ES: 24, FI: 18, FO: 18, FR: 27, GB: 22, GE: 22, GI: 23, GL: 18,
-    GR: 27, HR: 21, HU: 28, IE: 22, IL: 23, IS: 26, IT: 27, JO: 30, KW: 30,
-    KZ: 20, LB: 28, LI: 21, LT: 20, LU: 20, LV: 21, MC: 27, MD: 24, ME: 22,
-    MK: 19, MT: 31, NL: 18, NO: 15, PK: 24, PL: 28, PT: 25, QA: 29, RO: 24,
-    RS: 22, SA: 24, SE: 24, SI: 19, SK: 24, SM: 27, TN: 24, TR: 26, UA: 29,
-    VA: 22, XK: 20,
-};
-/** The maximum IBAN length the standard allows. */
-const IBAN_MAX = 34;
 /**
- * ISO 13616 mod-97 check over a compact (no spaces, uppercase) IBAN.
- * Assumes the shape `CC00…` has already been length-checked by the caller.
+ * IBAN lengths per country — re-exported from `@mk-kit/validators`
+ * (`IBAN_LENGTHS`, the SWIFT registry).
  */
+const MK_IBAN_LENGTHS = IBAN_LENGTHS;
+/** Longest IBAN in the registry (Malta, 31) rounded up to the ISO 13616 maximum. */
+const IBAN_MAX = 34;
+/** ISO 7064 MOD 97-10 over a compact (uppercase, no separators) IBAN. */
 function mkIbanChecksum(compact) {
-    if (!/^[A-Z]{2}\d{2}[A-Z0-9]+$/.test(compact))
-        return false;
-    const rearranged = compact.slice(4) + compact.slice(0, 4);
-    let rem = 0;
-    for (const ch of rearranged) {
-        const code = ch.charCodeAt(0);
-        // A→10 … Z→35 contribute two digits; plain digits contribute one.
-        if (code >= 65)
-            rem = (rem * 100 + (code - 55)) % 97;
-        else
-            rem = (rem * 10 + (code - 48)) % 97;
-    }
-    return rem === 1;
+    return /^[A-Z]{2}\d{2}[A-Z0-9]+$/.test(compact) && ibanMod97(compact) === 1;
 }
-/** Full IBAN validity: known country, exact length, mod-97 check. */
+/**
+ * Shape, the registry length for the country and the checksum — delegates
+ * to `isIban` from `@mk-kit/validators`. Unlike that function this one keeps
+ * the input kit's stricter rule that the country must be in the table.
+ */
 function mkIbanIsValid(compact) {
-    const length = MK_IBAN_LENGTHS[compact.slice(0, 2)];
-    return (length !== undefined && compact.length === length && mkIbanChecksum(compact));
+    return MK_IBAN_LENGTHS[compact.slice(0, 2)] !== undefined && isIban(compact);
 }
 /**
  * Reactive-forms validator for an IBAN (any supported country). Empty values
@@ -8429,21 +8384,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     ], template: "<input\n  type=\"text\"\n  class=\"mk-iban-input__field\"\n  [id]=\"inputId\"\n  autocomplete=\"off\"\n  autocapitalize=\"characters\"\n  spellcheck=\"false\"\n  [value]=\"grouped()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"isDisabled()\"\n  [attr.aria-labelledby]=\"labelledBy()\"\n  [attr.aria-label]=\"labelledBy() ? null : i18n.iban\"\n  [attr.aria-describedby]=\"describedBy()\"\n  [attr.aria-invalid]=\"isInvalid() || null\"\n  [attr.aria-required]=\"isRequired() || null\"\n  (input)=\"onInput($event)\"\n  (blur)=\"onBlur()\"\n/>\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;width:100%;font-family:var(--mk-font-sans)}.mk-iban-input__field{width:100%;min-width:0;height:var(--mk-control-height-md);padding:0 var(--mk-space-3);font-family:var(--mk-font-mono);font-size:var(--mk-font-size-md);color:var(--mk-text);background-color:var(--mk-surface);border:var(--mk-border-width) solid var(--mk-border);border-radius:var(--mk-radius-md);outline:none;transition:border-color var(--mk-duration-fast) var(--mk-ease-standard),box-shadow var(--mk-duration-fast) var(--mk-ease-standard)}:host(.mk-iban-input--sm) .mk-iban-input__field{height:var(--mk-control-height-sm);padding:0 var(--mk-space-2);font-size:var(--mk-font-size-sm);border-radius:var(--mk-radius-sm)}:host(.mk-iban-input--lg) .mk-iban-input__field{height:var(--mk-control-height-lg);padding:0 var(--mk-space-4);font-size:var(--mk-font-size-lg)}.mk-iban-input__field::placeholder{color:var(--mk-text-subtle);font-family:var(--mk-font-sans)}.mk-iban-input__field:hover:not(:disabled){border-color:var(--mk-border-strong)}.mk-iban-input__field:focus-visible{outline:var(--mk-focus-ring-width) solid var(--mk-focus-ring);outline-offset:var(--mk-focus-ring-offset);border-color:var(--mk-primary)}:host(.mk-iban-input--invalid) .mk-iban-input__field{border-color:var(--mk-danger)}:host(.mk-iban-input--invalid) .mk-iban-input__field:focus-visible{outline-color:var(--mk-danger)}.mk-iban-input__field:disabled{background-color:var(--mk-surface-2);color:var(--mk-text-disabled);border-color:var(--mk-border-subtle);cursor:not-allowed;opacity:.7}@media(prefers-reduced-motion:reduce){.mk-iban-input__field{transition:none}}@media(pointer:coarse){.mk-iban-input__field{font-size:max(var(--mk-font-size-md),16px)}:host(.mk-iban-input--sm) .mk-iban-input__field{font-size:max(var(--mk-font-size-sm),16px)}}\n"] }]
         }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
 
-/** NIP weights, applied to the first nine digits (PL). */
-const NIP_WEIGHTS = [6, 5, 7, 2, 3, 4, 5, 6, 7];
 /**
- * Polish NIP checksum: the weighted sum of the first nine digits modulo 11 is
- * the tenth (check) digit. A remainder of 10 can never be a digit, so such a
- * number is invalid whatever its last digit.
+ * Polish NIP checksum — delegates to `isNip` from `@mk-kit/validators`
+ * (weights 6-5-7-2-3-4-5-6-7 mod 11; a remainder of 10 is invalid).
  */
 function mkNipChecksum(compact) {
-    if (!/^\d{10}$/.test(compact))
-        return false;
-    let sum = 0;
-    for (let i = 0; i < 9; i++)
-        sum += NIP_WEIGHTS[i] * Number(compact[i]);
-    const check = sum % 11;
-    return check < 10 && check === Number(compact[9]);
+    return /^\d{10}$/.test(compact) && isNip(compact);
 }
 /**
  * The built-in tax-identifier formats (alphabetical by ISO code). Only Poland