@mesgflow/ui-kit 0.9.0 → 0.10.0

package/fesm2022/mesgflow-ui-kit-badge.mjs

@@ -20,7 +20,7 @@ import { cva } from 'class-variance-authority';
  * `color-mix` her zeminde AYRI karışıp `check:contrast`'ta dört yüzeyde de
  * doğrulanıyor (bkz. projects/ui-kit/README.md "Token mimarisi").
  */
-const badgeVariants = cva('inline-flex items-center gap-1.5 rounded-full font-mono text-eyebrow uppercase ' +
+const badgeVariants = cva('inline-flex items-center gap-1.5 rounded-full ' +
     "before:block before:h-1.5 before:w-1.5 before:shrink-0 before:rounded-full before:bg-current before:content-['']", {
     variants: {
         tone: {
@@ -32,25 +32,39 @@ const badgeVariants = cva('inline-flex items-center gap-1.5 rounded-full font-mo
             info: 'bg-info-tint text-info-tint-fg',
             help: 'bg-help-tint text-help-tint-fg',
         },
+        /**
+         * `eyebrow` (varsayılan): mono + BÜYÜK harf + geniş aralık mikro-etiket. `sentence`:
+         * gövde yazı tipi, yazıldığı gibi, normal aralık — tablo/durum etiketlerinde
+         * ("Hazırlanıyor", "Aktif") daha sakin; renk ve nokta göstergesi aynı.
+         */
+        casing: {
+            eyebrow: 'font-mono text-eyebrow uppercase',
+            sentence: 'font-sans text-xs font-medium normal-case tracking-normal',
+        },
         /** `md` öncekiyle (tek boyutlu dönem) BİREBİR aynı dolgu — `sm` tablo hücresi/chip gibi sık dizilen bağlamlar için. */
         size: {
             sm: 'py-0.5 pe-2 ps-1.5',
             md: 'py-1 pe-2.5 ps-2',
         },
     },
-    defaultVariants: { tone: 'neutral', size: 'md' },
+    defaultVariants: { tone: 'neutral', size: 'md', casing: 'eyebrow' },
 });
 
-/** `<span mfBadge tone="success">Aktif</span>` */
+/**
+ * `<span mfBadge tone="success">Aktif</span>` — cümle biçimi için
+ * `<span mfBadge tone="warning" casing="sentence">Hazırlanıyor</span>`.
+ */
 class Badge {
     tone = input('neutral', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
     size = input('md', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn(badgeVariants({ tone: this.tone(), size: this.size() })), /* @ts-ignore */
+    casing = input('eyebrow', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "casing" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(badgeVariants({ tone: this.tone(), size: this.size(), casing: this.casing() })), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: Badge, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: Badge, isStandalone: true, selector: "span[mfBadge]", inputs: { tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: Badge, isStandalone: true, selector: "span[mfBadge]", inputs: { tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, casing: { classPropertyName: "casing", publicName: "casing", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: Badge, decorators: [{
             type: Directive,
@@ -58,7 +72,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: 'span[mfBadge]',
                     host: { '[class]': 'classes()' },
                 }]
-        }], propDecorators: { tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+        }], propDecorators: { tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], casing: [{ type: i0.Input, args: [{ isSignal: true, alias: "casing", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/mesgflow-ui-kit-badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mesgflow-ui-kit-badge.mjs","sources":["../../../projects/ui-kit/badge/badge.variants.ts","../../../projects/ui-kit/badge/badge.ts","../../../projects/ui-kit/badge/mesgflow-ui-kit-badge.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\r\n\r\n/**\r\n * Kullanıcının beğendiği bir Artifact'teki `.pill` deseni birebir uyarlandı:\r\n * mono + büyük harf + geniş harf aralığı + `currentColor` nokta göstergesi\r\n * (`before:`). Bu bileşenin kendisi bu tazelemenin imza motiflerinden biri\r\n * (\"mono mikro-etiket\") — `text-eyebrow` token'ı (tokens/typography.css)\r\n * TAM OLARAK bu dili konuşmak için var (kalın ağırlık + geniş tracking bir\r\n * arada); font-weight/letter-spacing'i elle tekrar YAZMAK yerine doğrudan\r\n * o token kullanılıyor (bkz. plan Faz 1d — sm/md artık FONT BOYUTUNDA değil,\r\n * sadece dolguda ayrışıyor, ikisi de aynı mikro-etiket ölçeğini paylaşıyor).\r\n *\r\n * Renkli tonlar rol token'ı `bg-X-tint text-X-tint-fg` kullanır — spec'in\r\n * \"Soft Tinting\" tekniği: `color-mix()` ile rampanın kendi basamağının %12\r\n * alfası (light çapa 600, dark çapa 400), metin rampanın 800/400 basamağı.\r\n * Rozet her türlü zeminin (kart, tablo satırı, toolbar) üstüne oturabiliyor —\r\n * `color-mix` her zeminde AYRI karışıp `check:contrast`'ta dört yüzeyde de\r\n * doğrulanıyor (bkz. projects/ui-kit/README.md \"Token mimarisi\").\r\n */\r\nexport const badgeVariants = cva(\r\n  'inline-flex items-center gap-1.5 rounded-full font-mono text-eyebrow uppercase ' +\r\n    \"before:block before:h-1.5 before:w-1.5 before:shrink-0 before:rounded-full before:bg-current before:content-['']\",\r\n  {\r\n    variants: {\r\n      tone: {\r\n        neutral: 'bg-surface-alt text-fg-muted',\r\n        primary: 'bg-primary-tint text-primary-tint-fg',\r\n        success: 'bg-success-tint text-success-tint-fg',\r\n        warning: 'bg-warning-tint text-warning-tint-fg',\r\n        danger: 'bg-danger-tint text-danger-tint-fg',\r\n        info: 'bg-info-tint text-info-tint-fg',\r\n        help: 'bg-help-tint text-help-tint-fg',\r\n      },\r\n      /** `md` öncekiyle (tek boyutlu dönem) BİREBİR aynı dolgu — `sm` tablo hücresi/chip gibi sık dizilen bağlamlar için. */\r\n      size: {\r\n        sm: 'py-0.5 pe-2 ps-1.5',\r\n        md: 'py-1 pe-2.5 ps-2',\r\n      },\r\n    },\r\n    defaultVariants: { tone: 'neutral', size: 'md' },\r\n  },\r\n);\r\n\r\nexport type BadgeTone = VariantProps<typeof badgeVariants>['tone'];\r\nexport type BadgeSize = VariantProps<typeof badgeVariants>['size'];\r\n","import { Directive, computed, input } from '@angular/core';\r\nimport { cn } from '@mesgflow/ui-kit/core';\r\nimport { badgeVariants, type BadgeSize, type BadgeTone } from './badge.variants';\r\n\r\n/** `<span mfBadge tone=\"success\">Aktif</span>` */\r\n@Directive({\r\n  selector: 'span[mfBadge]',\r\n  host: { '[class]': 'classes()' },\r\n})\r\nexport class Badge {\r\n  readonly tone = input<BadgeTone>('neutral');\r\n  readonly size = input<BadgeSize>('md');\r\n  protected readonly classes = computed(() =>\r\n    cn(badgeVariants({ tone: this.tone(), size: this.size() })),\r\n  );\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;AAgBG;AACI,MAAM,aAAa,GAAG,GAAG,CAC9B,iFAAiF;AAC/E,IAAA,kHAAkH,EACpH;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,8BAA8B;AACvC,YAAA,OAAO,EAAE,sCAAsC;AAC/C,YAAA,OAAO,EAAE,sCAAsC;AAC/C,YAAA,OAAO,EAAE,sCAAsC;AAC/C,YAAA,MAAM,EAAE,oCAAoC;AAC5C,YAAA,IAAI,EAAE,gCAAgC;AACtC,YAAA,IAAI,EAAE,gCAAgC;AACvC,SAAA;;AAED,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,oBAAoB;AACxB,YAAA,EAAE,EAAE,kBAAkB;AACvB,SAAA;AACF,KAAA;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;AACjD,CAAA;;ACpCH;MAKa,KAAK,CAAA;IACP,IAAI,GAAG,KAAK,CAAY,SAAS;6EAAC;IAClC,IAAI,GAAG,KAAK,CAAY,IAAI;6EAAC;IACnB,OAAO,GAAG,QAAQ,CAAC,MACpC,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gFAC5D;uGALU,KAAK,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAL,KAAK,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAL,KAAK,EAAA,UAAA,EAAA,CAAA;kBAJjB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE;AACjC,iBAAA;;;ACRD;;AAEG;;"}
+{"version":3,"file":"mesgflow-ui-kit-badge.mjs","sources":["../../../projects/ui-kit/badge/badge.variants.ts","../../../projects/ui-kit/badge/badge.ts","../../../projects/ui-kit/badge/mesgflow-ui-kit-badge.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\r\n\r\n/**\r\n * Kullanıcının beğendiği bir Artifact'teki `.pill` deseni birebir uyarlandı:\r\n * mono + büyük harf + geniş harf aralığı + `currentColor` nokta göstergesi\r\n * (`before:`). Bu bileşenin kendisi bu tazelemenin imza motiflerinden biri\r\n * (\"mono mikro-etiket\") — `text-eyebrow` token'ı (tokens/typography.css)\r\n * TAM OLARAK bu dili konuşmak için var (kalın ağırlık + geniş tracking bir\r\n * arada); font-weight/letter-spacing'i elle tekrar YAZMAK yerine doğrudan\r\n * o token kullanılıyor (bkz. plan Faz 1d — sm/md artık FONT BOYUTUNDA değil,\r\n * sadece dolguda ayrışıyor, ikisi de aynı mikro-etiket ölçeğini paylaşıyor).\r\n *\r\n * Renkli tonlar rol token'ı `bg-X-tint text-X-tint-fg` kullanır — spec'in\r\n * \"Soft Tinting\" tekniği: `color-mix()` ile rampanın kendi basamağının %12\r\n * alfası (light çapa 600, dark çapa 400), metin rampanın 800/400 basamağı.\r\n * Rozet her türlü zeminin (kart, tablo satırı, toolbar) üstüne oturabiliyor —\r\n * `color-mix` her zeminde AYRI karışıp `check:contrast`'ta dört yüzeyde de\r\n * doğrulanıyor (bkz. projects/ui-kit/README.md \"Token mimarisi\").\r\n */\r\nexport const badgeVariants = cva(\r\n  'inline-flex items-center gap-1.5 rounded-full ' +\r\n    \"before:block before:h-1.5 before:w-1.5 before:shrink-0 before:rounded-full before:bg-current before:content-['']\",\r\n  {\r\n    variants: {\r\n      tone: {\r\n        neutral: 'bg-surface-alt text-fg-muted',\r\n        primary: 'bg-primary-tint text-primary-tint-fg',\r\n        success: 'bg-success-tint text-success-tint-fg',\r\n        warning: 'bg-warning-tint text-warning-tint-fg',\r\n        danger: 'bg-danger-tint text-danger-tint-fg',\r\n        info: 'bg-info-tint text-info-tint-fg',\r\n        help: 'bg-help-tint text-help-tint-fg',\r\n      },\r\n      /**\r\n       * `eyebrow` (varsayılan): mono + BÜYÜK harf + geniş aralık mikro-etiket. `sentence`:\r\n       * gövde yazı tipi, yazıldığı gibi, normal aralık — tablo/durum etiketlerinde\r\n       * (\"Hazırlanıyor\", \"Aktif\") daha sakin; renk ve nokta göstergesi aynı.\r\n       */\r\n      casing: {\r\n        eyebrow: 'font-mono text-eyebrow uppercase',\r\n        sentence: 'font-sans text-xs font-medium normal-case tracking-normal',\r\n      },\r\n      /** `md` öncekiyle (tek boyutlu dönem) BİREBİR aynı dolgu — `sm` tablo hücresi/chip gibi sık dizilen bağlamlar için. */\r\n      size: {\r\n        sm: 'py-0.5 pe-2 ps-1.5',\r\n        md: 'py-1 pe-2.5 ps-2',\r\n      },\r\n    },\r\n    defaultVariants: { tone: 'neutral', size: 'md', casing: 'eyebrow' },\r\n  },\r\n);\r\n\r\nexport type BadgeTone = VariantProps<typeof badgeVariants>['tone'];\r\nexport type BadgeSize = VariantProps<typeof badgeVariants>['size'];\r\nexport type BadgeCasing = VariantProps<typeof badgeVariants>['casing'];\r\n","import { Directive, computed, input } from '@angular/core';\r\nimport { cn } from '@mesgflow/ui-kit/core';\r\nimport { badgeVariants, type BadgeCasing, type BadgeSize, type BadgeTone } from './badge.variants';\r\n\r\n/**\r\n * `<span mfBadge tone=\"success\">Aktif</span>` — cümle biçimi için\r\n * `<span mfBadge tone=\"warning\" casing=\"sentence\">Hazırlanıyor</span>`.\r\n */\r\n@Directive({\r\n  selector: 'span[mfBadge]',\r\n  host: { '[class]': 'classes()' },\r\n})\r\nexport class Badge {\r\n  readonly tone = input<BadgeTone>('neutral');\r\n  readonly size = input<BadgeSize>('md');\r\n  readonly casing = input<BadgeCasing>('eyebrow');\r\n  protected readonly classes = computed(() =>\r\n    cn(badgeVariants({ tone: this.tone(), size: this.size(), casing: this.casing() })),\r\n  );\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;AAgBG;AACI,MAAM,aAAa,GAAG,GAAG,CAC9B,gDAAgD;AAC9C,IAAA,kHAAkH,EACpH;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,8BAA8B;AACvC,YAAA,OAAO,EAAE,sCAAsC;AAC/C,YAAA,OAAO,EAAE,sCAAsC;AAC/C,YAAA,OAAO,EAAE,sCAAsC;AAC/C,YAAA,MAAM,EAAE,oCAAoC;AAC5C,YAAA,IAAI,EAAE,gCAAgC;AACtC,YAAA,IAAI,EAAE,gCAAgC;AACvC,SAAA;AACD;;;;AAIG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,kCAAkC;AAC3C,YAAA,QAAQ,EAAE,2DAA2D;AACtE,SAAA;;AAED,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,oBAAoB;AACxB,YAAA,EAAE,EAAE,kBAAkB;AACvB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE;AACpE,CAAA;;AC7CH;;;AAGG;MAKU,KAAK,CAAA;IACP,IAAI,GAAG,KAAK,CAAY,SAAS;6EAAC;IAClC,IAAI,GAAG,KAAK,CAAY,IAAI;6EAAC;IAC7B,MAAM,GAAG,KAAK,CAAc,SAAS;+EAAC;AAC5B,IAAA,OAAO,GAAG,QAAQ,CAAC,MACpC,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;gFACnF;uGANU,KAAK,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAL,KAAK,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAL,KAAK,EAAA,UAAA,EAAA,CAAA;kBAJjB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE;AACjC,iBAAA;;;ACXD;;AAEG;;"}

package/fesm2022/mesgflow-ui-kit-input.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { input, inject, Renderer2, signal, computed, linkedSignal, effect, afterEveryRender, Component, InjectionToken, ElementRef, DestroyRef, afterNextRender, Directive, booleanAttribute, output } from '@angular/core';
-import { MF_CHARACTER_COUNT_LABELS, cn, focusRecipe, controlSize, controlSurface, disabledRecipe } from '@mesgflow/ui-kit/core';
+import { MF_CHARACTER_COUNT_LABELS, cn, controlSize, controlSurface, disabledRecipe, focusRecipe } from '@mesgflow/ui-kit/core';
 import { cva } from 'class-variance-authority';
 
 let characterCountIdSeq = 0;
@@ -141,6 +141,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: true }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], warnAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "warnAt", required: false }] }] } });
 
+const FOCUS_RING_BASE = 'has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2';
+/**
+ * `<mf-input-group>
+ *    <span mfInputPrefix><span mfIcon>search</span></span>
+ *    <input mfInput />
+ *    <span mfInputSuffix><button type="button">×</button></span>
+ *  </mf-input-group>`
+ *
+ * `SearchInput`/`NumberInput`/`DateRangePicker`'ın HER BİRİNİN kendi elle
+ * yazdığı "kabuk" reçetesini (bkz. plan Faz 2 P0) `core/recipes.ts`'in
+ * `controlSurface`/`controlSize`'ına indirger — üç ayrı kopya yerine TEK
+ * kaynak. İçindeki `input[mfInput]` KENDİ border/shadow/outline'ını
+ * kapatır — grubu DI ile algılayıp (bkz. `input.ts` `IN_GROUP_CLASSES`); kabuk
+ * bunları BURADAN sağlıyor, "çift kenarlık" olmasın diye. Tüketici sınıf yazmaz.
+ *
+ * Odak halkası `has-[:focus-visible]:outline` ile İÇ elemanlardan HERHANGİ
+ * biri klavye-odaklandığında TÜM kabuğun etrafında TEK bir halka çizer
+ * (`DateRangePicker`'ın iki input'u arasında geçişte "zıplayan" iki ayrı
+ * halka yerine) — `input[mfInput]`'un KENDİ `focus-visible:outline`'ı bu
+ * yüzden grup içinde otomatik kapanır, aksi halde İKİ halka üst üste binerdi.
+ */
+class InputGroup {
+    size = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    hasError = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
+    /**
+     * `false` → iç dolgu/aralık (`px-*`/`gap-*`) KALKAR, çocuklar `items-stretch`
+     * ile TAM yüksekliği doldurur — kenardan kenara oturan (dış kabuğun
+     * `rounded-*`sini birebir paylaşan) düğmeler için (ör. `NumberInput`'un
+     * azalt/artır düğmeleri). Varsayılan `true` — ikon/metin gibi "nefes payı"
+     * isteyen eklerin (ör. `DateRangePicker`'ın takvim ikonu) olağan hali.
+     */
+    padded = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "padded" }] : /* istanbul ignore next */ []));
+    /**
+     * `true` → sabit `h-control-*` yerine `h-auto` + `flex-wrap` — içerik
+     * (ör. `TagInput`'un çoğalan Chip'leri) tek satıra sığmadığında kabuk
+     * BÜYÜR, taşırmaz. Varsayılan `false` (tek satırlık kontroller — ESKİ
+     * davranış birebir korunur).
+     */
+    wrap = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "wrap" }] : /* istanbul ignore next */ []));
+    /** `controlSize`'ın `px-*` değerleriyle birebir (sm 2.5 · md 3 · lg 3.5). */
+    edgePadding = computed(() => this.padded() ? { sm: '0.625rem', md: '0.75rem', lg: '0.875rem' }[this.size()] : '0px', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "edgePadding" }] : /* istanbul ignore next */ []));
+    classes = computed(() => {
+        const error = this.hasError();
+        const padded = this.padded();
+        const wrap = this.wrap();
+        // `h-control-*` özel bir utility — tailwind-merge onu standart `h-*`
+        // ailesinin bir parçası TANIMIYOR, `cn()`'e `h-auto` ile BİRLİKTE
+        // verilseler ikisi de çıktıda KALIR (derlenmiş CSS'te hangisinin
+        // kazanacağı belirsiz kalır, gerçek bulgu — bkz. input-group.spec.ts).
+        // `wrap=true`'da yükseklik token'ını KAYNAKTA çıkarıyoruz, twMerge'e
+        // çakışmayı çözmesi için güvenmek yerine.
+        const sizeClasses = wrap
+            ? controlSize[this.size()].replace(/\bh-control-\w+\b/, '').trim()
+            : controlSize[this.size()];
+        return cn('flex w-full', wrap ? 'flex-wrap' : '', padded ? 'items-center gap-1.5' : 'items-stretch', controlSurface, sizeClasses, padded ? '' : 'px-0', wrap ? 'h-auto py-1.5' : '', FOCUS_RING_BASE, error
+            ? 'border-danger focus-within:border-danger has-[:focus-visible]:outline-danger'
+            : 'has-[:focus-visible]:outline-focus-ring', disabledRecipe);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: InputGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: InputGroup, isStandalone: true, selector: "mf-input-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, padded: { classPropertyName: "padded", publicName: "padded", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.aria-disabled": "disabled() || null", "style.--mf-input-group-px": "edgePadding()" } }, exportAs: ["mfInputGroup"], ngImport: i0, template: `
+    <ng-content select="[mfInputPrefix]" />
+    <ng-content />
+    <ng-content select="[mfInputSuffix]" />
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: InputGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mf-input-group',
+                    exportAs: 'mfInputGroup',
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.aria-disabled]': 'disabled() || null',
+                        // `addon` ekler kabuğun yatay dolgusunu bu değişkenle geri alıp kenara oturur (bkz. InputPrefix).
+                        '[style.--mf-input-group-px]': 'edgePadding()',
+                    },
+                    template: `
+    <ng-content select="[mfInputPrefix]" />
+    <ng-content />
+    <ng-content select="[mfInputSuffix]" />
+  `,
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], padded: [{ type: i0.Input, args: [{ isSignal: true, alias: "padded", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }] } });
+
 /**
  * Bkz. `core/recipes.ts` `controlSurface`/`focusRecipe`/`disabledRecipe`/
  * `errorRecipe` — bu dosya onların TEK tüketicisi değil (Select/NumberInput/
@@ -187,6 +279,12 @@ const inputVariants = cva('w-full rounded-md border border-border bg-surface tex
     defaultVariants: { size: 'md', hasError: false },
 });
 
+/**
+ * `mf-input-group` kabuğu kenarlık/zemin/gölge/odak halkasını KENDİSİ çizer — içindeki
+ * alan kendininkini kapatır ("çift kenarlık", iki odak halkası olmasın). Eskiden tüketici
+ * bu sınıfları elle yazıyordu; elle yazılmışlar zararsız (aynı sınıflar).
+ */
+const IN_GROUP_CLASSES = 'border-0 bg-transparent shadow-none focus-visible:outline-none';
 /**
  * `field-sizing: content` desteği — içerik boyunda büyüyen native kontrol (Chromium 123+;
  * desteklemeyen tarayıcıda JS yedeği). Token olarak: testler iki yolu da açıkça seçebilsin.
@@ -223,9 +321,10 @@ class Input {
     ...(ngDevMode ? [{ debugName: "maxRows" }] : /* istanbul ignore next */ []));
     elementRef = inject(ElementRef);
     nativeSizing = inject(MF_FIELD_SIZING_SUPPORTED);
+    inGroup = inject(InputGroup, { optional: true }) !== null;
     lastValue = null;
     lastWidth = 0;
-    classes = computed(() => cn(inputVariants({ size: this.size(), hasError: this.hasError() }), this.autosize() && 'resize-none', this.autosize() && this.nativeSizing && '[field-sizing:content]'), /* @ts-ignore */
+    classes = computed(() => cn(inputVariants({ size: this.size(), hasError: this.hasError() }), this.inGroup && IN_GROUP_CLASSES, this.autosize() && 'resize-none', this.autosize() && this.nativeSizing && '[field-sizing:content]'), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     constructor() {
         // Kuruluşta (önceden dolu bir değerle) VE minRows/maxRows/size değişince yeniden hesapla.
@@ -306,99 +405,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], autosize: [{ type: i0.Input, args: [{ isSignal: true, alias: "autosize", required: false }] }], minRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "minRows", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }] } });
 
-const FOCUS_RING_BASE = 'has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2';
-/**
- * `<mf-input-group>
- *    <span mfInputPrefix><span mfIcon>search</span></span>
- *    <input mfInput class="border-0 bg-transparent shadow-none focus-visible:outline-none" />
- *    <span mfInputSuffix><button type="button">×</button></span>
- *  </mf-input-group>`
- *
- * `SearchInput`/`NumberInput`/`DateRangePicker`'ın HER BİRİNİN kendi elle
- * yazdığı "kabuk" reçetesini (bkz. plan Faz 2 P0) `core/recipes.ts`'in
- * `controlSurface`/`controlSize`'ına indirger — üç ayrı kopya yerine TEK
- * kaynak. İçindeki `input[mfInput]` KENDİ border/shadow/outline'ını
- * KAPATMALI (yukarıdaki örnekteki class'lar) — kabuk artık bunları BURADAN
- * sağlıyor, "çift kenarlık" olmasın diye (bkz. `DateRangePicker`'ın eski
- * `wrapperClasses` notu, aynı gerekçe).
- *
- * Odak halkası `has-[:focus-visible]:outline` ile İÇ elemanlardan HERHANGİ
- * biri klavye-odaklandığında TÜM kabuğun etrafında TEK bir halka çizer
- * (`DateRangePicker`'ın iki input'u arasında geçişte "zıplayan" iki ayrı
- * halka yerine) — `input[mfInput]`'un KENDİ `focus-visible:outline`'ı
- * BİLEREK kapatılmalı (yukarıdaki örnek), aksi halde İKİ halka üst üste biner.
- */
-class InputGroup {
-    size = input('md', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    disabled = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    hasError = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
-    /**
-     * `false` → iç dolgu/aralık (`px-*`/`gap-*`) KALKAR, çocuklar `items-stretch`
-     * ile TAM yüksekliği doldurur — kenardan kenara oturan (dış kabuğun
-     * `rounded-*`sini birebir paylaşan) düğmeler için (ör. `NumberInput`'un
-     * azalt/artır düğmeleri). Varsayılan `true` — ikon/metin gibi "nefes payı"
-     * isteyen eklerin (ör. `DateRangePicker`'ın takvim ikonu) olağan hali.
-     */
-    padded = input(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "padded" }] : /* istanbul ignore next */ []));
-    /**
-     * `true` → sabit `h-control-*` yerine `h-auto` + `flex-wrap` — içerik
-     * (ör. `TagInput`'un çoğalan Chip'leri) tek satıra sığmadığında kabuk
-     * BÜYÜR, taşırmaz. Varsayılan `false` (tek satırlık kontroller — ESKİ
-     * davranış birebir korunur).
-     */
-    wrap = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "wrap" }] : /* istanbul ignore next */ []));
-    /** `controlSize`'ın `px-*` değerleriyle birebir (sm 2.5 · md 3 · lg 3.5). */
-    edgePadding = computed(() => this.padded() ? { sm: '0.625rem', md: '0.75rem', lg: '0.875rem' }[this.size()] : '0px', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "edgePadding" }] : /* istanbul ignore next */ []));
-    classes = computed(() => {
-        const error = this.hasError();
-        const padded = this.padded();
-        const wrap = this.wrap();
-        // `h-control-*` özel bir utility — tailwind-merge onu standart `h-*`
-        // ailesinin bir parçası TANIMIYOR, `cn()`'e `h-auto` ile BİRLİKTE
-        // verilseler ikisi de çıktıda KALIR (derlenmiş CSS'te hangisinin
-        // kazanacağı belirsiz kalır, gerçek bulgu — bkz. input-group.spec.ts).
-        // `wrap=true`'da yükseklik token'ını KAYNAKTA çıkarıyoruz, twMerge'e
-        // çakışmayı çözmesi için güvenmek yerine.
-        const sizeClasses = wrap
-            ? controlSize[this.size()].replace(/\bh-control-\w+\b/, '').trim()
-            : controlSize[this.size()];
-        return cn('flex w-full', wrap ? 'flex-wrap' : '', padded ? 'items-center gap-1.5' : 'items-stretch', controlSurface, sizeClasses, padded ? '' : 'px-0', wrap ? 'h-auto py-1.5' : '', FOCUS_RING_BASE, error
-            ? 'border-danger focus-within:border-danger has-[:focus-visible]:outline-danger'
-            : 'has-[:focus-visible]:outline-focus-ring', disabledRecipe);
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: InputGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: InputGroup, isStandalone: true, selector: "mf-input-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, padded: { classPropertyName: "padded", publicName: "padded", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.aria-disabled": "disabled() || null", "style.--mf-input-group-px": "edgePadding()" } }, exportAs: ["mfInputGroup"], ngImport: i0, template: `
-    <ng-content select="[mfInputPrefix]" />
-    <ng-content />
-    <ng-content select="[mfInputSuffix]" />
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: InputGroup, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mf-input-group',
-                    exportAs: 'mfInputGroup',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.aria-disabled]': 'disabled() || null',
-                        // `addon` ekler kabuğun yatay dolgusunu bu değişkenle geri alıp kenara oturur (bkz. InputPrefix).
-                        '[style.--mf-input-group-px]': 'edgePadding()',
-                    },
-                    template: `
-    <ng-content select="[mfInputPrefix]" />
-    <ng-content />
-    <ng-content select="[mfInputSuffix]" />
-  `,
-                }]
-        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], padded: [{ type: i0.Input, args: [{ isSignal: true, alias: "padded", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }] } });
-
 /** Kabuğun kenarına oturan bitişik bölüm — zemin, ayırıcı ve dış köşe yarıçapı (bkz. `addon`). */
 const INPUT_ADDON_BASE = 'self-stretch bg-surface-alt px-3 text-sm text-fg-muted border-border ' +
     'ms-[calc(var(--mf-input-group-px,0px)*-1)] rounded-s-[inherit] border-e';

package/fesm2022/mesgflow-ui-kit-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mesgflow-ui-kit-input.mjs","sources":["../../../projects/ui-kit/input/character-count.ts","../../../projects/ui-kit/input/input.variants.ts","../../../projects/ui-kit/input/input.ts","../../../projects/ui-kit/input/input-group.ts","../../../projects/ui-kit/input/input-prefix.ts","../../../projects/ui-kit/input/input-suffix.ts","../../../projects/ui-kit/input/mask.ts","../../../projects/ui-kit/input/mesgflow-ui-kit-input.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Renderer2,\r\n  afterEveryRender,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  linkedSignal,\r\n  signal,\r\n} from '@angular/core';\r\nimport { cn, MF_CHARACTER_COUNT_LABELS } from '@mesgflow/ui-kit/core';\r\n\r\nlet characterCountIdSeq = 0;\r\n\r\n/** Kalan karakter bu sayının altına inince her tuşta, üstündeyken 5'in katlarında duyurulur. */\r\nconst ANNOUNCE_EVERY_BELOW = 5;\r\n\r\n/**\r\n * `<textarea mfInput #bio maxlength=\"280\"></textarea>\r\n *  <mf-character-count [for]=\"bio\" />`\r\n *\r\n * Görünen metin `12 / 280` (sınır yoksa yalnızca `12`) ekran okuyucudan GİZLİ. Bunun yerine:\r\n * - hedef alanın `aria-describedby`'ına eklenen gizli bir açıklama (\"268 characters remaining\"),\r\n *   alana odaklanınca okunur;\r\n * - sınıra yaklaşınca (`warnAt`, varsayılan %90) bir `aria-live` bölgesi, her tuşta DEĞİL\r\n *   5'in katlarında, son 5 karakterde ise her tuşta duyurur — gevezelik etmeden haber verir.\r\n *\r\n * Sınır: `max` verilirse YUMUŞAK sınır (yazmaya izin verir, aşım `danger` ve negatif gösterilir —\r\n * tüketici alanı ayrıca `hasError` ile işaretler); verilmezse hedefin `maxlength`'i (tarayıcı\r\n * zaten engeller). Sayım `value.length` — tarayıcının `maxlength` sayımıyla (UTF-16) birebir.\r\n * Programatik değer değişimleri (form reset, `writeValue`) her render'dan sonra yakalanır.\r\n */\r\n@Component({\r\n  selector: 'mf-character-count',\r\n  exportAs: 'mfCharacterCount',\r\n  host: { '[class]': 'classes()' },\r\n  template: `\r\n    <span aria-hidden=\"true\">{{ display() }}</span>\r\n    <span class=\"sr-only\" [id]=\"descriptionId\">{{ description() }}</span>\r\n    <span class=\"sr-only\" aria-live=\"polite\">{{ announcement() }}</span>\r\n  `,\r\n})\r\nexport class CharacterCount {\r\n  readonly for = input.required<HTMLInputElement | HTMLTextAreaElement>();\r\n  /** Yumuşak sınır. Verilmezse hedefin `maxlength` özniteliği kullanılır. */\r\n  readonly max = input<number>();\r\n  /** Uyarı tonunun başladığı doluluk oranı (0–1). */\r\n  readonly warnAt = input(0.9);\r\n\r\n  private readonly labels = inject(MF_CHARACTER_COUNT_LABELS);\r\n  private readonly renderer = inject(Renderer2);\r\n  protected readonly descriptionId = `mf-character-count-${++characterCountIdSeq}`;\r\n\r\n  protected readonly length = signal(0);\r\n\r\n  protected readonly limit = computed(() => {\r\n    const max = this.max();\r\n    if (max !== undefined) return max;\r\n    const native = this.for().maxLength;\r\n    return native > 0 ? native : null;\r\n  });\r\n  protected readonly remaining = computed(() => {\r\n    const limit = this.limit();\r\n    return limit === null ? null : limit - this.length();\r\n  });\r\n\r\n  protected readonly tone = computed<'muted' | 'warning' | 'danger'>(() => {\r\n    const limit = this.limit();\r\n    const remaining = this.remaining();\r\n    if (limit === null || remaining === null) return 'muted';\r\n    if (remaining <= 0) return 'danger';\r\n    return this.length() >= limit * this.warnAt() ? 'warning' : 'muted';\r\n  });\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn(\r\n      'block text-end text-xs tabular-nums transition-colors duration-fast ease-emphasis',\r\n      this.tone() === 'danger'\r\n        ? 'font-medium text-danger'\r\n        : this.tone() === 'warning'\r\n          ? 'text-warning'\r\n          : 'text-fg-subtle',\r\n    ),\r\n  );\r\n\r\n  protected readonly display = computed(() => {\r\n    const limit = this.limit();\r\n    return limit === null ? `${this.length()}` : `${this.length()} / ${limit}`;\r\n  });\r\n\r\n  protected readonly description = computed(() => {\r\n    const labels = this.labels();\r\n    const remaining = this.remaining();\r\n    if (remaining === null) return `${this.length()} ${labels.characters}`;\r\n    return remaining >= 0\r\n      ? `${remaining} ${labels.remaining}`\r\n      : `${-remaining} ${labels.overLimit}`;\r\n  });\r\n\r\n  /** Yalnızca uyarı bölgesinde ve kilometre taşlarında güncellenir; aradaki tuşlarda son metin kalır. */\r\n  protected readonly announcement = linkedSignal<\r\n    { active: boolean; milestone: boolean; text: string },\r\n    string\r\n  >({\r\n    source: () => {\r\n      const remaining = this.remaining();\r\n      const active = remaining !== null && this.tone() !== 'muted';\r\n      const milestone =\r\n        active && (remaining <= ANNOUNCE_EVERY_BELOW || remaining % ANNOUNCE_EVERY_BELOW === 0);\r\n      return { active, milestone, text: this.description() };\r\n    },\r\n    computation: ({ active, milestone, text }, previous) => {\r\n      if (!active) return '';\r\n      return milestone ? text : (previous?.value ?? '');\r\n    },\r\n  });\r\n\r\n  constructor() {\r\n    effect((onCleanup) => {\r\n      const target = this.for();\r\n      this.length.set(target.value.length);\r\n      const off = this.renderer.listen(target, 'input', () => this.length.set(target.value.length));\r\n\r\n      const ids = (target.getAttribute('aria-describedby') ?? '').split(/\\s+/).filter(Boolean);\r\n      if (!ids.includes(this.descriptionId)) {\r\n        target.setAttribute('aria-describedby', [...ids, this.descriptionId].join(' '));\r\n      }\r\n\r\n      onCleanup(() => {\r\n        off();\r\n        const rest = (target.getAttribute('aria-describedby') ?? '')\r\n          .split(/\\s+/)\r\n          .filter((id) => id && id !== this.descriptionId);\r\n        if (rest.length) target.setAttribute('aria-describedby', rest.join(' '));\r\n        else target.removeAttribute('aria-describedby');\r\n      });\r\n    });\r\n\r\n    // `input` olayı atmayan programatik değişimler (form reset, `writeValue`).\r\n    afterEveryRender({\r\n      read: () => {\r\n        const current = this.for().value.length;\r\n        if (current !== this.length()) this.length.set(current);\r\n      },\r\n    });\r\n  }\r\n}\r\n","import { focusRecipe } from '@mesgflow/ui-kit/core';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\n\r\n/**\r\n * Bkz. `core/recipes.ts` `controlSurface`/`focusRecipe`/`disabledRecipe`/\r\n * `errorRecipe` — bu dosya onların TEK tüketicisi değil (Select/NumberInput/\r\n * ... aynı reçeteleri paylaşır), form kontrolleri genelinde tek kaynak.\r\n *\r\n * `size` ekseni `min-h-*` KULLANIR, `h-control-*` (sabit yükseklik) DEĞİL:\r\n * selector `textarea[mfInput]`'ı da kapsıyor (bkz. input.ts), sabit yükseklik\r\n * çok satırlı `rows` kullanan bir textarea'yı sıkıştırırdı. Tek satırlık\r\n * `<input>`'ta `py-*` ile birlikte tam kontrol yüksekliğine oturuyor,\r\n * textarea `rows` arttıkça bu tabanın üstüne doğal büyüyor. `min-h-(--control-h-*)`\r\n * — Tailwind v4'ün parantezli kısayolu, `--control-h-*` token'ına (radius.css)\r\n * doğrudan referans, ayrı bir `min-h-control-*` utility'si tanımlamaya gerek yok.\r\n * `py-*` + satır yüksekliği + kenarlık token'ı AŞMAMALI — aşarsa `min-h` etkisiz kalır ve\r\n * alan `mf-input-group`/`mfButton`'dan uzun çıkar (lg eskiden `py-2` + `text-base` = 42px ≠ 40px).\r\n *\r\n * `hasError` (invalid DEĞİL): `@angular/forms/signals`'ın `[formField]`\r\n * directive'i, AYNI native elemandaki başka bir directive'in `invalid`/\r\n * `disabled`/`required`/`pattern`/... adlı input'larını (bkz. signals.mjs\r\n * `FIELD_STATE_KEY_TO_CONTROL_BINDING`) OTOMATİK olarak alanın ham validity\r\n * durumuyla dolduruyor — henüz dokunulmamış (untouched) zorunlu bir alan bile\r\n * anında \"invalid\" oluyor ve kırmızı görünüyordu (gerçek bug, tarayıcıda\r\n * yakalandı). `hasError` bu rezerve isim listesinde YOK, çakışmıyor —\r\n * çağıran ekran görünürlüğü kendi `touched()/errors()` mantığıyla kontrol\r\n * etmeye devam ediyor.\r\n */\r\nexport const inputVariants = cva(\r\n  'w-full rounded-md border border-border bg-surface text-fg shadow-control ' +\r\n    'transition-colors duration-fast ease-emphasis placeholder:text-fg-subtle ' +\r\n    'hover:border-border-strong ' +\r\n    'focus:border-accent ' +\r\n    focusRecipe +\r\n    ' ' +\r\n    'disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none disabled:hover:border-border',\r\n  {\r\n    variants: {\r\n      size: {\r\n        sm: 'min-h-(--control-h-sm) px-2.5 py-1 text-sm',\r\n        md: 'min-h-(--control-h-md) px-3 py-1.5 text-sm',\r\n        lg: 'min-h-(--control-h-lg) px-3.5 py-1.5 text-base',\r\n      },\r\n      hasError: {\r\n        true: 'border-danger focus:border-danger focus-visible:outline-danger',\r\n        false: '',\r\n      },\r\n    },\r\n    defaultVariants: { size: 'md', hasError: false },\r\n  },\r\n);\r\n\r\nexport type InputSize = VariantProps<typeof inputVariants>['size'];\r\nexport type InputHasError = VariantProps<typeof inputVariants>['hasError'];\r\n","import {\r\n  DestroyRef,\r\n  Directive,\r\n  ElementRef,\r\n  InjectionToken,\r\n  afterEveryRender,\r\n  afterNextRender,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n} from '@angular/core';\r\nimport { cn, type MfSize } from '@mesgflow/ui-kit/core';\r\nimport { inputVariants } from './input.variants';\r\n\r\n/**\r\n * `field-sizing: content` desteği — içerik boyunda büyüyen native kontrol (Chromium 123+;\r\n * desteklemeyen tarayıcıda JS yedeği). Token olarak: testler iki yolu da açıkça seçebilsin.\r\n */\r\nexport const MF_FIELD_SIZING_SUPPORTED = new InjectionToken<boolean>('mesgflow.field-sizing', {\r\n  factory: () => typeof CSS !== 'undefined' && CSS.supports?.('field-sizing', 'content') === true,\r\n});\r\n\r\n/**\r\n * `<input mfInput>` / `<textarea mfInput>` — checkbox/radio hariç (bkz.\r\n * `Checkbox`, `@mesgflow/ui-kit/checkbox`). Karakter sayacı için `<mf-character-count>`.\r\n *\r\n * `autosize`/`minRows`/`maxRows` SADECE `textarea[mfInput]`'ta anlamlı — içerik büyüdükçe\r\n * yükseklik artar, `maxRows`'ta durup kaydırmaya geçer. İki yol:\r\n * - **`field-sizing: content` destekleniyorsa** büyüme tamamen CSS'te — yazma, yapıştırma,\r\n *   programatik değer (form reset) ve genişlik değişimi tarayıcının kendi yerleşiminde;\r\n *   JS yalnızca `min/max-height`'ı satır sayısından bir kez hesaplar.\r\n * - **Değilse** ölçerek: `input` olayı + her render sonrası değer karşılaştırması (olay atmayan\r\n *   programatik değişimler) + `ResizeObserver` ile genişlik değişimi (satır kırılımı değişir).\r\n *\r\n * Satır yüksekliğine dolgu VE kenarlık eklenir (`box-sizing: border-box`) — eskiden yalnızca\r\n * `rows × line-height` alınıyordu; `minRows=2` alan iki satırdan kısa, son satır kırpık çıkıyordu.\r\n */\r\n@Directive({\r\n  selector: 'input[mfInput]:not([type=checkbox]):not([type=radio]), textarea[mfInput]',\r\n  host: {\r\n    '[class]': 'classes()',\r\n    '[attr.rows]': 'autosize() ? minRows() : null',\r\n    '(input)': 'onInput()',\r\n  },\r\n})\r\nexport class Input {\r\n  readonly size = input<MfSize>('md');\r\n  /** Field'ın `error` input'u dolu olduğunda çağıran ekran bunu true geçer. */\r\n  readonly hasError = input(false);\r\n  readonly autosize = input(false);\r\n  readonly minRows = input(2);\r\n  readonly maxRows = input<number | null>(null);\r\n\r\n  private readonly elementRef = inject<ElementRef<HTMLTextAreaElement>>(ElementRef);\r\n  private readonly nativeSizing = inject(MF_FIELD_SIZING_SUPPORTED);\r\n  private lastValue: string | null = null;\r\n  private lastWidth = 0;\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn(\r\n      inputVariants({ size: this.size(), hasError: this.hasError() }),\r\n      this.autosize() && 'resize-none',\r\n      this.autosize() && this.nativeSizing && '[field-sizing:content]',\r\n    ),\r\n  );\r\n\r\n  constructor() {\r\n    // Kuruluşta (önceden dolu bir değerle) VE minRows/maxRows/size değişince yeniden hesapla.\r\n    effect(() => {\r\n      if (!this.autosize()) return;\r\n      this.minRows();\r\n      this.maxRows();\r\n      this.size();\r\n      this.resize();\r\n    });\r\n\r\n    if (this.nativeSizing) return;\r\n\r\n    afterEveryRender({\r\n      read: () => {\r\n        if (!this.autosize()) return;\r\n        const value = this.elementRef.nativeElement.value;\r\n        if (value !== this.lastValue) this.resize();\r\n      },\r\n    });\r\n\r\n    const destroyRef = inject(DestroyRef);\r\n    afterNextRender(() => {\r\n      if (typeof ResizeObserver === 'undefined') return;\r\n      const el = this.elementRef.nativeElement;\r\n      const observer = new ResizeObserver(([entry]) => {\r\n        const width = entry?.contentRect.width ?? 0;\r\n        // Yalnızca GENİŞLİK — kendi yükseklik yazımımız gözlemciyi yeniden tetiklemesin.\r\n        if (!this.autosize() || width === this.lastWidth) return;\r\n        this.lastWidth = width;\r\n        this.resize();\r\n      });\r\n      observer.observe(el);\r\n      destroyRef.onDestroy(() => observer.disconnect());\r\n    });\r\n  }\r\n\r\n  protected onInput(): void {\r\n    if (this.autosize() && !this.nativeSizing) this.resize();\r\n  }\r\n\r\n  private resize(): void {\r\n    const el = this.elementRef.nativeElement;\r\n    const style = getComputedStyle(el);\r\n    const lineHeight = parseFloat(style.lineHeight) || 20;\r\n    const padding = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) || 0;\r\n    const border = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth) || 0;\r\n    const chrome = padding + (style.boxSizing === 'border-box' ? border : 0);\r\n    const min = this.minRows() * lineHeight + chrome;\r\n    const maxRows = this.maxRows();\r\n    const max = maxRows ? maxRows * lineHeight + chrome : Infinity;\r\n\r\n    if (this.nativeSizing) {\r\n      el.style.minHeight = `${min}px`;\r\n      el.style.maxHeight = Number.isFinite(max) ? `${max}px` : '';\r\n      return;\r\n    }\r\n\r\n    this.lastValue = el.value;\r\n    el.style.height = 'auto';\r\n    // `scrollHeight` dolguyu içerir ama kenarlığı içermez.\r\n    const content = el.scrollHeight + (style.boxSizing === 'border-box' ? border : 0);\r\n    el.style.height = `${Math.min(Math.max(content, min), max)}px`;\r\n    el.style.overflowY = content > max ? 'auto' : 'hidden';\r\n  }\r\n}\r\n","import { Component, computed, input } from '@angular/core';\r\nimport {\r\n  cn,\r\n  controlSize,\r\n  controlSurface,\r\n  disabledRecipe,\r\n  type MfSize,\r\n} from '@mesgflow/ui-kit/core';\r\n\r\nconst FOCUS_RING_BASE =\r\n  'has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2';\r\n\r\n/**\r\n * `<mf-input-group>\r\n *    <span mfInputPrefix><span mfIcon>search</span></span>\r\n *    <input mfInput class=\"border-0 bg-transparent shadow-none focus-visible:outline-none\" />\r\n *    <span mfInputSuffix><button type=\"button\">×</button></span>\r\n *  </mf-input-group>`\r\n *\r\n * `SearchInput`/`NumberInput`/`DateRangePicker`'ın HER BİRİNİN kendi elle\r\n * yazdığı \"kabuk\" reçetesini (bkz. plan Faz 2 P0) `core/recipes.ts`'in\r\n * `controlSurface`/`controlSize`'ına indirger — üç ayrı kopya yerine TEK\r\n * kaynak. İçindeki `input[mfInput]` KENDİ border/shadow/outline'ını\r\n * KAPATMALI (yukarıdaki örnekteki class'lar) — kabuk artık bunları BURADAN\r\n * sağlıyor, \"çift kenarlık\" olmasın diye (bkz. `DateRangePicker`'ın eski\r\n * `wrapperClasses` notu, aynı gerekçe).\r\n *\r\n * Odak halkası `has-[:focus-visible]:outline` ile İÇ elemanlardan HERHANGİ\r\n * biri klavye-odaklandığında TÜM kabuğun etrafında TEK bir halka çizer\r\n * (`DateRangePicker`'ın iki input'u arasında geçişte \"zıplayan\" iki ayrı\r\n * halka yerine) — `input[mfInput]`'un KENDİ `focus-visible:outline`'ı\r\n * BİLEREK kapatılmalı (yukarıdaki örnek), aksi halde İKİ halka üst üste biner.\r\n */\r\n@Component({\r\n  selector: 'mf-input-group',\r\n  exportAs: 'mfInputGroup',\r\n  host: {\r\n    '[class]': 'classes()',\r\n    '[attr.aria-disabled]': 'disabled() || null',\r\n    // `addon` ekler kabuğun yatay dolgusunu bu değişkenle geri alıp kenara oturur (bkz. InputPrefix).\r\n    '[style.--mf-input-group-px]': 'edgePadding()',\r\n  },\r\n  template: `\r\n    <ng-content select=\"[mfInputPrefix]\" />\r\n    <ng-content />\r\n    <ng-content select=\"[mfInputSuffix]\" />\r\n  `,\r\n})\r\nexport class InputGroup {\r\n  readonly size = input<MfSize>('md');\r\n  readonly disabled = input(false);\r\n  readonly hasError = input(false);\r\n  /**\r\n   * `false` → iç dolgu/aralık (`px-*`/`gap-*`) KALKAR, çocuklar `items-stretch`\r\n   * ile TAM yüksekliği doldurur — kenardan kenara oturan (dış kabuğun\r\n   * `rounded-*`sini birebir paylaşan) düğmeler için (ör. `NumberInput`'un\r\n   * azalt/artır düğmeleri). Varsayılan `true` — ikon/metin gibi \"nefes payı\"\r\n   * isteyen eklerin (ör. `DateRangePicker`'ın takvim ikonu) olağan hali.\r\n   */\r\n  readonly padded = input(true);\r\n  /**\r\n   * `true` → sabit `h-control-*` yerine `h-auto` + `flex-wrap` — içerik\r\n   * (ör. `TagInput`'un çoğalan Chip'leri) tek satıra sığmadığında kabuk\r\n   * BÜYÜR, taşırmaz. Varsayılan `false` (tek satırlık kontroller — ESKİ\r\n   * davranış birebir korunur).\r\n   */\r\n  readonly wrap = input(false);\r\n\r\n  /** `controlSize`'ın `px-*` değerleriyle birebir (sm 2.5 · md 3 · lg 3.5). */\r\n  protected readonly edgePadding = computed(() =>\r\n    this.padded() ? { sm: '0.625rem', md: '0.75rem', lg: '0.875rem' }[this.size()] : '0px',\r\n  );\r\n\r\n  protected readonly classes = computed(() => {\r\n    const error = this.hasError();\r\n    const padded = this.padded();\r\n    const wrap = this.wrap();\r\n    // `h-control-*` özel bir utility — tailwind-merge onu standart `h-*`\r\n    // ailesinin bir parçası TANIMIYOR, `cn()`'e `h-auto` ile BİRLİKTE\r\n    // verilseler ikisi de çıktıda KALIR (derlenmiş CSS'te hangisinin\r\n    // kazanacağı belirsiz kalır, gerçek bulgu — bkz. input-group.spec.ts).\r\n    // `wrap=true`'da yükseklik token'ını KAYNAKTA çıkarıyoruz, twMerge'e\r\n    // çakışmayı çözmesi için güvenmek yerine.\r\n    const sizeClasses = wrap\r\n      ? controlSize[this.size()].replace(/\\bh-control-\\w+\\b/, '').trim()\r\n      : controlSize[this.size()];\r\n    return cn(\r\n      'flex w-full',\r\n      wrap ? 'flex-wrap' : '',\r\n      padded ? 'items-center gap-1.5' : 'items-stretch',\r\n      controlSurface,\r\n      sizeClasses,\r\n      padded ? '' : 'px-0',\r\n      wrap ? 'h-auto py-1.5' : '',\r\n      FOCUS_RING_BASE,\r\n      error\r\n        ? 'border-danger focus-within:border-danger has-[:focus-visible]:outline-danger'\r\n        : 'has-[:focus-visible]:outline-focus-ring',\r\n      disabledRecipe,\r\n    );\r\n  });\r\n}\r\n","import { Directive, booleanAttribute, computed, input } from '@angular/core';\r\nimport { cn } from '@mesgflow/ui-kit/core';\r\n\r\n/** Kabuğun kenarına oturan bitişik bölüm — zemin, ayırıcı ve dış köşe yarıçapı (bkz. `addon`). */\r\nconst INPUT_ADDON_BASE =\r\n  'self-stretch bg-surface-alt px-3 text-sm text-fg-muted border-border ' +\r\n  'ms-[calc(var(--mf-input-group-px,0px)*-1)] rounded-s-[inherit] border-e';\r\n\r\n/**\r\n * `<span mfInputPrefix><span mfIcon>search</span></span>` — bkz. `input-group.ts`'in JSDoc'u.\r\n *\r\n * `addon`: metin/seçim eki (`https://`, `₺`, alan kodu) kabuğun sol kenarına BİTİŞİK bir bölüm\r\n * olur — sönük zemin + ayırıcı çizgi, kabuğun dolgusu `--mf-input-group-px` ile geri alınır.\r\n */\r\n@Directive({\r\n  selector: '[mfInputPrefix]',\r\n  host: { '[class]': 'classes()' },\r\n})\r\nexport class InputPrefix {\r\n  readonly addon = input(false, { transform: booleanAttribute });\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn('flex shrink-0 items-center text-fg-subtle', this.addon() && INPUT_ADDON_BASE),\r\n  );\r\n}\r\n","import { Directive, booleanAttribute, computed, input } from '@angular/core';\r\nimport { cn } from '@mesgflow/ui-kit/core';\r\n\r\n/**\r\n * `<span mfInputSuffix><button ...>×</button></span>` — bkz. `input-group.ts`'in JSDoc'u.\r\n * `addon`: sağ kenara bitişik bölüm (`.com`, `kg`, birim seçimi) — bkz. `InputPrefix.addon`.\r\n */\r\n@Directive({\r\n  selector: '[mfInputSuffix]',\r\n  host: { '[class]': 'classes()' },\r\n})\r\nexport class InputSuffix {\r\n  readonly addon = input(false, { transform: booleanAttribute });\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn(\r\n      'flex shrink-0 items-center text-fg-subtle',\r\n      this.addon() &&\r\n        'self-stretch bg-surface-alt px-3 text-sm text-fg-muted border-border ' +\r\n          'me-[calc(var(--mf-input-group-px,0px)*-1)] rounded-e-[inherit] border-s',\r\n    ),\r\n  );\r\n}\r\n","import {\r\n  DestroyRef,\r\n  Directive,\r\n  ElementRef,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  output,\r\n} from '@angular/core';\r\n\r\n/**\r\n * Hazır desenler — `mfMask=\"phone-tr\"` gibi adla verilir ya da doğrudan\r\n * desen dizesi (`'(999) 999 99 99'`).\r\n *\r\n * Belirteçler: `9` rakam · `a` harf · `A` harf (büyük harfe çevrilir) ·\r\n * `*` harf/rakam · `X` harf/rakam (büyük harfe çevrilir). Diğer her karakter\r\n * sabittir ve otomatik eklenir.\r\n */\r\nexport const MF_MASK_PRESETS = {\r\n  'phone-tr': '(999) 999 99 99',\r\n  'phone-us': '(999) 999-9999',\r\n  card: '9999 9999 9999 9999',\r\n  expiry: '99/99',\r\n  cvc: '999',\r\n  iban: 'AA99 XXXX XXXX XXXX XXXX XXXX XX',\r\n  'iban-tr': 'TR99 9999 9999 9999 9999 9999 99',\r\n  date: '99.99.9999',\r\n  'date-iso': '9999-99-99',\r\n  time: '99:99',\r\n  'tc-kimlik': '99999999999',\r\n} as const;\r\n\r\nexport type MfMaskPreset = keyof typeof MF_MASK_PRESETS;\r\n\r\nconst TOKENS: Record<string, (c: string) => string | null> = {\r\n  '9': (c) => (/\\d/.test(c) ? c : null),\r\n  a: (c) => (/\\p{L}/u.test(c) ? c : null),\r\n  A: (c) => (/\\p{L}/u.test(c) ? c.toLocaleUpperCase() : null),\r\n  '*': (c) => (/[\\p{L}\\d]/u.test(c) ? c : null),\r\n  X: (c) => (/[\\p{L}\\d]/u.test(c) ? c.toLocaleUpperCase() : null),\r\n};\r\n\r\nexport interface MaskResult {\r\n  /** Biçimlenmiş metin (sabit karakterlerle). */\r\n  masked: string;\r\n  /** Yalnızca kullanıcı karakterleri. */\r\n  raw: string;\r\n  /** Tüm belirteçler doldu mu. */\r\n  complete: boolean;\r\n}\r\n\r\n/**\r\n * Saf biçimlendirici — girdideki kabul edilebilir karakterleri sırayla desene\r\n * yerleştirir. Sabitler yalnızca bir SONRAKİ belirteç için karakter varsa\r\n * eklenir (sonda sarkan \") \" oluşmaz). Desendeki sabitlerle aynı olan girdi\r\n * karakterleri (kullanıcının yazdığı \"(\" gibi) atlanır.\r\n */\r\nexport function applyMask(pattern: string, value: string): MaskResult {\r\n  let masked = '';\r\n  let raw = '';\r\n  let vi = 0;\r\n  let tokensFilled = 0;\r\n  const tokenCount = [...pattern].filter((ch) => ch in TOKENS).length;\r\n  const chars = [...value];\r\n\r\n  for (const ch of pattern) {\r\n    if (vi >= chars.length) break;\r\n    const accept = TOKENS[ch];\r\n    if (accept) {\r\n      // Kabul edilen ilk karaktere kadar ilerle.\r\n      let placed = false;\r\n      while (vi < chars.length) {\r\n        const out = accept(chars[vi++]!);\r\n        if (out !== null) {\r\n          masked += out;\r\n          raw += out;\r\n          tokensFilled++;\r\n          placed = true;\r\n          break;\r\n        }\r\n      }\r\n      if (!placed) break;\r\n    } else {\r\n      masked += ch;\r\n      if (chars[vi] === ch) vi++;\r\n    }\r\n  }\r\n  return { masked, raw, complete: tokensFilled === tokenCount };\r\n}\r\n\r\n/**\r\n * `<input mfInput mfMask=\"phone-tr\" (maskRaw)=\"phone.set($event)\" />`\r\n *\r\n * Yazarken biçimlendirir; imleç konumunu korur (ortadan silme/yapıştırma\r\n * dahil). Biçimleme `input` olayının YAKALAMA fazında yapılır — Angular'ın\r\n * `DefaultValueAccessor`'ı ve `(input)` bağlamaları zaten biçimlenmiş değeri\r\n * görür (Reactive/Signal Forms ile uyumlu).\r\n *\r\n * - `maskRaw`: sabitsiz ham değer (API'ye gönderilecek olan).\r\n * - `maskComplete`: desen tamamen dolduğunda `true`.\r\n * - Rakam-yalnız desenlerde `inputmode=\"numeric\"` (mobil sayısal klavye).\r\n */\r\n@Directive({\r\n  selector: 'input[mfMask]',\r\n  exportAs: 'mfMask',\r\n  host: {\r\n    '[attr.inputmode]': 'inputMode()',\r\n    '[attr.maxlength]': 'pattern().length',\r\n  },\r\n})\r\nexport class Mask {\r\n  readonly mfMask = input.required<MfMaskPreset | (string & Record<never, never>)>();\r\n  readonly maskRaw = output<string>();\r\n  readonly maskComplete = output<boolean>();\r\n\r\n  private readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef).nativeElement;\r\n\r\n  protected readonly pattern = computed(() => {\r\n    const value = this.mfMask();\r\n    return (MF_MASK_PRESETS as Record<string, string>)[value] ?? value;\r\n  });\r\n\r\n  protected readonly inputMode = computed(() =>\r\n    [...this.pattern()].every((ch) => !(ch in TOKENS) || ch === '9') ? 'numeric' : null,\r\n  );\r\n\r\n  constructor() {\r\n    const onInput = () => this.format();\r\n    this.el.addEventListener('input', onInput, true);\r\n    inject(DestroyRef).onDestroy(() => this.el.removeEventListener('input', onInput, true));\r\n\r\n    // Desen değişince ya da başlangıçta (programatik değer) mevcut değeri biçimle.\r\n    effect(() => {\r\n      this.pattern();\r\n      queueMicrotask(() => this.format(false));\r\n    });\r\n  }\r\n\r\n  private format(keepCaret = true): void {\r\n    const before = this.el.value;\r\n    const caret = this.el.selectionStart ?? before.length;\r\n    const result = applyMask(this.pattern(), before);\r\n    if (result.masked !== before) {\r\n      // İmleçten önceki KULLANICI karakteri sayısı → yeni metindeki konum.\r\n      const typedBefore = applyMask(this.pattern(), before.slice(0, caret)).raw.length;\r\n      this.el.value = result.masked;\r\n      if (keepCaret && document.activeElement === this.el) {\r\n        let pos = 0;\r\n        let seen = 0;\r\n        while (pos < result.masked.length && seen < typedBefore) {\r\n          if (this.pattern()[pos]! in TOKENS) seen++;\r\n          pos++;\r\n        }\r\n        this.el.setSelectionRange(pos, pos);\r\n      }\r\n    }\r\n    this.maskRaw.emit(result.raw);\r\n    this.maskComplete.emit(result.complete);\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mesgflow-ui-kit-input.mjs","sources":["../../../projects/ui-kit/input/character-count.ts","../../../projects/ui-kit/input/input-group.ts","../../../projects/ui-kit/input/input.variants.ts","../../../projects/ui-kit/input/input.ts","../../../projects/ui-kit/input/input-prefix.ts","../../../projects/ui-kit/input/input-suffix.ts","../../../projects/ui-kit/input/mask.ts","../../../projects/ui-kit/input/mesgflow-ui-kit-input.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Renderer2,\r\n  afterEveryRender,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  linkedSignal,\r\n  signal,\r\n} from '@angular/core';\r\nimport { cn, MF_CHARACTER_COUNT_LABELS } from '@mesgflow/ui-kit/core';\r\n\r\nlet characterCountIdSeq = 0;\r\n\r\n/** Kalan karakter bu sayının altına inince her tuşta, üstündeyken 5'in katlarında duyurulur. */\r\nconst ANNOUNCE_EVERY_BELOW = 5;\r\n\r\n/**\r\n * `<textarea mfInput #bio maxlength=\"280\"></textarea>\r\n *  <mf-character-count [for]=\"bio\" />`\r\n *\r\n * Görünen metin `12 / 280` (sınır yoksa yalnızca `12`) ekran okuyucudan GİZLİ. Bunun yerine:\r\n * - hedef alanın `aria-describedby`'ına eklenen gizli bir açıklama (\"268 characters remaining\"),\r\n *   alana odaklanınca okunur;\r\n * - sınıra yaklaşınca (`warnAt`, varsayılan %90) bir `aria-live` bölgesi, her tuşta DEĞİL\r\n *   5'in katlarında, son 5 karakterde ise her tuşta duyurur — gevezelik etmeden haber verir.\r\n *\r\n * Sınır: `max` verilirse YUMUŞAK sınır (yazmaya izin verir, aşım `danger` ve negatif gösterilir —\r\n * tüketici alanı ayrıca `hasError` ile işaretler); verilmezse hedefin `maxlength`'i (tarayıcı\r\n * zaten engeller). Sayım `value.length` — tarayıcının `maxlength` sayımıyla (UTF-16) birebir.\r\n * Programatik değer değişimleri (form reset, `writeValue`) her render'dan sonra yakalanır.\r\n */\r\n@Component({\r\n  selector: 'mf-character-count',\r\n  exportAs: 'mfCharacterCount',\r\n  host: { '[class]': 'classes()' },\r\n  template: `\r\n    <span aria-hidden=\"true\">{{ display() }}</span>\r\n    <span class=\"sr-only\" [id]=\"descriptionId\">{{ description() }}</span>\r\n    <span class=\"sr-only\" aria-live=\"polite\">{{ announcement() }}</span>\r\n  `,\r\n})\r\nexport class CharacterCount {\r\n  readonly for = input.required<HTMLInputElement | HTMLTextAreaElement>();\r\n  /** Yumuşak sınır. Verilmezse hedefin `maxlength` özniteliği kullanılır. */\r\n  readonly max = input<number>();\r\n  /** Uyarı tonunun başladığı doluluk oranı (0–1). */\r\n  readonly warnAt = input(0.9);\r\n\r\n  private readonly labels = inject(MF_CHARACTER_COUNT_LABELS);\r\n  private readonly renderer = inject(Renderer2);\r\n  protected readonly descriptionId = `mf-character-count-${++characterCountIdSeq}`;\r\n\r\n  protected readonly length = signal(0);\r\n\r\n  protected readonly limit = computed(() => {\r\n    const max = this.max();\r\n    if (max !== undefined) return max;\r\n    const native = this.for().maxLength;\r\n    return native > 0 ? native : null;\r\n  });\r\n  protected readonly remaining = computed(() => {\r\n    const limit = this.limit();\r\n    return limit === null ? null : limit - this.length();\r\n  });\r\n\r\n  protected readonly tone = computed<'muted' | 'warning' | 'danger'>(() => {\r\n    const limit = this.limit();\r\n    const remaining = this.remaining();\r\n    if (limit === null || remaining === null) return 'muted';\r\n    if (remaining <= 0) return 'danger';\r\n    return this.length() >= limit * this.warnAt() ? 'warning' : 'muted';\r\n  });\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn(\r\n      'block text-end text-xs tabular-nums transition-colors duration-fast ease-emphasis',\r\n      this.tone() === 'danger'\r\n        ? 'font-medium text-danger'\r\n        : this.tone() === 'warning'\r\n          ? 'text-warning'\r\n          : 'text-fg-subtle',\r\n    ),\r\n  );\r\n\r\n  protected readonly display = computed(() => {\r\n    const limit = this.limit();\r\n    return limit === null ? `${this.length()}` : `${this.length()} / ${limit}`;\r\n  });\r\n\r\n  protected readonly description = computed(() => {\r\n    const labels = this.labels();\r\n    const remaining = this.remaining();\r\n    if (remaining === null) return `${this.length()} ${labels.characters}`;\r\n    return remaining >= 0\r\n      ? `${remaining} ${labels.remaining}`\r\n      : `${-remaining} ${labels.overLimit}`;\r\n  });\r\n\r\n  /** Yalnızca uyarı bölgesinde ve kilometre taşlarında güncellenir; aradaki tuşlarda son metin kalır. */\r\n  protected readonly announcement = linkedSignal<\r\n    { active: boolean; milestone: boolean; text: string },\r\n    string\r\n  >({\r\n    source: () => {\r\n      const remaining = this.remaining();\r\n      const active = remaining !== null && this.tone() !== 'muted';\r\n      const milestone =\r\n        active && (remaining <= ANNOUNCE_EVERY_BELOW || remaining % ANNOUNCE_EVERY_BELOW === 0);\r\n      return { active, milestone, text: this.description() };\r\n    },\r\n    computation: ({ active, milestone, text }, previous) => {\r\n      if (!active) return '';\r\n      return milestone ? text : (previous?.value ?? '');\r\n    },\r\n  });\r\n\r\n  constructor() {\r\n    effect((onCleanup) => {\r\n      const target = this.for();\r\n      this.length.set(target.value.length);\r\n      const off = this.renderer.listen(target, 'input', () => this.length.set(target.value.length));\r\n\r\n      const ids = (target.getAttribute('aria-describedby') ?? '').split(/\\s+/).filter(Boolean);\r\n      if (!ids.includes(this.descriptionId)) {\r\n        target.setAttribute('aria-describedby', [...ids, this.descriptionId].join(' '));\r\n      }\r\n\r\n      onCleanup(() => {\r\n        off();\r\n        const rest = (target.getAttribute('aria-describedby') ?? '')\r\n          .split(/\\s+/)\r\n          .filter((id) => id && id !== this.descriptionId);\r\n        if (rest.length) target.setAttribute('aria-describedby', rest.join(' '));\r\n        else target.removeAttribute('aria-describedby');\r\n      });\r\n    });\r\n\r\n    // `input` olayı atmayan programatik değişimler (form reset, `writeValue`).\r\n    afterEveryRender({\r\n      read: () => {\r\n        const current = this.for().value.length;\r\n        if (current !== this.length()) this.length.set(current);\r\n      },\r\n    });\r\n  }\r\n}\r\n","import { Component, computed, input } from '@angular/core';\r\nimport {\r\n  cn,\r\n  controlSize,\r\n  controlSurface,\r\n  disabledRecipe,\r\n  type MfSize,\r\n} from '@mesgflow/ui-kit/core';\r\n\r\nconst FOCUS_RING_BASE =\r\n  'has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2';\r\n\r\n/**\r\n * `<mf-input-group>\r\n *    <span mfInputPrefix><span mfIcon>search</span></span>\r\n *    <input mfInput />\r\n *    <span mfInputSuffix><button type=\"button\">×</button></span>\r\n *  </mf-input-group>`\r\n *\r\n * `SearchInput`/`NumberInput`/`DateRangePicker`'ın HER BİRİNİN kendi elle\r\n * yazdığı \"kabuk\" reçetesini (bkz. plan Faz 2 P0) `core/recipes.ts`'in\r\n * `controlSurface`/`controlSize`'ına indirger — üç ayrı kopya yerine TEK\r\n * kaynak. İçindeki `input[mfInput]` KENDİ border/shadow/outline'ını\r\n * kapatır — grubu DI ile algılayıp (bkz. `input.ts` `IN_GROUP_CLASSES`); kabuk\r\n * bunları BURADAN sağlıyor, \"çift kenarlık\" olmasın diye. Tüketici sınıf yazmaz.\r\n *\r\n * Odak halkası `has-[:focus-visible]:outline` ile İÇ elemanlardan HERHANGİ\r\n * biri klavye-odaklandığında TÜM kabuğun etrafında TEK bir halka çizer\r\n * (`DateRangePicker`'ın iki input'u arasında geçişte \"zıplayan\" iki ayrı\r\n * halka yerine) — `input[mfInput]`'un KENDİ `focus-visible:outline`'ı bu\r\n * yüzden grup içinde otomatik kapanır, aksi halde İKİ halka üst üste binerdi.\r\n */\r\n@Component({\r\n  selector: 'mf-input-group',\r\n  exportAs: 'mfInputGroup',\r\n  host: {\r\n    '[class]': 'classes()',\r\n    '[attr.aria-disabled]': 'disabled() || null',\r\n    // `addon` ekler kabuğun yatay dolgusunu bu değişkenle geri alıp kenara oturur (bkz. InputPrefix).\r\n    '[style.--mf-input-group-px]': 'edgePadding()',\r\n  },\r\n  template: `\r\n    <ng-content select=\"[mfInputPrefix]\" />\r\n    <ng-content />\r\n    <ng-content select=\"[mfInputSuffix]\" />\r\n  `,\r\n})\r\nexport class InputGroup {\r\n  readonly size = input<MfSize>('md');\r\n  readonly disabled = input(false);\r\n  readonly hasError = input(false);\r\n  /**\r\n   * `false` → iç dolgu/aralık (`px-*`/`gap-*`) KALKAR, çocuklar `items-stretch`\r\n   * ile TAM yüksekliği doldurur — kenardan kenara oturan (dış kabuğun\r\n   * `rounded-*`sini birebir paylaşan) düğmeler için (ör. `NumberInput`'un\r\n   * azalt/artır düğmeleri). Varsayılan `true` — ikon/metin gibi \"nefes payı\"\r\n   * isteyen eklerin (ör. `DateRangePicker`'ın takvim ikonu) olağan hali.\r\n   */\r\n  readonly padded = input(true);\r\n  /**\r\n   * `true` → sabit `h-control-*` yerine `h-auto` + `flex-wrap` — içerik\r\n   * (ör. `TagInput`'un çoğalan Chip'leri) tek satıra sığmadığında kabuk\r\n   * BÜYÜR, taşırmaz. Varsayılan `false` (tek satırlık kontroller — ESKİ\r\n   * davranış birebir korunur).\r\n   */\r\n  readonly wrap = input(false);\r\n\r\n  /** `controlSize`'ın `px-*` değerleriyle birebir (sm 2.5 · md 3 · lg 3.5). */\r\n  protected readonly edgePadding = computed(() =>\r\n    this.padded() ? { sm: '0.625rem', md: '0.75rem', lg: '0.875rem' }[this.size()] : '0px',\r\n  );\r\n\r\n  protected readonly classes = computed(() => {\r\n    const error = this.hasError();\r\n    const padded = this.padded();\r\n    const wrap = this.wrap();\r\n    // `h-control-*` özel bir utility — tailwind-merge onu standart `h-*`\r\n    // ailesinin bir parçası TANIMIYOR, `cn()`'e `h-auto` ile BİRLİKTE\r\n    // verilseler ikisi de çıktıda KALIR (derlenmiş CSS'te hangisinin\r\n    // kazanacağı belirsiz kalır, gerçek bulgu — bkz. input-group.spec.ts).\r\n    // `wrap=true`'da yükseklik token'ını KAYNAKTA çıkarıyoruz, twMerge'e\r\n    // çakışmayı çözmesi için güvenmek yerine.\r\n    const sizeClasses = wrap\r\n      ? controlSize[this.size()].replace(/\\bh-control-\\w+\\b/, '').trim()\r\n      : controlSize[this.size()];\r\n    return cn(\r\n      'flex w-full',\r\n      wrap ? 'flex-wrap' : '',\r\n      padded ? 'items-center gap-1.5' : 'items-stretch',\r\n      controlSurface,\r\n      sizeClasses,\r\n      padded ? '' : 'px-0',\r\n      wrap ? 'h-auto py-1.5' : '',\r\n      FOCUS_RING_BASE,\r\n      error\r\n        ? 'border-danger focus-within:border-danger has-[:focus-visible]:outline-danger'\r\n        : 'has-[:focus-visible]:outline-focus-ring',\r\n      disabledRecipe,\r\n    );\r\n  });\r\n}\r\n","import { focusRecipe } from '@mesgflow/ui-kit/core';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\n\r\n/**\r\n * Bkz. `core/recipes.ts` `controlSurface`/`focusRecipe`/`disabledRecipe`/\r\n * `errorRecipe` — bu dosya onların TEK tüketicisi değil (Select/NumberInput/\r\n * ... aynı reçeteleri paylaşır), form kontrolleri genelinde tek kaynak.\r\n *\r\n * `size` ekseni `min-h-*` KULLANIR, `h-control-*` (sabit yükseklik) DEĞİL:\r\n * selector `textarea[mfInput]`'ı da kapsıyor (bkz. input.ts), sabit yükseklik\r\n * çok satırlı `rows` kullanan bir textarea'yı sıkıştırırdı. Tek satırlık\r\n * `<input>`'ta `py-*` ile birlikte tam kontrol yüksekliğine oturuyor,\r\n * textarea `rows` arttıkça bu tabanın üstüne doğal büyüyor. `min-h-(--control-h-*)`\r\n * — Tailwind v4'ün parantezli kısayolu, `--control-h-*` token'ına (radius.css)\r\n * doğrudan referans, ayrı bir `min-h-control-*` utility'si tanımlamaya gerek yok.\r\n * `py-*` + satır yüksekliği + kenarlık token'ı AŞMAMALI — aşarsa `min-h` etkisiz kalır ve\r\n * alan `mf-input-group`/`mfButton`'dan uzun çıkar (lg eskiden `py-2` + `text-base` = 42px ≠ 40px).\r\n *\r\n * `hasError` (invalid DEĞİL): `@angular/forms/signals`'ın `[formField]`\r\n * directive'i, AYNI native elemandaki başka bir directive'in `invalid`/\r\n * `disabled`/`required`/`pattern`/... adlı input'larını (bkz. signals.mjs\r\n * `FIELD_STATE_KEY_TO_CONTROL_BINDING`) OTOMATİK olarak alanın ham validity\r\n * durumuyla dolduruyor — henüz dokunulmamış (untouched) zorunlu bir alan bile\r\n * anında \"invalid\" oluyor ve kırmızı görünüyordu (gerçek bug, tarayıcıda\r\n * yakalandı). `hasError` bu rezerve isim listesinde YOK, çakışmıyor —\r\n * çağıran ekran görünürlüğü kendi `touched()/errors()` mantığıyla kontrol\r\n * etmeye devam ediyor.\r\n */\r\nexport const inputVariants = cva(\r\n  'w-full rounded-md border border-border bg-surface text-fg shadow-control ' +\r\n    'transition-colors duration-fast ease-emphasis placeholder:text-fg-subtle ' +\r\n    'hover:border-border-strong ' +\r\n    'focus:border-accent ' +\r\n    focusRecipe +\r\n    ' ' +\r\n    'disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none disabled:hover:border-border',\r\n  {\r\n    variants: {\r\n      size: {\r\n        sm: 'min-h-(--control-h-sm) px-2.5 py-1 text-sm',\r\n        md: 'min-h-(--control-h-md) px-3 py-1.5 text-sm',\r\n        lg: 'min-h-(--control-h-lg) px-3.5 py-1.5 text-base',\r\n      },\r\n      hasError: {\r\n        true: 'border-danger focus:border-danger focus-visible:outline-danger',\r\n        false: '',\r\n      },\r\n    },\r\n    defaultVariants: { size: 'md', hasError: false },\r\n  },\r\n);\r\n\r\nexport type InputSize = VariantProps<typeof inputVariants>['size'];\r\nexport type InputHasError = VariantProps<typeof inputVariants>['hasError'];\r\n","import {\r\n  DestroyRef,\r\n  Directive,\r\n  ElementRef,\r\n  InjectionToken,\r\n  afterEveryRender,\r\n  afterNextRender,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n} from '@angular/core';\r\nimport { cn, type MfSize } from '@mesgflow/ui-kit/core';\r\nimport { InputGroup } from './input-group';\r\nimport { inputVariants } from './input.variants';\r\n\r\n/**\r\n * `mf-input-group` kabuğu kenarlık/zemin/gölge/odak halkasını KENDİSİ çizer — içindeki\r\n * alan kendininkini kapatır (\"çift kenarlık\", iki odak halkası olmasın). Eskiden tüketici\r\n * bu sınıfları elle yazıyordu; elle yazılmışlar zararsız (aynı sınıflar).\r\n */\r\nconst IN_GROUP_CLASSES = 'border-0 bg-transparent shadow-none focus-visible:outline-none';\r\n\r\n/**\r\n * `field-sizing: content` desteği — içerik boyunda büyüyen native kontrol (Chromium 123+;\r\n * desteklemeyen tarayıcıda JS yedeği). Token olarak: testler iki yolu da açıkça seçebilsin.\r\n */\r\nexport const MF_FIELD_SIZING_SUPPORTED = new InjectionToken<boolean>('mesgflow.field-sizing', {\r\n  factory: () => typeof CSS !== 'undefined' && CSS.supports?.('field-sizing', 'content') === true,\r\n});\r\n\r\n/**\r\n * `<input mfInput>` / `<textarea mfInput>` — checkbox/radio hariç (bkz.\r\n * `Checkbox`, `@mesgflow/ui-kit/checkbox`). Karakter sayacı için `<mf-character-count>`.\r\n *\r\n * `autosize`/`minRows`/`maxRows` SADECE `textarea[mfInput]`'ta anlamlı — içerik büyüdükçe\r\n * yükseklik artar, `maxRows`'ta durup kaydırmaya geçer. İki yol:\r\n * - **`field-sizing: content` destekleniyorsa** büyüme tamamen CSS'te — yazma, yapıştırma,\r\n *   programatik değer (form reset) ve genişlik değişimi tarayıcının kendi yerleşiminde;\r\n *   JS yalnızca `min/max-height`'ı satır sayısından bir kez hesaplar.\r\n * - **Değilse** ölçerek: `input` olayı + her render sonrası değer karşılaştırması (olay atmayan\r\n *   programatik değişimler) + `ResizeObserver` ile genişlik değişimi (satır kırılımı değişir).\r\n *\r\n * Satır yüksekliğine dolgu VE kenarlık eklenir (`box-sizing: border-box`) — eskiden yalnızca\r\n * `rows × line-height` alınıyordu; `minRows=2` alan iki satırdan kısa, son satır kırpık çıkıyordu.\r\n */\r\n@Directive({\r\n  selector: 'input[mfInput]:not([type=checkbox]):not([type=radio]), textarea[mfInput]',\r\n  host: {\r\n    '[class]': 'classes()',\r\n    '[attr.rows]': 'autosize() ? minRows() : null',\r\n    '(input)': 'onInput()',\r\n  },\r\n})\r\nexport class Input {\r\n  readonly size = input<MfSize>('md');\r\n  /** Field'ın `error` input'u dolu olduğunda çağıran ekran bunu true geçer. */\r\n  readonly hasError = input(false);\r\n  readonly autosize = input(false);\r\n  readonly minRows = input(2);\r\n  readonly maxRows = input<number | null>(null);\r\n\r\n  private readonly elementRef = inject<ElementRef<HTMLTextAreaElement>>(ElementRef);\r\n  private readonly nativeSizing = inject(MF_FIELD_SIZING_SUPPORTED);\r\n  private readonly inGroup = inject(InputGroup, { optional: true }) !== null;\r\n  private lastValue: string | null = null;\r\n  private lastWidth = 0;\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn(\r\n      inputVariants({ size: this.size(), hasError: this.hasError() }),\r\n      this.inGroup && IN_GROUP_CLASSES,\r\n      this.autosize() && 'resize-none',\r\n      this.autosize() && this.nativeSizing && '[field-sizing:content]',\r\n    ),\r\n  );\r\n\r\n  constructor() {\r\n    // Kuruluşta (önceden dolu bir değerle) VE minRows/maxRows/size değişince yeniden hesapla.\r\n    effect(() => {\r\n      if (!this.autosize()) return;\r\n      this.minRows();\r\n      this.maxRows();\r\n      this.size();\r\n      this.resize();\r\n    });\r\n\r\n    if (this.nativeSizing) return;\r\n\r\n    afterEveryRender({\r\n      read: () => {\r\n        if (!this.autosize()) return;\r\n        const value = this.elementRef.nativeElement.value;\r\n        if (value !== this.lastValue) this.resize();\r\n      },\r\n    });\r\n\r\n    const destroyRef = inject(DestroyRef);\r\n    afterNextRender(() => {\r\n      if (typeof ResizeObserver === 'undefined') return;\r\n      const el = this.elementRef.nativeElement;\r\n      const observer = new ResizeObserver(([entry]) => {\r\n        const width = entry?.contentRect.width ?? 0;\r\n        // Yalnızca GENİŞLİK — kendi yükseklik yazımımız gözlemciyi yeniden tetiklemesin.\r\n        if (!this.autosize() || width === this.lastWidth) return;\r\n        this.lastWidth = width;\r\n        this.resize();\r\n      });\r\n      observer.observe(el);\r\n      destroyRef.onDestroy(() => observer.disconnect());\r\n    });\r\n  }\r\n\r\n  protected onInput(): void {\r\n    if (this.autosize() && !this.nativeSizing) this.resize();\r\n  }\r\n\r\n  private resize(): void {\r\n    const el = this.elementRef.nativeElement;\r\n    const style = getComputedStyle(el);\r\n    const lineHeight = parseFloat(style.lineHeight) || 20;\r\n    const padding = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) || 0;\r\n    const border = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth) || 0;\r\n    const chrome = padding + (style.boxSizing === 'border-box' ? border : 0);\r\n    const min = this.minRows() * lineHeight + chrome;\r\n    const maxRows = this.maxRows();\r\n    const max = maxRows ? maxRows * lineHeight + chrome : Infinity;\r\n\r\n    if (this.nativeSizing) {\r\n      el.style.minHeight = `${min}px`;\r\n      el.style.maxHeight = Number.isFinite(max) ? `${max}px` : '';\r\n      return;\r\n    }\r\n\r\n    this.lastValue = el.value;\r\n    el.style.height = 'auto';\r\n    // `scrollHeight` dolguyu içerir ama kenarlığı içermez.\r\n    const content = el.scrollHeight + (style.boxSizing === 'border-box' ? border : 0);\r\n    el.style.height = `${Math.min(Math.max(content, min), max)}px`;\r\n    el.style.overflowY = content > max ? 'auto' : 'hidden';\r\n  }\r\n}\r\n","import { Directive, booleanAttribute, computed, input } from '@angular/core';\r\nimport { cn } from '@mesgflow/ui-kit/core';\r\n\r\n/** Kabuğun kenarına oturan bitişik bölüm — zemin, ayırıcı ve dış köşe yarıçapı (bkz. `addon`). */\r\nconst INPUT_ADDON_BASE =\r\n  'self-stretch bg-surface-alt px-3 text-sm text-fg-muted border-border ' +\r\n  'ms-[calc(var(--mf-input-group-px,0px)*-1)] rounded-s-[inherit] border-e';\r\n\r\n/**\r\n * `<span mfInputPrefix><span mfIcon>search</span></span>` — bkz. `input-group.ts`'in JSDoc'u.\r\n *\r\n * `addon`: metin/seçim eki (`https://`, `₺`, alan kodu) kabuğun sol kenarına BİTİŞİK bir bölüm\r\n * olur — sönük zemin + ayırıcı çizgi, kabuğun dolgusu `--mf-input-group-px` ile geri alınır.\r\n */\r\n@Directive({\r\n  selector: '[mfInputPrefix]',\r\n  host: { '[class]': 'classes()' },\r\n})\r\nexport class InputPrefix {\r\n  readonly addon = input(false, { transform: booleanAttribute });\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn('flex shrink-0 items-center text-fg-subtle', this.addon() && INPUT_ADDON_BASE),\r\n  );\r\n}\r\n","import { Directive, booleanAttribute, computed, input } from '@angular/core';\r\nimport { cn } from '@mesgflow/ui-kit/core';\r\n\r\n/**\r\n * `<span mfInputSuffix><button ...>×</button></span>` — bkz. `input-group.ts`'in JSDoc'u.\r\n * `addon`: sağ kenara bitişik bölüm (`.com`, `kg`, birim seçimi) — bkz. `InputPrefix.addon`.\r\n */\r\n@Directive({\r\n  selector: '[mfInputSuffix]',\r\n  host: { '[class]': 'classes()' },\r\n})\r\nexport class InputSuffix {\r\n  readonly addon = input(false, { transform: booleanAttribute });\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn(\r\n      'flex shrink-0 items-center text-fg-subtle',\r\n      this.addon() &&\r\n        'self-stretch bg-surface-alt px-3 text-sm text-fg-muted border-border ' +\r\n          'me-[calc(var(--mf-input-group-px,0px)*-1)] rounded-e-[inherit] border-s',\r\n    ),\r\n  );\r\n}\r\n","import {\r\n  DestroyRef,\r\n  Directive,\r\n  ElementRef,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  output,\r\n} from '@angular/core';\r\n\r\n/**\r\n * Hazır desenler — `mfMask=\"phone-tr\"` gibi adla verilir ya da doğrudan\r\n * desen dizesi (`'(999) 999 99 99'`).\r\n *\r\n * Belirteçler: `9` rakam · `a` harf · `A` harf (büyük harfe çevrilir) ·\r\n * `*` harf/rakam · `X` harf/rakam (büyük harfe çevrilir). Diğer her karakter\r\n * sabittir ve otomatik eklenir.\r\n */\r\nexport const MF_MASK_PRESETS = {\r\n  'phone-tr': '(999) 999 99 99',\r\n  'phone-us': '(999) 999-9999',\r\n  card: '9999 9999 9999 9999',\r\n  expiry: '99/99',\r\n  cvc: '999',\r\n  iban: 'AA99 XXXX XXXX XXXX XXXX XXXX XX',\r\n  'iban-tr': 'TR99 9999 9999 9999 9999 9999 99',\r\n  date: '99.99.9999',\r\n  'date-iso': '9999-99-99',\r\n  time: '99:99',\r\n  'tc-kimlik': '99999999999',\r\n} as const;\r\n\r\nexport type MfMaskPreset = keyof typeof MF_MASK_PRESETS;\r\n\r\nconst TOKENS: Record<string, (c: string) => string | null> = {\r\n  '9': (c) => (/\\d/.test(c) ? c : null),\r\n  a: (c) => (/\\p{L}/u.test(c) ? c : null),\r\n  A: (c) => (/\\p{L}/u.test(c) ? c.toLocaleUpperCase() : null),\r\n  '*': (c) => (/[\\p{L}\\d]/u.test(c) ? c : null),\r\n  X: (c) => (/[\\p{L}\\d]/u.test(c) ? c.toLocaleUpperCase() : null),\r\n};\r\n\r\nexport interface MaskResult {\r\n  /** Biçimlenmiş metin (sabit karakterlerle). */\r\n  masked: string;\r\n  /** Yalnızca kullanıcı karakterleri. */\r\n  raw: string;\r\n  /** Tüm belirteçler doldu mu. */\r\n  complete: boolean;\r\n}\r\n\r\n/**\r\n * Saf biçimlendirici — girdideki kabul edilebilir karakterleri sırayla desene\r\n * yerleştirir. Sabitler yalnızca bir SONRAKİ belirteç için karakter varsa\r\n * eklenir (sonda sarkan \") \" oluşmaz). Desendeki sabitlerle aynı olan girdi\r\n * karakterleri (kullanıcının yazdığı \"(\" gibi) atlanır.\r\n */\r\nexport function applyMask(pattern: string, value: string): MaskResult {\r\n  let masked = '';\r\n  let raw = '';\r\n  let vi = 0;\r\n  let tokensFilled = 0;\r\n  const tokenCount = [...pattern].filter((ch) => ch in TOKENS).length;\r\n  const chars = [...value];\r\n\r\n  for (const ch of pattern) {\r\n    if (vi >= chars.length) break;\r\n    const accept = TOKENS[ch];\r\n    if (accept) {\r\n      // Kabul edilen ilk karaktere kadar ilerle.\r\n      let placed = false;\r\n      while (vi < chars.length) {\r\n        const out = accept(chars[vi++]!);\r\n        if (out !== null) {\r\n          masked += out;\r\n          raw += out;\r\n          tokensFilled++;\r\n          placed = true;\r\n          break;\r\n        }\r\n      }\r\n      if (!placed) break;\r\n    } else {\r\n      masked += ch;\r\n      if (chars[vi] === ch) vi++;\r\n    }\r\n  }\r\n  return { masked, raw, complete: tokensFilled === tokenCount };\r\n}\r\n\r\n/**\r\n * `<input mfInput mfMask=\"phone-tr\" (maskRaw)=\"phone.set($event)\" />`\r\n *\r\n * Yazarken biçimlendirir; imleç konumunu korur (ortadan silme/yapıştırma\r\n * dahil). Biçimleme `input` olayının YAKALAMA fazında yapılır — Angular'ın\r\n * `DefaultValueAccessor`'ı ve `(input)` bağlamaları zaten biçimlenmiş değeri\r\n * görür (Reactive/Signal Forms ile uyumlu).\r\n *\r\n * - `maskRaw`: sabitsiz ham değer (API'ye gönderilecek olan).\r\n * - `maskComplete`: desen tamamen dolduğunda `true`.\r\n * - Rakam-yalnız desenlerde `inputmode=\"numeric\"` (mobil sayısal klavye).\r\n */\r\n@Directive({\r\n  selector: 'input[mfMask]',\r\n  exportAs: 'mfMask',\r\n  host: {\r\n    '[attr.inputmode]': 'inputMode()',\r\n    '[attr.maxlength]': 'pattern().length',\r\n  },\r\n})\r\nexport class Mask {\r\n  readonly mfMask = input.required<MfMaskPreset | (string & Record<never, never>)>();\r\n  readonly maskRaw = output<string>();\r\n  readonly maskComplete = output<boolean>();\r\n\r\n  private readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef).nativeElement;\r\n\r\n  protected readonly pattern = computed(() => {\r\n    const value = this.mfMask();\r\n    return (MF_MASK_PRESETS as Record<string, string>)[value] ?? value;\r\n  });\r\n\r\n  protected readonly inputMode = computed(() =>\r\n    [...this.pattern()].every((ch) => !(ch in TOKENS) || ch === '9') ? 'numeric' : null,\r\n  );\r\n\r\n  constructor() {\r\n    const onInput = () => this.format();\r\n    this.el.addEventListener('input', onInput, true);\r\n    inject(DestroyRef).onDestroy(() => this.el.removeEventListener('input', onInput, true));\r\n\r\n    // Desen değişince ya da başlangıçta (programatik değer) mevcut değeri biçimle.\r\n    effect(() => {\r\n      this.pattern();\r\n      queueMicrotask(() => this.format(false));\r\n    });\r\n  }\r\n\r\n  private format(keepCaret = true): void {\r\n    const before = this.el.value;\r\n    const caret = this.el.selectionStart ?? before.length;\r\n    const result = applyMask(this.pattern(), before);\r\n    if (result.masked !== before) {\r\n      // İmleçten önceki KULLANICI karakteri sayısı → yeni metindeki konum.\r\n      const typedBefore = applyMask(this.pattern(), before.slice(0, caret)).raw.length;\r\n      this.el.value = result.masked;\r\n      if (keepCaret && document.activeElement === this.el) {\r\n        let pos = 0;\r\n        let seen = 0;\r\n        while (pos < result.masked.length && seen < typedBefore) {\r\n          if (this.pattern()[pos]! in TOKENS) seen++;\r\n          pos++;\r\n        }\r\n        this.el.setSelectionRange(pos, pos);\r\n      }\r\n    }\r\n    this.maskRaw.emit(result.raw);\r\n    this.maskComplete.emit(result.complete);\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}