@mesgflow/ui-kit 0.6.0 → 0.8.0

package/fesm2022/mesgflow-ui-kit-segmented-control.mjs

@@ -2,10 +2,10 @@ import { Toolbar, ToolbarWidgetGroup, ToolbarWidget } from '@angular/aria/toolba
 import * as i0 from '@angular/core';
 import { input, model, computed, forwardRef, Component } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { ValueAccessorBase, cn } from '@mesgflow/ui-kit/core';
+import { focusRecipe, ValueAccessorBase, cn, SlidingIndicator } from '@mesgflow/ui-kit/core';
 import { cva } from 'class-variance-authority';
 
-const segmentedTrackVariants = cva('inline-flex items-center gap-0.5 rounded-md bg-surface-alt p-0.5', {
+const segmentedTrackVariants = cva('relative inline-flex items-center gap-0.5 rounded-md bg-surface-alt p-0.5', {
     variants: {
         size: {
             sm: 'text-xs',
@@ -14,11 +14,11 @@ const segmentedTrackVariants = cva('inline-flex items-center gap-0.5 rounded-md
     },
     defaultVariants: { size: 'md' },
 });
-const segmentedItemVariants = cva('cursor-pointer appearance-none whitespace-nowrap rounded-sm border-0 bg-transparent px-2.5 py-1 text-fg-muted transition-colors duration-fast ease-emphasis active:scale-[0.99] ' +
-    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring', {
+const segmentedItemVariants = cva('relative cursor-pointer appearance-none whitespace-nowrap rounded-sm border-0 bg-transparent px-2.5 py-1 text-fg-muted transition-colors duration-fast ease-emphasis active:scale-[0.99] ' +
+    focusRecipe, {
     variants: {
         selected: {
-            true: 'bg-surface text-fg shadow-1',
+            true: 'text-fg',
             false: 'hover:text-fg',
         },
         disabled: {
@@ -37,6 +37,10 @@ const segmentedItemVariants = cva('cursor-pointer appearance-none whitespace-now
  * `Toolbar`/`ToolbarWidgetGroup`/`ToolbarWidget` pattern'inden geliyor —
  * dokümantasyondaki kompozisyon şekli birebir izlendi (dıştaki `ngToolbar`,
  * içteki `ngToolbarWidgetGroup [multi]="false"`).
+ *
+ * Seçili parça core'un `[mfSlidingIndicator]`'ıyla (Tabs ile aynı motor) yay
+ * eğrisiyle kayar; aria/toolbar seçili öznitelik vermediği için hedef
+ * `data-selected`.
  */
 class SegmentedControl extends ValueAccessorBase {
     options = input.required(/* @ts-ignore */
@@ -75,16 +79,16 @@ class SegmentedControl extends ValueAccessorBase {
     itemClasses(option) {
         return cn(segmentedItemVariants({ selected: option.value === this.value(), disabled: this.disabled() }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SegmentedControl, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: SegmentedControl, isStandalone: true, selector: "mf-segmented-control", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { classAttribute: "inline-block" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SegmentedControl, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SegmentedControl, isStandalone: true, selector: "mf-segmented-control", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { classAttribute: "inline-block" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SegmentedControl), multi: true },
-        ], exportAs: ["mfSegmentedControl"], usesInheritance: true, ngImport: i0, template: "<div\r\n  ngToolbar\r\n  [disabled]=\"disabled()\"\r\n  [value]=\"toolbarValue()\"\r\n  (valueChange)=\"onToolbarValueChange($event)\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  [class]=\"trackClasses()\"\r\n>\r\n  <div ngToolbarWidgetGroup [multi]=\"false\" [disabled]=\"disabled()\" class=\"contents\">\r\n    @for (option of options(); track option.value) {\r\n      <button type=\"button\" ngToolbarWidget [value]=\"option.value\" [class]=\"itemClasses(option)\">\r\n        {{ option.label }}\r\n      </button>\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: Toolbar, selector: "[ngToolbar]", inputs: ["orientation", "softDisabled", "disabled", "wrap", "value"], outputs: ["valueChange"], exportAs: ["ngToolbar"] }, { kind: "directive", type: ToolbarWidgetGroup, selector: "[ngToolbarWidgetGroup]", inputs: ["disabled", "multi"], exportAs: ["ngToolbarWidgetGroup"] }, { kind: "directive", type: ToolbarWidget, selector: "[ngToolbarWidget]", inputs: ["id", "disabled", "value"], exportAs: ["ngToolbarWidget"] }] });
+        ], exportAs: ["mfSegmentedControl"], usesInheritance: true, ngImport: i0, template: "<div\r\n  ngToolbar\r\n  [disabled]=\"disabled()\"\r\n  [value]=\"toolbarValue()\"\r\n  (valueChange)=\"onToolbarValueChange($event)\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  [class]=\"trackClasses()\"\r\n>\r\n  <!-- Kayan par\u00E7a (core `[mfSlidingIndicator]`) \u2014 se\u00E7enekler `relative`, \u00FCst\u00FCne boyan\u0131r. -->\r\n  <span\r\n    mfSlidingIndicator\r\n    target='[data-selected=\"true\"]'\r\n    [track]=\"value()\"\r\n    class=\"inset-y-0.5 rounded-sm bg-surface shadow-1\"\r\n  ></span>\r\n  <div ngToolbarWidgetGroup [multi]=\"false\" [disabled]=\"disabled()\" class=\"contents\">\r\n    @for (option of options(); track option.value) {\r\n      <button\r\n        type=\"button\"\r\n        ngToolbarWidget\r\n        [value]=\"option.value\"\r\n        [attr.data-selected]=\"option.value === value()\"\r\n        [class]=\"itemClasses(option)\"\r\n      >\r\n        {{ option.label }}\r\n      </button>\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: Toolbar, selector: "[ngToolbar]", inputs: ["orientation", "softDisabled", "disabled", "wrap", "value"], outputs: ["valueChange"], exportAs: ["ngToolbar"] }, { kind: "directive", type: ToolbarWidgetGroup, selector: "[ngToolbarWidgetGroup]", inputs: ["disabled", "multi"], exportAs: ["ngToolbarWidgetGroup"] }, { kind: "directive", type: ToolbarWidget, selector: "[ngToolbarWidget]", inputs: ["id", "disabled", "value"], exportAs: ["ngToolbarWidget"] }, { kind: "directive", type: SlidingIndicator, selector: "[mfSlidingIndicator]", inputs: ["axis", "target", "track", "container"], exportAs: ["mfSlidingIndicator"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SegmentedControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SegmentedControl, decorators: [{
             type: Component,
-            args: [{ selector: 'mf-segmented-control', exportAs: 'mfSegmentedControl', imports: [Toolbar, ToolbarWidgetGroup, ToolbarWidget], host: { class: 'inline-block' }, providers: [
+            args: [{ selector: 'mf-segmented-control', exportAs: 'mfSegmentedControl', imports: [Toolbar, ToolbarWidgetGroup, ToolbarWidget, SlidingIndicator], host: { class: 'inline-block' }, providers: [
                         { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SegmentedControl), multi: true },
-                    ], template: "<div\r\n  ngToolbar\r\n  [disabled]=\"disabled()\"\r\n  [value]=\"toolbarValue()\"\r\n  (valueChange)=\"onToolbarValueChange($event)\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  [class]=\"trackClasses()\"\r\n>\r\n  <div ngToolbarWidgetGroup [multi]=\"false\" [disabled]=\"disabled()\" class=\"contents\">\r\n    @for (option of options(); track option.value) {\r\n      <button type=\"button\" ngToolbarWidget [value]=\"option.value\" [class]=\"itemClasses(option)\">\r\n        {{ option.label }}\r\n      </button>\r\n    }\r\n  </div>\r\n</div>\r\n" }]
+                    ], template: "<div\r\n  ngToolbar\r\n  [disabled]=\"disabled()\"\r\n  [value]=\"toolbarValue()\"\r\n  (valueChange)=\"onToolbarValueChange($event)\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  [class]=\"trackClasses()\"\r\n>\r\n  <!-- Kayan par\u00E7a (core `[mfSlidingIndicator]`) \u2014 se\u00E7enekler `relative`, \u00FCst\u00FCne boyan\u0131r. -->\r\n  <span\r\n    mfSlidingIndicator\r\n    target='[data-selected=\"true\"]'\r\n    [track]=\"value()\"\r\n    class=\"inset-y-0.5 rounded-sm bg-surface shadow-1\"\r\n  ></span>\r\n  <div ngToolbarWidgetGroup [multi]=\"false\" [disabled]=\"disabled()\" class=\"contents\">\r\n    @for (option of options(); track option.value) {\r\n      <button\r\n        type=\"button\"\r\n        ngToolbarWidget\r\n        [value]=\"option.value\"\r\n        [attr.data-selected]=\"option.value === value()\"\r\n        [class]=\"itemClasses(option)\"\r\n      >\r\n        {{ option.label }}\r\n      </button>\r\n    }\r\n  </div>\r\n</div>\r\n" }]
         }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 /**

package/fesm2022/mesgflow-ui-kit-segmented-control.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mesgflow-ui-kit-segmented-control.mjs","sources":["../../../projects/ui-kit/segmented-control/segmented-control.variants.ts","../../../projects/ui-kit/segmented-control/segmented-control.ts","../../../projects/ui-kit/segmented-control/segmented-control.html","../../../projects/ui-kit/segmented-control/mesgflow-ui-kit-segmented-control.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\r\n\r\nexport const segmentedTrackVariants = cva(\r\n  'inline-flex items-center gap-0.5 rounded-md bg-surface-alt p-0.5',\r\n  {\r\n    variants: {\r\n      size: {\r\n        sm: 'text-xs',\r\n        md: 'text-sm',\r\n      },\r\n    },\r\n    defaultVariants: { size: 'md' },\r\n  },\r\n);\r\n\r\nexport const segmentedItemVariants = cva(\r\n  'cursor-pointer appearance-none whitespace-nowrap rounded-sm border-0 bg-transparent px-2.5 py-1 text-fg-muted transition-colors duration-fast ease-emphasis active:scale-[0.99] ' +\r\n    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring',\r\n  {\r\n    variants: {\r\n      selected: {\r\n        true: 'bg-surface text-fg shadow-1',\r\n        false: 'hover:text-fg',\r\n      },\r\n      disabled: {\r\n        true: 'pointer-events-none opacity-50 active:scale-100',\r\n        false: '',\r\n      },\r\n    },\r\n    defaultVariants: { selected: false, disabled: false },\r\n  },\r\n);\r\n\r\nexport type SegmentedControlSize = VariantProps<typeof segmentedTrackVariants>['size'];\r\n","import {\r\n  Toolbar as AriaToolbar,\r\n  ToolbarWidget as AriaToolbarWidget,\r\n  ToolbarWidgetGroup as AriaToolbarWidgetGroup,\r\n} from '@angular/aria/toolbar';\r\nimport { Component, computed, forwardRef, input, model } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR, type ControlValueAccessor } from '@angular/forms';\r\nimport { ValueAccessorBase, cn } from '@mesgflow/ui-kit/core';\r\nimport {\r\n  segmentedItemVariants,\r\n  segmentedTrackVariants,\r\n  type SegmentedControlSize,\r\n} from './segmented-control.variants';\r\n\r\nexport interface SegmentedOption<T> {\r\n  label: string;\r\n  value: T;\r\n}\r\n\r\n/**\r\n * `<mf-segmented-control [options]=\"opts\" [(value)]=\"mode\" />` — hizalama,\r\n * cihaz önizlemesi gibi KISA/tek-seçimli seçenek kümeleri için. `Tabs`'tan\r\n * farkı: içerik paneli YOK, sadece bir değer seçimi. ARIA/klavye (roving\r\n * tabindex, ok tuşu navigasyonu) `@angular/aria/toolbar`'ın\r\n * `Toolbar`/`ToolbarWidgetGroup`/`ToolbarWidget` pattern'inden geliyor —\r\n * dokümantasyondaki kompozisyon şekli birebir izlendi (dıştaki `ngToolbar`,\r\n * içteki `ngToolbarWidgetGroup [multi]=\"false\"`).\r\n */\r\n@Component({\r\n  selector: 'mf-segmented-control',\r\n  exportAs: 'mfSegmentedControl',\r\n  imports: [AriaToolbar, AriaToolbarWidgetGroup, AriaToolbarWidget],\r\n  host: { class: 'inline-block' },\r\n  templateUrl: './segmented-control.html',\r\n  providers: [\r\n    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SegmentedControl), multi: true },\r\n  ],\r\n})\r\nexport class SegmentedControl<T>\r\n  extends ValueAccessorBase<T | null>\r\n  implements ControlValueAccessor\r\n{\r\n  readonly options = input.required<SegmentedOption<T>[]>();\r\n  readonly value = model<T | null>(null);\r\n  readonly size = input<SegmentedControlSize>('md');\r\n  readonly ariaLabel = input('');\r\n  readonly disabled = input(false);\r\n\r\n  protected readonly toolbarValue = computed<T[]>(() =>\r\n    this.value() == null ? [] : [this.value() as T],\r\n  );\r\n  protected readonly trackClasses = computed(() =>\r\n    cn(segmentedTrackVariants({ size: this.size() })),\r\n  );\r\n\r\n  writeValue(value: T | null): void {\r\n    this.value.set(value);\r\n  }\r\n\r\n  /**\r\n   * `@angular/aria/toolbar`'ın kendi widget-kayıt döngüsü, gerçek bir tıklama\r\n   * OLMADAN da BOŞ bir dizi ile (`values: []`) tetiklenebiliyor (gerçek bulgu\r\n   * — bir seçeneğe tıklarken bile araya giren, seçimle ilgisiz iç kayıt\r\n   * event'leri). `this.value` her event'te güncellenir (görsel durum ETKİLENMEZ,\r\n   * zaten `values[0]` genelde mevcut değerle AYNI), ama CVA `onChange`/`onTouched`\r\n   * SADECE dolu bir dizi (gerçek bir seçim) geldiğinde tetiklenir — aksi halde\r\n   * Reactive Forms'a sahte \"null'a değişti\" bildirimleri sızardı.\r\n   */\r\n  protected onToolbarValueChange(values: readonly T[]): void {\r\n    this.value.set(values[0] ?? null);\r\n    if (values.length > 0) {\r\n      this.onChange(values[0]!);\r\n      this.onTouched();\r\n    }\r\n  }\r\n\r\n  protected itemClasses(option: SegmentedOption<T>): string {\r\n    return cn(\r\n      segmentedItemVariants({ selected: option.value === this.value(), disabled: this.disabled() }),\r\n    );\r\n  }\r\n}\r\n","<div\r\n  ngToolbar\r\n  [disabled]=\"disabled()\"\r\n  [value]=\"toolbarValue()\"\r\n  (valueChange)=\"onToolbarValueChange($event)\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  [class]=\"trackClasses()\"\r\n>\r\n  <div ngToolbarWidgetGroup [multi]=\"false\" [disabled]=\"disabled()\" class=\"contents\">\r\n    @for (option of options(); track option.value) {\r\n      <button type=\"button\" ngToolbarWidget [value]=\"option.value\" [class]=\"itemClasses(option)\">\r\n        {{ option.label }}\r\n      </button>\r\n    }\r\n  </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["AriaToolbar","AriaToolbarWidgetGroup","AriaToolbarWidget"],"mappings":"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"}
+{"version":3,"file":"mesgflow-ui-kit-segmented-control.mjs","sources":["../../../projects/ui-kit/segmented-control/segmented-control.variants.ts","../../../projects/ui-kit/segmented-control/segmented-control.ts","../../../projects/ui-kit/segmented-control/segmented-control.html","../../../projects/ui-kit/segmented-control/mesgflow-ui-kit-segmented-control.ts"],"sourcesContent":["import { focusRecipe } from '@mesgflow/ui-kit/core';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\n\r\nexport const segmentedTrackVariants = cva(\r\n  'relative inline-flex items-center gap-0.5 rounded-md bg-surface-alt p-0.5',\r\n  {\r\n    variants: {\r\n      size: {\r\n        sm: 'text-xs',\r\n        md: 'text-sm',\r\n      },\r\n    },\r\n    defaultVariants: { size: 'md' },\r\n  },\r\n);\r\n\r\nexport const segmentedItemVariants = cva(\r\n  'relative cursor-pointer appearance-none whitespace-nowrap rounded-sm border-0 bg-transparent px-2.5 py-1 text-fg-muted transition-colors duration-fast ease-emphasis active:scale-[0.99] ' +\r\n    focusRecipe,\r\n  {\r\n    variants: {\r\n      selected: {\r\n        true: 'text-fg',\r\n        false: 'hover:text-fg',\r\n      },\r\n      disabled: {\r\n        true: 'pointer-events-none opacity-50 active:scale-100',\r\n        false: '',\r\n      },\r\n    },\r\n    defaultVariants: { selected: false, disabled: false },\r\n  },\r\n);\r\n\r\nexport type SegmentedControlSize = VariantProps<typeof segmentedTrackVariants>['size'];\r\n","import {\r\n  Toolbar as AriaToolbar,\r\n  ToolbarWidget as AriaToolbarWidget,\r\n  ToolbarWidgetGroup as AriaToolbarWidgetGroup,\r\n} from '@angular/aria/toolbar';\r\nimport { Component, computed, forwardRef, input, model } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR, type ControlValueAccessor } from '@angular/forms';\r\nimport { SlidingIndicator, ValueAccessorBase, cn } from '@mesgflow/ui-kit/core';\r\nimport {\r\n  segmentedItemVariants,\r\n  segmentedTrackVariants,\r\n  type SegmentedControlSize,\r\n} from './segmented-control.variants';\r\n\r\nexport interface SegmentedOption<T> {\r\n  label: string;\r\n  value: T;\r\n}\r\n\r\n/**\r\n * `<mf-segmented-control [options]=\"opts\" [(value)]=\"mode\" />` — hizalama,\r\n * cihaz önizlemesi gibi KISA/tek-seçimli seçenek kümeleri için. `Tabs`'tan\r\n * farkı: içerik paneli YOK, sadece bir değer seçimi. ARIA/klavye (roving\r\n * tabindex, ok tuşu navigasyonu) `@angular/aria/toolbar`'ın\r\n * `Toolbar`/`ToolbarWidgetGroup`/`ToolbarWidget` pattern'inden geliyor —\r\n * dokümantasyondaki kompozisyon şekli birebir izlendi (dıştaki `ngToolbar`,\r\n * içteki `ngToolbarWidgetGroup [multi]=\"false\"`).\r\n *\r\n * Seçili parça core'un `[mfSlidingIndicator]`'ıyla (Tabs ile aynı motor) yay\r\n * eğrisiyle kayar; aria/toolbar seçili öznitelik vermediği için hedef\r\n * `data-selected`.\r\n */\r\n@Component({\r\n  selector: 'mf-segmented-control',\r\n  exportAs: 'mfSegmentedControl',\r\n  imports: [AriaToolbar, AriaToolbarWidgetGroup, AriaToolbarWidget, SlidingIndicator],\r\n  host: { class: 'inline-block' },\r\n  templateUrl: './segmented-control.html',\r\n  providers: [\r\n    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SegmentedControl), multi: true },\r\n  ],\r\n})\r\nexport class SegmentedControl<T>\r\n  extends ValueAccessorBase<T | null>\r\n  implements ControlValueAccessor\r\n{\r\n  readonly options = input.required<SegmentedOption<T>[]>();\r\n  readonly value = model<T | null>(null);\r\n  readonly size = input<SegmentedControlSize>('md');\r\n  readonly ariaLabel = input('');\r\n  readonly disabled = input(false);\r\n\r\n  protected readonly toolbarValue = computed<T[]>(() =>\r\n    this.value() == null ? [] : [this.value() as T],\r\n  );\r\n  protected readonly trackClasses = computed(() =>\r\n    cn(segmentedTrackVariants({ size: this.size() })),\r\n  );\r\n\r\n  writeValue(value: T | null): void {\r\n    this.value.set(value);\r\n  }\r\n\r\n  /**\r\n   * `@angular/aria/toolbar`'ın kendi widget-kayıt döngüsü, gerçek bir tıklama\r\n   * OLMADAN da BOŞ bir dizi ile (`values: []`) tetiklenebiliyor (gerçek bulgu\r\n   * — bir seçeneğe tıklarken bile araya giren, seçimle ilgisiz iç kayıt\r\n   * event'leri). `this.value` her event'te güncellenir (görsel durum ETKİLENMEZ,\r\n   * zaten `values[0]` genelde mevcut değerle AYNI), ama CVA `onChange`/`onTouched`\r\n   * SADECE dolu bir dizi (gerçek bir seçim) geldiğinde tetiklenir — aksi halde\r\n   * Reactive Forms'a sahte \"null'a değişti\" bildirimleri sızardı.\r\n   */\r\n  protected onToolbarValueChange(values: readonly T[]): void {\r\n    this.value.set(values[0] ?? null);\r\n    if (values.length > 0) {\r\n      this.onChange(values[0]!);\r\n      this.onTouched();\r\n    }\r\n  }\r\n\r\n  protected itemClasses(option: SegmentedOption<T>): string {\r\n    return cn(\r\n      segmentedItemVariants({ selected: option.value === this.value(), disabled: this.disabled() }),\r\n    );\r\n  }\r\n}\r\n","<div\r\n  ngToolbar\r\n  [disabled]=\"disabled()\"\r\n  [value]=\"toolbarValue()\"\r\n  (valueChange)=\"onToolbarValueChange($event)\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  [class]=\"trackClasses()\"\r\n>\r\n  <!-- Kayan parça (core `[mfSlidingIndicator]`) — seçenekler `relative`, üstüne boyanır. -->\r\n  <span\r\n    mfSlidingIndicator\r\n    target='[data-selected=\"true\"]'\r\n    [track]=\"value()\"\r\n    class=\"inset-y-0.5 rounded-sm bg-surface shadow-1\"\r\n  ></span>\r\n  <div ngToolbarWidgetGroup [multi]=\"false\" [disabled]=\"disabled()\" class=\"contents\">\r\n    @for (option of options(); track option.value) {\r\n      <button\r\n        type=\"button\"\r\n        ngToolbarWidget\r\n        [value]=\"option.value\"\r\n        [attr.data-selected]=\"option.value === value()\"\r\n        [class]=\"itemClasses(option)\"\r\n      >\r\n        {{ option.label }}\r\n      </button>\r\n    }\r\n  </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["AriaToolbar","AriaToolbarWidgetGroup","AriaToolbarWidget"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import { input, model, inject, computed, signal, forwardRef, Component } from '@
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Chip } from '@mesgflow/ui-kit/chip';
 import { Icon } from '@mesgflow/ui-kit/icon';
-import { MF_SELECT_LABELS, cn } from '@mesgflow/ui-kit/core';
+import { focusRecipe, MF_SELECT_LABELS, cn } from '@mesgflow/ui-kit/core';
 import { Popover } from '@mesgflow/ui-kit/popover';
 import { cva } from 'class-variance-authority';
 
@@ -27,7 +27,8 @@ const selectTriggerVariants = cva(
     'transition-colors duration-fast ease-emphasis ' +
     'hover:border-border-strong ' +
     'focus:border-accent ' +
-    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring ' +
+    focusRecipe +
+    ' ' +
     'disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none disabled:hover:border-border', {
     variants: {
         size: {
@@ -211,10 +212,10 @@ class Select {
                 this.select(option);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Select, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Select, isStandalone: true, selector: "mf-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, maxVisibleChips: { classPropertyName: "maxVisibleChips", publicName: "maxVisibleChips", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", values: "valuesChange" }, host: { classAttribute: "block" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => Select), multi: true }], exportAs: ["mfSelect"], ngImport: i0, template: "<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  [class]=\"triggerClasses()\"\r\n  [disabled]=\"disabled()\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  [attr.aria-expanded]=\"open()\"\r\n  aria-haspopup=\"listbox\"\r\n  (click)=\"toggle()\"\r\n  (keydown)=\"onTriggerKeydown($event)\"\r\n>\r\n  @if (multiple()) {\r\n    @if (selectedOptions().length > 0) {\r\n      <span class=\"flex min-w-0 flex-1 flex-wrap items-center gap-1\">\r\n        @for (option of visibleChips(); track option.label) {\r\n          <mf-chip size=\"sm\">{{ option.label }}</mf-chip>\r\n        }\r\n        @if (overflowChipCount() > 0) {\r\n          <mf-chip size=\"sm\">+{{ overflowChipCount() }}</mf-chip>\r\n        }\r\n      </span>\r\n    } @else {\r\n      <span class=\"truncate text-fg-subtle\">{{ effectivePlaceholder() }}</span>\r\n    }\r\n  } @else {\r\n    <span class=\"truncate\" [class.text-fg-subtle]=\"!selectedLabel()\">\r\n      {{ selectedLabel() || effectivePlaceholder() }}\r\n    </span>\r\n  }\r\n  <span mfIcon [size]=\"18\" class=\"shrink-0 text-fg-subtle\">unfold_more</span>\r\n</button>\r\n\r\n<mf-popover\r\n  [origin]=\"origin\"\r\n  [open]=\"open()\"\r\n  placement=\"bottom-start\"\r\n  padding=\"sm\"\r\n  [matchTriggerWidth]=\"true\"\r\n  (closed)=\"close()\"\r\n>\r\n  <ul\r\n    role=\"listbox\"\r\n    tabindex=\"0\"\r\n    [attr.aria-multiselectable]=\"multiple() || null\"\r\n    class=\"w-full max-h-64 min-w-[8rem] text-sm\"\r\n    (keydown)=\"onPanelKeydown($event)\"\r\n  >\r\n    @for (option of options(); track option.label; let i = $index) {\r\n      <!-- role=\"option\" B\u0130LEREK odaklanabilir de\u011Fil \u2014 klavye gezinmesi yukar\u0131daki listbox (keydown)'da merkezi. -->\r\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\r\n      <li\r\n        role=\"option\"\r\n        [attr.aria-selected]=\"isSelected(option)\"\r\n        [class]=\"optionClasses(option, i)\"\r\n        (mouseenter)=\"highlighted.set(i)\"\r\n        (click)=\"select(option)\"\r\n      >\r\n        <span class=\"truncate\">{{ option.label }}</span>\r\n        @if (isSelected(option)) {\r\n          <span mfIcon [size]=\"16\">check</span>\r\n        }\r\n      </li>\r\n    }\r\n  </ul>\r\n</mf-popover>\r\n", dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "component", type: Popover, selector: "mf-popover", inputs: ["origin", "open", "placement", "padding", "hasBackdrop", "matchTriggerWidth", "panelClass"], outputs: ["openChange", "closed"], exportAs: ["mfPopover"] }, { kind: "component", type: Chip, selector: "mf-chip", inputs: ["tone", "size", "selected", "disabled", "removable", "removeLabel"], outputs: ["removed"], exportAs: ["mfChip"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: Select, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: Select, isStandalone: true, selector: "mf-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, maxVisibleChips: { classPropertyName: "maxVisibleChips", publicName: "maxVisibleChips", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", values: "valuesChange" }, host: { classAttribute: "block" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => Select), multi: true }], exportAs: ["mfSelect"], ngImport: i0, template: "<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  [class]=\"triggerClasses()\"\r\n  [disabled]=\"disabled()\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  [attr.aria-expanded]=\"open()\"\r\n  aria-haspopup=\"listbox\"\r\n  (click)=\"toggle()\"\r\n  (keydown)=\"onTriggerKeydown($event)\"\r\n>\r\n  @if (multiple()) {\r\n    @if (selectedOptions().length > 0) {\r\n      <span class=\"flex min-w-0 flex-1 flex-wrap items-center gap-1\">\r\n        @for (option of visibleChips(); track option.label) {\r\n          <mf-chip size=\"sm\">{{ option.label }}</mf-chip>\r\n        }\r\n        @if (overflowChipCount() > 0) {\r\n          <mf-chip size=\"sm\">+{{ overflowChipCount() }}</mf-chip>\r\n        }\r\n      </span>\r\n    } @else {\r\n      <span class=\"truncate text-fg-subtle\">{{ effectivePlaceholder() }}</span>\r\n    }\r\n  } @else {\r\n    <span class=\"truncate\" [class.text-fg-subtle]=\"!selectedLabel()\">\r\n      {{ selectedLabel() || effectivePlaceholder() }}\r\n    </span>\r\n  }\r\n  <span mfIcon [size]=\"18\" class=\"shrink-0 text-fg-subtle\">unfold_more</span>\r\n</button>\r\n\r\n<mf-popover\r\n  [origin]=\"origin\"\r\n  [open]=\"open()\"\r\n  placement=\"bottom-start\"\r\n  padding=\"sm\"\r\n  [matchTriggerWidth]=\"true\"\r\n  (closed)=\"close()\"\r\n>\r\n  <ul\r\n    role=\"listbox\"\r\n    tabindex=\"0\"\r\n    [attr.aria-multiselectable]=\"multiple() || null\"\r\n    class=\"w-full max-h-64 min-w-[8rem] text-sm\"\r\n    (keydown)=\"onPanelKeydown($event)\"\r\n  >\r\n    @for (option of options(); track option.label; let i = $index) {\r\n      <!-- role=\"option\" B\u0130LEREK odaklanabilir de\u011Fil \u2014 klavye gezinmesi yukar\u0131daki listbox (keydown)'da merkezi. -->\r\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\r\n      <li\r\n        role=\"option\"\r\n        [attr.aria-selected]=\"isSelected(option)\"\r\n        [class]=\"optionClasses(option, i)\"\r\n        (mouseenter)=\"highlighted.set(i)\"\r\n        (click)=\"select(option)\"\r\n      >\r\n        <span class=\"truncate\">{{ option.label }}</span>\r\n        @if (isSelected(option)) {\r\n          <span mfIcon [size]=\"16\">check</span>\r\n        }\r\n      </li>\r\n    }\r\n  </ul>\r\n</mf-popover>\r\n", dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "component", type: Popover, selector: "mf-popover", inputs: ["origin", "open", "placement", "padding", "hasBackdrop", "matchTriggerWidth", "panelClass"], outputs: ["openChange", "closed"], exportAs: ["mfPopover"] }, { kind: "component", type: Chip, selector: "mf-chip", inputs: ["tone", "size", "selected", "disabled", "removable", "removeLabel"], outputs: ["removed"], exportAs: ["mfChip"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Select, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: Select, decorators: [{
             type: Component,
             args: [{ selector: 'mf-select', exportAs: 'mfSelect', imports: [OverlayModule, Icon, Popover, Chip], host: { class: 'block' }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => Select), multi: true }], template: "<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  [class]=\"triggerClasses()\"\r\n  [disabled]=\"disabled()\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  [attr.aria-expanded]=\"open()\"\r\n  aria-haspopup=\"listbox\"\r\n  (click)=\"toggle()\"\r\n  (keydown)=\"onTriggerKeydown($event)\"\r\n>\r\n  @if (multiple()) {\r\n    @if (selectedOptions().length > 0) {\r\n      <span class=\"flex min-w-0 flex-1 flex-wrap items-center gap-1\">\r\n        @for (option of visibleChips(); track option.label) {\r\n          <mf-chip size=\"sm\">{{ option.label }}</mf-chip>\r\n        }\r\n        @if (overflowChipCount() > 0) {\r\n          <mf-chip size=\"sm\">+{{ overflowChipCount() }}</mf-chip>\r\n        }\r\n      </span>\r\n    } @else {\r\n      <span class=\"truncate text-fg-subtle\">{{ effectivePlaceholder() }}</span>\r\n    }\r\n  } @else {\r\n    <span class=\"truncate\" [class.text-fg-subtle]=\"!selectedLabel()\">\r\n      {{ selectedLabel() || effectivePlaceholder() }}\r\n    </span>\r\n  }\r\n  <span mfIcon [size]=\"18\" class=\"shrink-0 text-fg-subtle\">unfold_more</span>\r\n</button>\r\n\r\n<mf-popover\r\n  [origin]=\"origin\"\r\n  [open]=\"open()\"\r\n  placement=\"bottom-start\"\r\n  padding=\"sm\"\r\n  [matchTriggerWidth]=\"true\"\r\n  (closed)=\"close()\"\r\n>\r\n  <ul\r\n    role=\"listbox\"\r\n    tabindex=\"0\"\r\n    [attr.aria-multiselectable]=\"multiple() || null\"\r\n    class=\"w-full max-h-64 min-w-[8rem] text-sm\"\r\n    (keydown)=\"onPanelKeydown($event)\"\r\n  >\r\n    @for (option of options(); track option.label; let i = $index) {\r\n      <!-- role=\"option\" B\u0130LEREK odaklanabilir de\u011Fil \u2014 klavye gezinmesi yukar\u0131daki listbox (keydown)'da merkezi. -->\r\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\r\n      <li\r\n        role=\"option\"\r\n        [attr.aria-selected]=\"isSelected(option)\"\r\n        [class]=\"optionClasses(option, i)\"\r\n        (mouseenter)=\"highlighted.set(i)\"\r\n        (click)=\"select(option)\"\r\n      >\r\n        <span class=\"truncate\">{{ option.label }}</span>\r\n        @if (isSelected(option)) {\r\n          <span mfIcon [size]=\"16\">check</span>\r\n        }\r\n      </li>\r\n    }\r\n  </ul>\r\n</mf-popover>\r\n" }]
         }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }, { type: i0.Output, args: ["valuesChange"] }], maxVisibleChips: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxVisibleChips", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });

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

@@ -1 +1 @@
-{"version":3,"file":"mesgflow-ui-kit-select.mjs","sources":["../../../projects/ui-kit/select/select.variants.ts","../../../projects/ui-kit/select/select.ts","../../../projects/ui-kit/select/select.html","../../../projects/ui-kit/select/mesgflow-ui-kit-select.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\r\n\r\n/**\r\n * Bkz. `core/recipes.ts` `controlSurface` — aynı kabuk, tetikleyici bir\r\n * <button>'a uygulanıyor. `focus:border-accent` — Input/Combobox'ın ZATEN\r\n * sahip olduğu odak kenarlığı burada eksikti (gerçek bulgu): odaklı bir\r\n * select yalnızca outline ile belli oluyordu, kenarlık aksanlanmıyordu.\r\n */\r\nexport const selectTriggerVariants = cva(\r\n  /*\r\n   * `appearance-none`: bkz. button.variants.ts'teki aynı gerekçe — sıfırlamazsan\r\n   * tarayıcının varsayılan `<button>` kenarlığı+dolgusu bu cva'nın\r\n   * border/padding'iyle ÜST ÜSTE biner (gerçek bulgu, ilk ekran görüntüsünde\r\n   * kolon başlıklarındaki sıralama butonları yanlışlıkla select kutusu gibi\r\n   * göründü).\r\n   */\r\n  'inline-flex w-full appearance-none items-center justify-between gap-2 rounded-md border border-border bg-surface text-fg shadow-control ' +\r\n    'transition-colors duration-fast ease-emphasis ' +\r\n    'hover:border-border-strong ' +\r\n    'focus:border-accent ' +\r\n    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring ' +\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: 'h-control-sm px-2.5 text-sm',\r\n        md: 'h-control-md px-3 text-sm',\r\n        lg: 'h-control-lg px-3.5 text-base',\r\n      },\r\n      /** Input/NumberInput ile aynı emsal — `@angular/forms/signals` rezerve `invalid` yerine `hasError`. */\r\n      hasError: {\r\n        true: '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 SelectSize = VariantProps<typeof selectTriggerVariants>['size'];\r\nexport type SelectHasError = VariantProps<typeof selectTriggerVariants>['hasError'];\r\n","import { OverlayModule } from '@angular/cdk/overlay';\r\nimport { Component, computed, forwardRef, inject, input, model, signal } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR, type ControlValueAccessor } from '@angular/forms';\r\nimport { Chip } from '@mesgflow/ui-kit/chip';\r\nimport { Icon } from '@mesgflow/ui-kit/icon';\r\nimport { cn, MF_SELECT_LABELS } from '@mesgflow/ui-kit/core';\r\nimport { Popover } from '@mesgflow/ui-kit/popover';\r\nimport { selectTriggerVariants, type SelectSize } from './select.variants';\r\n\r\nexport interface SelectOption<T> {\r\n  label: string;\r\n  value: T;\r\n}\r\n\r\n/**\r\n * `<mf-select [options]=\"opts\" [(value)]=\"chosen\" placeholder=\"Seç\" />`\r\n * (tek-seçimli, varsayılan) veya `<mf-select multiple [options]=\"opts\"\r\n * [(values)]=\"chosen\" />` (çoklu-seçim — tetikleyici seçilenleri Chip\r\n * özeti olarak gösterir, bir seçeneğe tıklamak paneli KAPATMAZ, tekrar\r\n * tıklamak seçimi KALDIRIR).\r\n *\r\n * `multiple` AÇIKKEN `value`/`(valueChange)` KULLANILMAZ — ayrı bir\r\n * `values: model<T[]>` var (bkz. aşağıda). İkisini AYIRMANIN sebebi:\r\n * `value`'nun TİPİNİ (`T | null`) tek-seçimli kullanım için DEĞİŞTİRMEDEN\r\n * bırakmak — mevcut tüm `[(value)]=\"tekTip\"` tüketicileri (Table'ın alan/\r\n * operatör/sayfa-boyutu seçicileri, TableFilterBar'ın VE/VEYA seçicisi)\r\n * BİREBİR aynı tipte kalıyor, çoklu-seçim EKLENTİ, DEĞİŞİKLİK değil.\r\n *\r\n * Bu kitin ilk overlay tabanlı primitifi — native `<select>` değil,\r\n * çünkü açılır panelin kendisi (arka plan/kenarlık/hover rengi) native\r\n * `<select>` popup'ında tarayıcı-bağımlı ve stillenemez kalıyordu; CDK Overlay\r\n * + kendi listbox'ımız panel dahil her pikseli bizim token sistemimizle\r\n * boyayabiliyor. `@angular/cdk` zaten bağımlı, ek paket gerekmedi — pozisyonlama\r\n * CSS'i `styles.css`'teki resmi `@angular/cdk/overlay-prebuilt.css`\r\n * import'undan geliyor (bkz. o import'un yanındaki not).\r\n *\r\n * Arama/virtual-scroll YOK — Table'ın alan/operatör/sayfa-boyutu\r\n * seçicileri gibi kısa listeler için kasıtlı olarak minimal.\r\n */\r\n@Component({\r\n  selector: 'mf-select',\r\n  exportAs: 'mfSelect',\r\n  imports: [OverlayModule, Icon, Popover, Chip],\r\n  host: { class: 'block' },\r\n  templateUrl: './select.html',\r\n  // `@angular/forms/signals`'ın `FormField` directive'i `[formField]` uygulandığı elemanda\r\n  // `NG_VALUE_ACCESSOR`'ı `{self: true}` ile arıyor (bkz. signals.mjs `FormField.controlValueAccessors`)\r\n  // — bulamazsa native form elemanı VARSAYIYOR. `mf-select` native değil (kendi CDK Overlay\r\n  // panelini çizen bir component), o yüzden `invite-user-form`/`user-form`'daki\r\n  // `[formField]=\"...roleId\"` bağlamasının çalışması için bu sözleşmeyi KENDİMİZ uygulamak\r\n  // gerekiyor.\r\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => Select), multi: true }],\r\n})\r\nexport class Select<T> implements ControlValueAccessor {\r\n  readonly options = input.required<SelectOption<T>[]>();\r\n  readonly value = model<T | null>(null);\r\n  readonly multiple = input(false);\r\n  /** SADECE `multiple=true`'da kullanılır — bkz. sınıf üstündeki JSDoc. */\r\n  readonly values = model<T[]>([]);\r\n  readonly maxVisibleChips = input(3);\r\n  readonly placeholder = input<string>();\r\n  readonly disabled = input(false);\r\n  readonly size = input<SelectSize>('md');\r\n  readonly hasError = input(false);\r\n  readonly ariaLabel = input('');\r\n\r\n  // `ControlValueAccessor`'ın gerçek Angular arayüzü `any` kullanıyor (bkz.\r\n  // `@angular/forms`'un kendi tip tanımı) — burada `T | T[] | null` YAZMAK bu\r\n  // sözleşmeyi İHLAL ETMİYOR, sadece tek/çoklu iki modu TEK bir callback\r\n  // çiftinde (onChange/onTouched) taşımayı mümkün kılıyor.\r\n  private onChange: (value: T | T[] | null) => void = () => {};\r\n  private onTouched: () => void = () => {};\r\n\r\n  private readonly selectLabels = inject(MF_SELECT_LABELS);\r\n  protected readonly effectivePlaceholder = computed(\r\n    () => this.placeholder() ?? this.selectLabels().placeholder,\r\n  );\r\n\r\n  protected readonly open = signal(false);\r\n  protected readonly highlighted = signal(0);\r\n\r\n  protected readonly triggerClasses = computed(() =>\r\n    cn(selectTriggerVariants({ size: this.size(), hasError: this.hasError() })),\r\n  );\r\n\r\n  protected readonly selectedLabel = computed(() => {\r\n    const current = this.value();\r\n    return this.options().find((option) => option.value === current)?.label ?? '';\r\n  });\r\n\r\n  protected readonly selectedOptions = computed(() => {\r\n    if (!this.multiple()) return [];\r\n    const selected = new Set(this.values());\r\n    return this.options().filter((o) => selected.has(o.value));\r\n  });\r\n  protected readonly visibleChips = computed(() =>\r\n    this.selectedOptions().slice(0, this.maxVisibleChips()),\r\n  );\r\n  protected readonly overflowChipCount = computed(() =>\r\n    Math.max(0, this.selectedOptions().length - this.maxVisibleChips()),\r\n  );\r\n\r\n  protected toggle(): void {\r\n    if (this.disabled()) return;\r\n    if (!this.open())\r\n      this.highlighted.set(\r\n        Math.max(\r\n          0,\r\n          this.options().findIndex((o) => o.value === this.value()),\r\n        ),\r\n      );\r\n    this.open.update((v) => !v);\r\n  }\r\n\r\n  protected close(): void {\r\n    this.open.set(false);\r\n    this.onTouched();\r\n  }\r\n\r\n  /** Tek-seçimli modda seçeneği commit eder VE paneli kapatır; çoklu-seçim modunda `toggleValue`'ya devreder (panel AÇIK kalır — bkz. `toggleValue`). */\r\n  protected select(option: SelectOption<T>): void {\r\n    if (this.multiple()) {\r\n      this.toggleValue(option.value);\r\n      return;\r\n    }\r\n    this.value.set(option.value);\r\n    this.onChange(option.value);\r\n    this.close();\r\n  }\r\n\r\n  /** Çoklu-seçimde bir değeri ekler/çıkarır — panel KAPANMAZ, kullanıcı birden fazla seçim yapabilir (Escape/dışarı tıklama ile kapatır). */\r\n  private toggleValue(v: T): void {\r\n    const current = this.values();\r\n    const next = current.includes(v) ? current.filter((x) => x !== v) : [...current, v];\r\n    this.values.set(next);\r\n    this.onChange(next);\r\n    this.onTouched();\r\n  }\r\n\r\n  writeValue(value: T | T[] | null): void {\r\n    if (this.multiple()) {\r\n      this.values.set(Array.isArray(value) ? value : []);\r\n    } else {\r\n      this.value.set(Array.isArray(value) ? null : value);\r\n    }\r\n  }\r\n\r\n  registerOnChange(fn: (value: T | T[] | null) => void): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  protected isSelected(option: SelectOption<T>): boolean {\r\n    if (this.multiple()) return this.values().includes(option.value);\r\n    return option.value === this.value();\r\n  }\r\n\r\n  protected optionClasses(option: SelectOption<T>, index: number): string {\r\n    return cn(\r\n      // `rounded-sm`(6px) — panelin kendi `rounded-lg`(12px) kapsayıcısı\r\n      // içindeki İÇ İÇE (nested) daha küçük radius, bkz. styles.css radius\r\n      // notu: menü öğesi gibi kontrol-içi satırlar bir kademe küçük kalıyor.\r\n      'flex cursor-pointer items-center justify-between gap-2 rounded-sm px-2.5 py-1.5 text-fg-muted transition-colors duration-fast ease-emphasis',\r\n      index === this.highlighted() && !this.isSelected(option) && 'bg-surface-alt',\r\n      // Seçili satır Badge/Avatar'daki aynı tonal işaret rol token'ını\r\n      // konuşuyor (`color-mix()` tabanlı) — tutarlı \"tint fill\" imzası.\r\n      this.isSelected(option) && 'bg-primary-tint text-primary-tint-fg',\r\n    );\r\n  }\r\n\r\n  protected onTriggerKeydown(event: KeyboardEvent): void {\r\n    if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {\r\n      event.preventDefault();\r\n      if (!this.open()) this.toggle();\r\n    }\r\n  }\r\n\r\n  protected onPanelKeydown(event: KeyboardEvent): void {\r\n    const options = this.options();\r\n    if (event.key === 'Escape') {\r\n      event.preventDefault();\r\n      this.close();\r\n      return;\r\n    }\r\n    if (event.key === 'ArrowDown') {\r\n      event.preventDefault();\r\n      this.highlighted.update((i) => Math.min(options.length - 1, i + 1));\r\n      return;\r\n    }\r\n    if (event.key === 'ArrowUp') {\r\n      event.preventDefault();\r\n      this.highlighted.update((i) => Math.max(0, i - 1));\r\n      return;\r\n    }\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      event.preventDefault();\r\n      const option = options[this.highlighted()];\r\n      if (option) this.select(option);\r\n    }\r\n  }\r\n}\r\n","<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  [class]=\"triggerClasses()\"\r\n  [disabled]=\"disabled()\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  [attr.aria-expanded]=\"open()\"\r\n  aria-haspopup=\"listbox\"\r\n  (click)=\"toggle()\"\r\n  (keydown)=\"onTriggerKeydown($event)\"\r\n>\r\n  @if (multiple()) {\r\n    @if (selectedOptions().length > 0) {\r\n      <span class=\"flex min-w-0 flex-1 flex-wrap items-center gap-1\">\r\n        @for (option of visibleChips(); track option.label) {\r\n          <mf-chip size=\"sm\">{{ option.label }}</mf-chip>\r\n        }\r\n        @if (overflowChipCount() > 0) {\r\n          <mf-chip size=\"sm\">+{{ overflowChipCount() }}</mf-chip>\r\n        }\r\n      </span>\r\n    } @else {\r\n      <span class=\"truncate text-fg-subtle\">{{ effectivePlaceholder() }}</span>\r\n    }\r\n  } @else {\r\n    <span class=\"truncate\" [class.text-fg-subtle]=\"!selectedLabel()\">\r\n      {{ selectedLabel() || effectivePlaceholder() }}\r\n    </span>\r\n  }\r\n  <span mfIcon [size]=\"18\" class=\"shrink-0 text-fg-subtle\">unfold_more</span>\r\n</button>\r\n\r\n<mf-popover\r\n  [origin]=\"origin\"\r\n  [open]=\"open()\"\r\n  placement=\"bottom-start\"\r\n  padding=\"sm\"\r\n  [matchTriggerWidth]=\"true\"\r\n  (closed)=\"close()\"\r\n>\r\n  <ul\r\n    role=\"listbox\"\r\n    tabindex=\"0\"\r\n    [attr.aria-multiselectable]=\"multiple() || null\"\r\n    class=\"w-full max-h-64 min-w-[8rem] text-sm\"\r\n    (keydown)=\"onPanelKeydown($event)\"\r\n  >\r\n    @for (option of options(); track option.label; let i = $index) {\r\n      <!-- role=\"option\" BİLEREK odaklanabilir değil — klavye gezinmesi yukarıdaki listbox (keydown)'da merkezi. -->\r\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\r\n      <li\r\n        role=\"option\"\r\n        [attr.aria-selected]=\"isSelected(option)\"\r\n        [class]=\"optionClasses(option, i)\"\r\n        (mouseenter)=\"highlighted.set(i)\"\r\n        (click)=\"select(option)\"\r\n      >\r\n        <span class=\"truncate\">{{ option.label }}</span>\r\n        @if (isSelected(option)) {\r\n          <span mfIcon [size]=\"16\">check</span>\r\n        }\r\n      </li>\r\n    }\r\n  </ul>\r\n</mf-popover>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAEA;;;;;AAKG;AACI,MAAM,qBAAqB,GAAG,GAAG;AACtC;;;;;;AAMG;AACH,0IAA0I;IACxI,gDAAgD;IAChD,6BAA6B;IAC7B,sBAAsB;IACtB,gHAAgH;AAChH,IAAA,gIAAgI,EAClI;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,6BAA6B;AACjC,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,+BAA+B;AACpC,SAAA;;AAED,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,4CAA4C;AAClD,YAAA,KAAK,EAAE,EAAE;AACV,SAAA;AACF,KAAA;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;AACjD,CAAA;;ACtBH;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;MAeU,MAAM,CAAA;IACR,OAAO,GAAG,KAAK,CAAC,QAAQ;gFAAqB;IAC7C,KAAK,GAAG,KAAK,CAAW,IAAI;8EAAC;IAC7B,QAAQ,GAAG,KAAK,CAAC,KAAK;iFAAC;;IAEvB,MAAM,GAAG,KAAK,CAAM,EAAE;+EAAC;IACvB,eAAe,GAAG,KAAK,CAAC,CAAC;wFAAC;AAC1B,IAAA,WAAW,GAAG,KAAK;+FAAU;IAC7B,QAAQ,GAAG,KAAK,CAAC,KAAK;iFAAC;IACvB,IAAI,GAAG,KAAK,CAAa,IAAI;6EAAC;IAC9B,QAAQ,GAAG,KAAK,CAAC,KAAK;iFAAC;IACvB,SAAS,GAAG,KAAK,CAAC,EAAE;kFAAC;;;;;AAMtB,IAAA,QAAQ,GAAoC,MAAK,EAAE,CAAC;AACpD,IAAA,SAAS,GAAe,MAAK,EAAE,CAAC;AAEvB,IAAA,YAAY,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACrC,IAAA,oBAAoB,GAAG,QAAQ,CAChD,MAAM,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC,WAAW;6FAC5D;IAEkB,IAAI,GAAG,MAAM,CAAC,KAAK;6EAAC;IACpB,WAAW,GAAG,MAAM,CAAC,CAAC;oFAAC;IAEvB,cAAc,GAAG,QAAQ,CAAC,MAC3C,EAAE,CAAC,qBAAqB,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;uFAC5E;AAEkB,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC/C,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE;QAC5B,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,EAAE,KAAK,IAAI,EAAE;IAC/E,CAAC;sFAAC;AAEiB,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACjD,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAAE,YAAA,OAAO,EAAE;QAC/B,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACvC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5D,CAAC;wFAAC;AACiB,IAAA,YAAY,GAAG,QAAQ,CAAC,MACzC,IAAI,CAAC,eAAe,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC;qFACxD;IACkB,iBAAiB,GAAG,QAAQ,CAAC,MAC9C,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;0FACpE;IAES,MAAM,GAAA;QACd,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AACd,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAClB,IAAI,CAAC,GAAG,CACN,CAAC,EACD,IAAI,CAAC,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC,CAC1D,CACF;AACH,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7B;IAEU,KAAK,GAAA;AACb,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;QACpB,IAAI,CAAC,SAAS,EAAE;IAClB;;AAGU,IAAA,MAAM,CAAC,MAAuB,EAAA;AACtC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC;YAC9B;QACF;QACA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC;AAC5B,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,KAAK,EAAE;IACd;;AAGQ,IAAA,WAAW,CAAC,CAAI,EAAA;AACtB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE;AAC7B,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,OAAO,EAAE,CAAC,CAAC;AACnF,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;AACrB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACnB,IAAI,CAAC,SAAS,EAAE;IAClB;AAEA,IAAA,UAAU,CAAC,KAAqB,EAAA;AAC9B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;QACpD;aAAO;YACL,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;QACrD;IACF;AAEA,IAAA,gBAAgB,CAAC,EAAmC,EAAA;AAClD,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACpB;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEU,IAAA,UAAU,CAAC,MAAuB,EAAA;QAC1C,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;QAChE,OAAO,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;IACtC;IAEU,aAAa,CAAC,MAAuB,EAAE,KAAa,EAAA;AAC5D,QAAA,OAAO,EAAE;;;;AAIP,QAAA,6IAA6I,EAC7I,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,gBAAgB;;;QAG5E,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,sCAAsC,CAClE;IACH;AAEU,IAAA,gBAAgB,CAAC,KAAoB,EAAA;AAC7C,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YAC3E,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;gBAAE,IAAI,CAAC,MAAM,EAAE;QACjC;IACF;AAEU,IAAA,cAAc,CAAC,KAAoB,EAAA;AAC3C,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;AAC9B,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC1B,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,KAAK,EAAE;YACZ;QACF;AACA,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;YAC7B,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;YACnE;QACF;AACA,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;YAC3B,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;YAClD;QACF;AACA,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YAC9C,KAAK,CAAC,cAAc,EAAE;YACtB,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;AAC1C,YAAA,IAAI,MAAM;AAAE,gBAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QACjC;IACF;uGArJW,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,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,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,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,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,aAAA,EAAA,MAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAFN,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnDjG,w0EAkEA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxBY,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,4DAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,IAAI,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,yNAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAWjC,MAAM,EAAA,UAAA,EAAA,CAAA;kBAdlB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,YACX,UAAU,EAAA,OAAA,EACX,CAAC,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,EAAA,IAAA,EACvC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,SAAA,EAQb,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAA,QAAA,EAAA,w0EAAA,EAAA;;;AEnDjG;;AAEG;;"}
+{"version":3,"file":"mesgflow-ui-kit-select.mjs","sources":["../../../projects/ui-kit/select/select.variants.ts","../../../projects/ui-kit/select/select.ts","../../../projects/ui-kit/select/select.html","../../../projects/ui-kit/select/mesgflow-ui-kit-select.ts"],"sourcesContent":["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` — aynı kabuk, tetikleyici bir\r\n * <button>'a uygulanıyor. `focus:border-accent` — Input/Combobox'ın ZATEN\r\n * sahip olduğu odak kenarlığı burada eksikti (gerçek bulgu): odaklı bir\r\n * select yalnızca outline ile belli oluyordu, kenarlık aksanlanmıyordu.\r\n */\r\nexport const selectTriggerVariants = cva(\r\n  /*\r\n   * `appearance-none`: bkz. button.variants.ts'teki aynı gerekçe — sıfırlamazsan\r\n   * tarayıcının varsayılan `<button>` kenarlığı+dolgusu bu cva'nın\r\n   * border/padding'iyle ÜST ÜSTE biner (gerçek bulgu, ilk ekran görüntüsünde\r\n   * kolon başlıklarındaki sıralama butonları yanlışlıkla select kutusu gibi\r\n   * göründü).\r\n   */\r\n  'inline-flex w-full appearance-none items-center justify-between gap-2 rounded-md border border-border bg-surface text-fg shadow-control ' +\r\n    'transition-colors duration-fast ease-emphasis ' +\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: 'h-control-sm px-2.5 text-sm',\r\n        md: 'h-control-md px-3 text-sm',\r\n        lg: 'h-control-lg px-3.5 text-base',\r\n      },\r\n      /** Input/NumberInput ile aynı emsal — `@angular/forms/signals` rezerve `invalid` yerine `hasError`. */\r\n      hasError: {\r\n        true: '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 SelectSize = VariantProps<typeof selectTriggerVariants>['size'];\r\nexport type SelectHasError = VariantProps<typeof selectTriggerVariants>['hasError'];\r\n","import { OverlayModule } from '@angular/cdk/overlay';\r\nimport { Component, computed, forwardRef, inject, input, model, signal } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR, type ControlValueAccessor } from '@angular/forms';\r\nimport { Chip } from '@mesgflow/ui-kit/chip';\r\nimport { Icon } from '@mesgflow/ui-kit/icon';\r\nimport { cn, MF_SELECT_LABELS } from '@mesgflow/ui-kit/core';\r\nimport { Popover } from '@mesgflow/ui-kit/popover';\r\nimport { selectTriggerVariants, type SelectSize } from './select.variants';\r\n\r\nexport interface SelectOption<T> {\r\n  label: string;\r\n  value: T;\r\n}\r\n\r\n/**\r\n * `<mf-select [options]=\"opts\" [(value)]=\"chosen\" placeholder=\"Seç\" />`\r\n * (tek-seçimli, varsayılan) veya `<mf-select multiple [options]=\"opts\"\r\n * [(values)]=\"chosen\" />` (çoklu-seçim — tetikleyici seçilenleri Chip\r\n * özeti olarak gösterir, bir seçeneğe tıklamak paneli KAPATMAZ, tekrar\r\n * tıklamak seçimi KALDIRIR).\r\n *\r\n * `multiple` AÇIKKEN `value`/`(valueChange)` KULLANILMAZ — ayrı bir\r\n * `values: model<T[]>` var (bkz. aşağıda). İkisini AYIRMANIN sebebi:\r\n * `value`'nun TİPİNİ (`T | null`) tek-seçimli kullanım için DEĞİŞTİRMEDEN\r\n * bırakmak — mevcut tüm `[(value)]=\"tekTip\"` tüketicileri (Table'ın alan/\r\n * operatör/sayfa-boyutu seçicileri, TableFilterBar'ın VE/VEYA seçicisi)\r\n * BİREBİR aynı tipte kalıyor, çoklu-seçim EKLENTİ, DEĞİŞİKLİK değil.\r\n *\r\n * Bu kitin ilk overlay tabanlı primitifi — native `<select>` değil,\r\n * çünkü açılır panelin kendisi (arka plan/kenarlık/hover rengi) native\r\n * `<select>` popup'ında tarayıcı-bağımlı ve stillenemez kalıyordu; CDK Overlay\r\n * + kendi listbox'ımız panel dahil her pikseli bizim token sistemimizle\r\n * boyayabiliyor. `@angular/cdk` zaten bağımlı, ek paket gerekmedi — pozisyonlama\r\n * CSS'i `styles.css`'teki resmi `@angular/cdk/overlay-prebuilt.css`\r\n * import'undan geliyor (bkz. o import'un yanındaki not).\r\n *\r\n * Arama/virtual-scroll YOK — Table'ın alan/operatör/sayfa-boyutu\r\n * seçicileri gibi kısa listeler için kasıtlı olarak minimal.\r\n */\r\n@Component({\r\n  selector: 'mf-select',\r\n  exportAs: 'mfSelect',\r\n  imports: [OverlayModule, Icon, Popover, Chip],\r\n  host: { class: 'block' },\r\n  templateUrl: './select.html',\r\n  // `@angular/forms/signals`'ın `FormField` directive'i `[formField]` uygulandığı elemanda\r\n  // `NG_VALUE_ACCESSOR`'ı `{self: true}` ile arıyor (bkz. signals.mjs `FormField.controlValueAccessors`)\r\n  // — bulamazsa native form elemanı VARSAYIYOR. `mf-select` native değil (kendi CDK Overlay\r\n  // panelini çizen bir component), o yüzden `invite-user-form`/`user-form`'daki\r\n  // `[formField]=\"...roleId\"` bağlamasının çalışması için bu sözleşmeyi KENDİMİZ uygulamak\r\n  // gerekiyor.\r\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => Select), multi: true }],\r\n})\r\nexport class Select<T> implements ControlValueAccessor {\r\n  readonly options = input.required<SelectOption<T>[]>();\r\n  readonly value = model<T | null>(null);\r\n  readonly multiple = input(false);\r\n  /** SADECE `multiple=true`'da kullanılır — bkz. sınıf üstündeki JSDoc. */\r\n  readonly values = model<T[]>([]);\r\n  readonly maxVisibleChips = input(3);\r\n  readonly placeholder = input<string>();\r\n  readonly disabled = input(false);\r\n  readonly size = input<SelectSize>('md');\r\n  readonly hasError = input(false);\r\n  readonly ariaLabel = input('');\r\n\r\n  // `ControlValueAccessor`'ın gerçek Angular arayüzü `any` kullanıyor (bkz.\r\n  // `@angular/forms`'un kendi tip tanımı) — burada `T | T[] | null` YAZMAK bu\r\n  // sözleşmeyi İHLAL ETMİYOR, sadece tek/çoklu iki modu TEK bir callback\r\n  // çiftinde (onChange/onTouched) taşımayı mümkün kılıyor.\r\n  private onChange: (value: T | T[] | null) => void = () => {};\r\n  private onTouched: () => void = () => {};\r\n\r\n  private readonly selectLabels = inject(MF_SELECT_LABELS);\r\n  protected readonly effectivePlaceholder = computed(\r\n    () => this.placeholder() ?? this.selectLabels().placeholder,\r\n  );\r\n\r\n  protected readonly open = signal(false);\r\n  protected readonly highlighted = signal(0);\r\n\r\n  protected readonly triggerClasses = computed(() =>\r\n    cn(selectTriggerVariants({ size: this.size(), hasError: this.hasError() })),\r\n  );\r\n\r\n  protected readonly selectedLabel = computed(() => {\r\n    const current = this.value();\r\n    return this.options().find((option) => option.value === current)?.label ?? '';\r\n  });\r\n\r\n  protected readonly selectedOptions = computed(() => {\r\n    if (!this.multiple()) return [];\r\n    const selected = new Set(this.values());\r\n    return this.options().filter((o) => selected.has(o.value));\r\n  });\r\n  protected readonly visibleChips = computed(() =>\r\n    this.selectedOptions().slice(0, this.maxVisibleChips()),\r\n  );\r\n  protected readonly overflowChipCount = computed(() =>\r\n    Math.max(0, this.selectedOptions().length - this.maxVisibleChips()),\r\n  );\r\n\r\n  protected toggle(): void {\r\n    if (this.disabled()) return;\r\n    if (!this.open())\r\n      this.highlighted.set(\r\n        Math.max(\r\n          0,\r\n          this.options().findIndex((o) => o.value === this.value()),\r\n        ),\r\n      );\r\n    this.open.update((v) => !v);\r\n  }\r\n\r\n  protected close(): void {\r\n    this.open.set(false);\r\n    this.onTouched();\r\n  }\r\n\r\n  /** Tek-seçimli modda seçeneği commit eder VE paneli kapatır; çoklu-seçim modunda `toggleValue`'ya devreder (panel AÇIK kalır — bkz. `toggleValue`). */\r\n  protected select(option: SelectOption<T>): void {\r\n    if (this.multiple()) {\r\n      this.toggleValue(option.value);\r\n      return;\r\n    }\r\n    this.value.set(option.value);\r\n    this.onChange(option.value);\r\n    this.close();\r\n  }\r\n\r\n  /** Çoklu-seçimde bir değeri ekler/çıkarır — panel KAPANMAZ, kullanıcı birden fazla seçim yapabilir (Escape/dışarı tıklama ile kapatır). */\r\n  private toggleValue(v: T): void {\r\n    const current = this.values();\r\n    const next = current.includes(v) ? current.filter((x) => x !== v) : [...current, v];\r\n    this.values.set(next);\r\n    this.onChange(next);\r\n    this.onTouched();\r\n  }\r\n\r\n  writeValue(value: T | T[] | null): void {\r\n    if (this.multiple()) {\r\n      this.values.set(Array.isArray(value) ? value : []);\r\n    } else {\r\n      this.value.set(Array.isArray(value) ? null : value);\r\n    }\r\n  }\r\n\r\n  registerOnChange(fn: (value: T | T[] | null) => void): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  protected isSelected(option: SelectOption<T>): boolean {\r\n    if (this.multiple()) return this.values().includes(option.value);\r\n    return option.value === this.value();\r\n  }\r\n\r\n  protected optionClasses(option: SelectOption<T>, index: number): string {\r\n    return cn(\r\n      // `rounded-sm`(6px) — panelin kendi `rounded-lg`(12px) kapsayıcısı\r\n      // içindeki İÇ İÇE (nested) daha küçük radius, bkz. styles.css radius\r\n      // notu: menü öğesi gibi kontrol-içi satırlar bir kademe küçük kalıyor.\r\n      'flex cursor-pointer items-center justify-between gap-2 rounded-sm px-2.5 py-1.5 text-fg-muted transition-colors duration-fast ease-emphasis',\r\n      index === this.highlighted() && !this.isSelected(option) && 'bg-surface-alt',\r\n      // Seçili satır Badge/Avatar'daki aynı tonal işaret rol token'ını\r\n      // konuşuyor (`color-mix()` tabanlı) — tutarlı \"tint fill\" imzası.\r\n      this.isSelected(option) && 'bg-primary-tint text-primary-tint-fg',\r\n    );\r\n  }\r\n\r\n  protected onTriggerKeydown(event: KeyboardEvent): void {\r\n    if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {\r\n      event.preventDefault();\r\n      if (!this.open()) this.toggle();\r\n    }\r\n  }\r\n\r\n  protected onPanelKeydown(event: KeyboardEvent): void {\r\n    const options = this.options();\r\n    if (event.key === 'Escape') {\r\n      event.preventDefault();\r\n      this.close();\r\n      return;\r\n    }\r\n    if (event.key === 'ArrowDown') {\r\n      event.preventDefault();\r\n      this.highlighted.update((i) => Math.min(options.length - 1, i + 1));\r\n      return;\r\n    }\r\n    if (event.key === 'ArrowUp') {\r\n      event.preventDefault();\r\n      this.highlighted.update((i) => Math.max(0, i - 1));\r\n      return;\r\n    }\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      event.preventDefault();\r\n      const option = options[this.highlighted()];\r\n      if (option) this.select(option);\r\n    }\r\n  }\r\n}\r\n","<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  [class]=\"triggerClasses()\"\r\n  [disabled]=\"disabled()\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  [attr.aria-expanded]=\"open()\"\r\n  aria-haspopup=\"listbox\"\r\n  (click)=\"toggle()\"\r\n  (keydown)=\"onTriggerKeydown($event)\"\r\n>\r\n  @if (multiple()) {\r\n    @if (selectedOptions().length > 0) {\r\n      <span class=\"flex min-w-0 flex-1 flex-wrap items-center gap-1\">\r\n        @for (option of visibleChips(); track option.label) {\r\n          <mf-chip size=\"sm\">{{ option.label }}</mf-chip>\r\n        }\r\n        @if (overflowChipCount() > 0) {\r\n          <mf-chip size=\"sm\">+{{ overflowChipCount() }}</mf-chip>\r\n        }\r\n      </span>\r\n    } @else {\r\n      <span class=\"truncate text-fg-subtle\">{{ effectivePlaceholder() }}</span>\r\n    }\r\n  } @else {\r\n    <span class=\"truncate\" [class.text-fg-subtle]=\"!selectedLabel()\">\r\n      {{ selectedLabel() || effectivePlaceholder() }}\r\n    </span>\r\n  }\r\n  <span mfIcon [size]=\"18\" class=\"shrink-0 text-fg-subtle\">unfold_more</span>\r\n</button>\r\n\r\n<mf-popover\r\n  [origin]=\"origin\"\r\n  [open]=\"open()\"\r\n  placement=\"bottom-start\"\r\n  padding=\"sm\"\r\n  [matchTriggerWidth]=\"true\"\r\n  (closed)=\"close()\"\r\n>\r\n  <ul\r\n    role=\"listbox\"\r\n    tabindex=\"0\"\r\n    [attr.aria-multiselectable]=\"multiple() || null\"\r\n    class=\"w-full max-h-64 min-w-[8rem] text-sm\"\r\n    (keydown)=\"onPanelKeydown($event)\"\r\n  >\r\n    @for (option of options(); track option.label; let i = $index) {\r\n      <!-- role=\"option\" BİLEREK odaklanabilir değil — klavye gezinmesi yukarıdaki listbox (keydown)'da merkezi. -->\r\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\r\n      <li\r\n        role=\"option\"\r\n        [attr.aria-selected]=\"isSelected(option)\"\r\n        [class]=\"optionClasses(option, i)\"\r\n        (mouseenter)=\"highlighted.set(i)\"\r\n        (click)=\"select(option)\"\r\n      >\r\n        <span class=\"truncate\">{{ option.label }}</span>\r\n        @if (isSelected(option)) {\r\n          <span mfIcon [size]=\"16\">check</span>\r\n        }\r\n      </li>\r\n    }\r\n  </ul>\r\n</mf-popover>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}