@mesgflow/ui-kit 0.6.0 → 0.7.0

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { input, output, computed, signal, Component, inject, model, effect, untracked } from '@angular/core';
-import { cn, MF_SIDEBAR_LABELS } from '@mesgflow/ui-kit/core';
+import { focusRecipe, cn, MF_SIDEBAR_LABELS } from '@mesgflow/ui-kit/core';
 import { Icon } from '@mesgflow/ui-kit/icon';
 import { Tooltip } from '@mesgflow/ui-kit/tooltip';
 import { cva } from 'class-variance-authority';
@@ -67,14 +67,15 @@ const sidebarVariants = cva(
  * yoksa 2px'lik ray aktifleşirken satırın geri kalanı kayardı (layout shift).
  *
  * Brand sınıfları (`group-data-[appearance=brand]/sidebar:…`) özgüllükte
- * (0,2,0) — düz `text-fg-muted`/`hover:bg-surface-alt` (0,1,0) ve `dark:`
+ * (0,2,0) — düz `text-fg-muted`/`hover:bg-state-hover` (0,1,0) ve `dark:`
  * (0,1,0) varyantlarının HER İKİSİNİ de cascade sırasından bağımsız yener,
  * bu yüzden ayrı bir `dark:` ikizi yazmaya gerek yok (brand görünümü iki
  * modda da AYNI).
  */
 const sidebarNavItemVariants = cva('group flex w-full appearance-none items-center gap-3 rounded-sm border-0 border-s-2 border-s-transparent bg-transparent px-3 py-2 text-start text-sm font-medium ' +
-    'text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-surface-alt hover:text-fg ' +
-    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring ' +
+    'text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-state-hover hover:text-fg ' +
+    focusRecipe +
+    ' ' +
     'group-data-[appearance=brand]/sidebar:text-primary-200 ' +
     'group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:hover:text-primary-50 ' +
     'group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 ' +
@@ -121,7 +122,9 @@ const sidebarNavItemVariants = cva('group flex w-full appearance-none items-cent
 });
 
 /** Genişkenken akordeonda açılan çocuk satırı — brand görünümde metin/hover/odak marka tonlu (bkz. sidebar.variants.ts doc'u, aynı özgüllük mantığı). */
-const CHILD_ROW_BASE = 'flex w-full appearance-none items-center gap-3 rounded-sm border-0 bg-transparent py-1.5 pe-3 ps-9 text-start text-label text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-surface-alt hover:text-fg focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring ' +
+const CHILD_ROW_BASE = 'flex w-full appearance-none items-center gap-3 rounded-sm border-0 bg-transparent py-1.5 pe-3 ps-9 text-start text-label text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-state-hover hover:text-fg ' +
+    focusRecipe +
+    ' ' +
     'group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 ' +
     'group-data-[appearance=brand]/sidebar:hover:text-primary-50 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 ' +
     'group-data-[appearance=brand-light]/sidebar:text-primary-700 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 ' +
@@ -182,11 +185,11 @@ class SidebarNavItemRow {
         this.flyoutOpen.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SidebarNavItemRow, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: SidebarNavItemRow, isStandalone: true, selector: "mf-sidebar-nav-item", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, activeItemId: { classPropertyName: "activeItemId", publicName: "activeItemId", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activate: "activate", toggleExpand: "toggleExpand" }, host: { classAttribute: "contents" }, ngImport: i0, template: "<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  [class]=\"rowClasses()\"\r\n  [attr.aria-expanded]=\"hasChildren() && !collapsed() ? expanded() : null\"\r\n  [attr.aria-current]=\"isActive() && !hasChildren() ? 'page' : null\"\r\n  [attr.aria-label]=\"collapsed() ? item().label : null\"\r\n  [mfTooltip]=\"collapsed() ? item().label : ''\"\r\n  tooltipPosition=\"right\"\r\n  (click)=\"onRowClick()\"\r\n>\r\n  <span mfIcon [size]=\"20\" [filled]=\"isActive()\">{{ item().icon }}</span>\r\n\r\n  @if (!collapsed()) {\r\n    <span class=\"min-w-0 flex-1 truncate\">{{ item().label }}</span>\r\n    @if (item().badge !== undefined) {\r\n      <span\r\n        class=\"rounded-full bg-primary-tint px-1.5 py-0.5 font-mono text-eyebrow text-primary-tint-fg group-data-[appearance=brand]/sidebar:bg-primary-800 group-data-[appearance=brand]/sidebar:text-primary-100 group-data-[appearance=brand-light]/sidebar:bg-primary-200 group-data-[appearance=brand-light]/sidebar:text-primary-800\"\r\n      >\r\n        {{ item().badge }}\r\n      </span>\r\n    }\r\n    @if (hasChildren()) {\r\n      <span\r\n        mfIcon\r\n        [size]=\"16\"\r\n        class=\"shrink-0 text-fg-subtle transition-transform duration-base group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700 rtl:-scale-x-100\"\r\n        [class.rotate-90]=\"expanded()\"\r\n        [class.rtl:-rotate-90]=\"expanded()\"\r\n      >\r\n        chevron_right\r\n      </span>\r\n    }\r\n  }\r\n</button>\r\n\r\n@if (hasChildren() && !collapsed()) {\r\n  <div\r\n    class=\"grid overflow-hidden transition-[grid-template-rows] duration-base ease-out\"\r\n    [style.grid-template-rows]=\"expanded() ? '1fr' : '0fr'\"\r\n    [attr.inert]=\"expanded() ? null : true\"\r\n  >\r\n    <ul class=\"m-0 min-h-0 list-none overflow-hidden p-0\">\r\n      @for (child of item().children; track child.id) {\r\n        <li>\r\n          <button type=\"button\" [class]=\"childRowClasses(child)\" (click)=\"onChildClick(child)\">\r\n            <span mfIcon [size]=\"16\">{{ child.icon }}</span>\r\n            <span class=\"truncate\">{{ child.label }}</span>\r\n          </button>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n}\r\n\r\n@if (hasChildren() && collapsed()) {\r\n  <mf-popover\r\n    [origin]=\"origin\"\r\n    [open]=\"flyoutOpen()\"\r\n    placement=\"right-start\"\r\n    padding=\"sm\"\r\n    panelClass=\"min-w-48\"\r\n    (closed)=\"closeFlyout()\"\r\n  >\r\n    <div role=\"menu\" [attr.aria-label]=\"item().label\">\r\n      <p class=\"truncate px-2.5 py-1.5 text-eyebrow text-fg-subtle\">{{ item().label }}</p>\r\n      @for (child of item().children; track child.id) {\r\n        <button\r\n          type=\"button\"\r\n          role=\"menuitem\"\r\n          class=\"flex w-full appearance-none items-center gap-2.5 rounded-sm border-0 bg-transparent px-2.5 py-1.5 text-start text-sm font-medium text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-surface-alt\"\r\n          (click)=\"onChildClick(child)\"\r\n        >\r\n          <span mfIcon [size]=\"16\">{{ child.icon }}</span>\r\n          <span class=\"truncate\">{{ child.label }}</span>\r\n        </button>\r\n      }\r\n    </div>\r\n  </mf-popover>\r\n}\r\n", dependencies: [{ kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: Popover, selector: "mf-popover", inputs: ["origin", "open", "placement", "padding", "hasBackdrop", "matchTriggerWidth", "panelClass"], outputs: ["openChange", "closed"], exportAs: ["mfPopover"] }, { kind: "directive", type: Tooltip, selector: "[mfTooltip], [mfTooltipContent]", inputs: ["mfTooltip", "mfTooltipContent", "tooltipPosition"], exportAs: ["mfTooltip"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: SidebarNavItemRow, isStandalone: true, selector: "mf-sidebar-nav-item", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, activeItemId: { classPropertyName: "activeItemId", publicName: "activeItemId", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activate: "activate", toggleExpand: "toggleExpand" }, host: { classAttribute: "contents" }, ngImport: i0, template: "<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  [class]=\"rowClasses()\"\r\n  [attr.aria-expanded]=\"hasChildren() && !collapsed() ? expanded() : null\"\r\n  [attr.aria-current]=\"isActive() && !hasChildren() ? 'page' : null\"\r\n  [attr.aria-label]=\"collapsed() ? item().label : null\"\r\n  [mfTooltip]=\"collapsed() ? item().label : ''\"\r\n  tooltipPosition=\"right\"\r\n  (click)=\"onRowClick()\"\r\n>\r\n  <span mfIcon [size]=\"20\" [filled]=\"isActive()\">{{ item().icon }}</span>\r\n\r\n  @if (!collapsed()) {\r\n    <span class=\"min-w-0 flex-1 truncate\">{{ item().label }}</span>\r\n    @if (item().badge !== undefined) {\r\n      <span\r\n        class=\"rounded-full bg-primary-tint px-1.5 py-0.5 font-mono text-eyebrow text-primary-tint-fg group-data-[appearance=brand]/sidebar:bg-primary-800 group-data-[appearance=brand]/sidebar:text-primary-100 group-data-[appearance=brand-light]/sidebar:bg-primary-200 group-data-[appearance=brand-light]/sidebar:text-primary-800\"\r\n      >\r\n        {{ item().badge }}\r\n      </span>\r\n    }\r\n    @if (hasChildren()) {\r\n      <span\r\n        mfIcon\r\n        [size]=\"16\"\r\n        class=\"shrink-0 text-fg-subtle transition-transform duration-base group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700 rtl:-scale-x-100\"\r\n        [class.rotate-90]=\"expanded()\"\r\n        [class.rtl:-rotate-90]=\"expanded()\"\r\n      >\r\n        chevron_right\r\n      </span>\r\n    }\r\n  }\r\n</button>\r\n\r\n@if (hasChildren() && !collapsed()) {\r\n  <div\r\n    class=\"grid overflow-hidden transition-[grid-template-rows] duration-base ease-out\"\r\n    [style.grid-template-rows]=\"expanded() ? '1fr' : '0fr'\"\r\n    [attr.inert]=\"expanded() ? null : true\"\r\n  >\r\n    <ul class=\"m-0 min-h-0 list-none overflow-hidden p-0\">\r\n      @for (child of item().children; track child.id) {\r\n        <li>\r\n          <button type=\"button\" [class]=\"childRowClasses(child)\" (click)=\"onChildClick(child)\">\r\n            <span mfIcon [size]=\"16\">{{ child.icon }}</span>\r\n            <span class=\"truncate\">{{ child.label }}</span>\r\n          </button>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n}\r\n\r\n@if (hasChildren() && collapsed()) {\r\n  <mf-popover\r\n    [origin]=\"origin\"\r\n    [open]=\"flyoutOpen()\"\r\n    placement=\"right-start\"\r\n    padding=\"sm\"\r\n    panelClass=\"min-w-48\"\r\n    (closed)=\"closeFlyout()\"\r\n  >\r\n    <div role=\"menu\" [attr.aria-label]=\"item().label\">\r\n      <p class=\"truncate px-2.5 py-1.5 text-eyebrow text-fg-subtle\">{{ item().label }}</p>\r\n      @for (child of item().children; track child.id) {\r\n        <button\r\n          type=\"button\"\r\n          role=\"menuitem\"\r\n          class=\"flex w-full appearance-none items-center gap-2.5 rounded-sm border-0 bg-transparent px-2.5 py-1.5 text-start text-sm font-medium text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-state-hover\"\r\n          (click)=\"onChildClick(child)\"\r\n        >\r\n          <span mfIcon [size]=\"16\">{{ child.icon }}</span>\r\n          <span class=\"truncate\">{{ child.label }}</span>\r\n        </button>\r\n      }\r\n    </div>\r\n  </mf-popover>\r\n}\r\n", dependencies: [{ kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: Popover, selector: "mf-popover", inputs: ["origin", "open", "placement", "padding", "hasBackdrop", "matchTriggerWidth", "panelClass"], outputs: ["openChange", "closed"], exportAs: ["mfPopover"] }, { kind: "directive", type: Tooltip, selector: "[mfTooltip], [mfTooltipContent]", inputs: ["mfTooltip", "mfTooltipContent", "tooltipPosition"], exportAs: ["mfTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SidebarNavItemRow, decorators: [{
             type: Component,
-            args: [{ selector: 'mf-sidebar-nav-item', imports: [Icon, OverlayModule, Popover, Tooltip], host: { class: 'contents' }, template: "<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  [class]=\"rowClasses()\"\r\n  [attr.aria-expanded]=\"hasChildren() && !collapsed() ? expanded() : null\"\r\n  [attr.aria-current]=\"isActive() && !hasChildren() ? 'page' : null\"\r\n  [attr.aria-label]=\"collapsed() ? item().label : null\"\r\n  [mfTooltip]=\"collapsed() ? item().label : ''\"\r\n  tooltipPosition=\"right\"\r\n  (click)=\"onRowClick()\"\r\n>\r\n  <span mfIcon [size]=\"20\" [filled]=\"isActive()\">{{ item().icon }}</span>\r\n\r\n  @if (!collapsed()) {\r\n    <span class=\"min-w-0 flex-1 truncate\">{{ item().label }}</span>\r\n    @if (item().badge !== undefined) {\r\n      <span\r\n        class=\"rounded-full bg-primary-tint px-1.5 py-0.5 font-mono text-eyebrow text-primary-tint-fg group-data-[appearance=brand]/sidebar:bg-primary-800 group-data-[appearance=brand]/sidebar:text-primary-100 group-data-[appearance=brand-light]/sidebar:bg-primary-200 group-data-[appearance=brand-light]/sidebar:text-primary-800\"\r\n      >\r\n        {{ item().badge }}\r\n      </span>\r\n    }\r\n    @if (hasChildren()) {\r\n      <span\r\n        mfIcon\r\n        [size]=\"16\"\r\n        class=\"shrink-0 text-fg-subtle transition-transform duration-base group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700 rtl:-scale-x-100\"\r\n        [class.rotate-90]=\"expanded()\"\r\n        [class.rtl:-rotate-90]=\"expanded()\"\r\n      >\r\n        chevron_right\r\n      </span>\r\n    }\r\n  }\r\n</button>\r\n\r\n@if (hasChildren() && !collapsed()) {\r\n  <div\r\n    class=\"grid overflow-hidden transition-[grid-template-rows] duration-base ease-out\"\r\n    [style.grid-template-rows]=\"expanded() ? '1fr' : '0fr'\"\r\n    [attr.inert]=\"expanded() ? null : true\"\r\n  >\r\n    <ul class=\"m-0 min-h-0 list-none overflow-hidden p-0\">\r\n      @for (child of item().children; track child.id) {\r\n        <li>\r\n          <button type=\"button\" [class]=\"childRowClasses(child)\" (click)=\"onChildClick(child)\">\r\n            <span mfIcon [size]=\"16\">{{ child.icon }}</span>\r\n            <span class=\"truncate\">{{ child.label }}</span>\r\n          </button>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n}\r\n\r\n@if (hasChildren() && collapsed()) {\r\n  <mf-popover\r\n    [origin]=\"origin\"\r\n    [open]=\"flyoutOpen()\"\r\n    placement=\"right-start\"\r\n    padding=\"sm\"\r\n    panelClass=\"min-w-48\"\r\n    (closed)=\"closeFlyout()\"\r\n  >\r\n    <div role=\"menu\" [attr.aria-label]=\"item().label\">\r\n      <p class=\"truncate px-2.5 py-1.5 text-eyebrow text-fg-subtle\">{{ item().label }}</p>\r\n      @for (child of item().children; track child.id) {\r\n        <button\r\n          type=\"button\"\r\n          role=\"menuitem\"\r\n          class=\"flex w-full appearance-none items-center gap-2.5 rounded-sm border-0 bg-transparent px-2.5 py-1.5 text-start text-sm font-medium text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-surface-alt\"\r\n          (click)=\"onChildClick(child)\"\r\n        >\r\n          <span mfIcon [size]=\"16\">{{ child.icon }}</span>\r\n          <span class=\"truncate\">{{ child.label }}</span>\r\n        </button>\r\n      }\r\n    </div>\r\n  </mf-popover>\r\n}\r\n" }]
+            args: [{ selector: 'mf-sidebar-nav-item', imports: [Icon, OverlayModule, Popover, Tooltip], host: { class: 'contents' }, template: "<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  [class]=\"rowClasses()\"\r\n  [attr.aria-expanded]=\"hasChildren() && !collapsed() ? expanded() : null\"\r\n  [attr.aria-current]=\"isActive() && !hasChildren() ? 'page' : null\"\r\n  [attr.aria-label]=\"collapsed() ? item().label : null\"\r\n  [mfTooltip]=\"collapsed() ? item().label : ''\"\r\n  tooltipPosition=\"right\"\r\n  (click)=\"onRowClick()\"\r\n>\r\n  <span mfIcon [size]=\"20\" [filled]=\"isActive()\">{{ item().icon }}</span>\r\n\r\n  @if (!collapsed()) {\r\n    <span class=\"min-w-0 flex-1 truncate\">{{ item().label }}</span>\r\n    @if (item().badge !== undefined) {\r\n      <span\r\n        class=\"rounded-full bg-primary-tint px-1.5 py-0.5 font-mono text-eyebrow text-primary-tint-fg group-data-[appearance=brand]/sidebar:bg-primary-800 group-data-[appearance=brand]/sidebar:text-primary-100 group-data-[appearance=brand-light]/sidebar:bg-primary-200 group-data-[appearance=brand-light]/sidebar:text-primary-800\"\r\n      >\r\n        {{ item().badge }}\r\n      </span>\r\n    }\r\n    @if (hasChildren()) {\r\n      <span\r\n        mfIcon\r\n        [size]=\"16\"\r\n        class=\"shrink-0 text-fg-subtle transition-transform duration-base group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700 rtl:-scale-x-100\"\r\n        [class.rotate-90]=\"expanded()\"\r\n        [class.rtl:-rotate-90]=\"expanded()\"\r\n      >\r\n        chevron_right\r\n      </span>\r\n    }\r\n  }\r\n</button>\r\n\r\n@if (hasChildren() && !collapsed()) {\r\n  <div\r\n    class=\"grid overflow-hidden transition-[grid-template-rows] duration-base ease-out\"\r\n    [style.grid-template-rows]=\"expanded() ? '1fr' : '0fr'\"\r\n    [attr.inert]=\"expanded() ? null : true\"\r\n  >\r\n    <ul class=\"m-0 min-h-0 list-none overflow-hidden p-0\">\r\n      @for (child of item().children; track child.id) {\r\n        <li>\r\n          <button type=\"button\" [class]=\"childRowClasses(child)\" (click)=\"onChildClick(child)\">\r\n            <span mfIcon [size]=\"16\">{{ child.icon }}</span>\r\n            <span class=\"truncate\">{{ child.label }}</span>\r\n          </button>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n}\r\n\r\n@if (hasChildren() && collapsed()) {\r\n  <mf-popover\r\n    [origin]=\"origin\"\r\n    [open]=\"flyoutOpen()\"\r\n    placement=\"right-start\"\r\n    padding=\"sm\"\r\n    panelClass=\"min-w-48\"\r\n    (closed)=\"closeFlyout()\"\r\n  >\r\n    <div role=\"menu\" [attr.aria-label]=\"item().label\">\r\n      <p class=\"truncate px-2.5 py-1.5 text-eyebrow text-fg-subtle\">{{ item().label }}</p>\r\n      @for (child of item().children; track child.id) {\r\n        <button\r\n          type=\"button\"\r\n          role=\"menuitem\"\r\n          class=\"flex w-full appearance-none items-center gap-2.5 rounded-sm border-0 bg-transparent px-2.5 py-1.5 text-start text-sm font-medium text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-state-hover\"\r\n          (click)=\"onChildClick(child)\"\r\n        >\r\n          <span mfIcon [size]=\"16\">{{ child.icon }}</span>\r\n          <span class=\"truncate\">{{ child.label }}</span>\r\n        </button>\r\n      }\r\n    </div>\r\n  </mf-popover>\r\n}\r\n" }]
         }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], activeItemId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeItemId", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], activate: [{ type: i0.Output, args: ["activate"] }], toggleExpand: [{ type: i0.Output, args: ["toggleExpand"] }] } });
 
 /**
@@ -274,11 +277,11 @@ class SidebarTenantSwitcher {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SidebarTenantSwitcher, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: SidebarTenantSwitcher, isStandalone: true, selector: "mf-sidebar-tenant-switcher", inputs: { tenants: { classPropertyName: "tenants", publicName: "tenants", isSignal: true, isRequired: false, transformFunction: null }, activeTenantId: { classPropertyName: "activeTenantId", publicName: "activeTenantId", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, noTenantsLabel: { classPropertyName: "noTenantsLabel", publicName: "noTenantsLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tenantChange: "tenantChange" }, host: { classAttribute: "contents" }, ngImport: i0, template: "<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  class=\"flex h-16 w-full shrink-0 appearance-none items-center gap-2.5 border-x-0 border-t-0 border-b border-border bg-transparent px-3 text-start transition-colors duration-fast ease-emphasis hover:bg-surface-alt focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:border-primary-200 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n  [class.justify-center]=\"collapsed()\"\r\n  [attr.aria-label]=\"collapsed() ? (activeTenant()?.name ?? effectiveLabel()) : null\"\r\n  [mfTooltip]=\"collapsed() ? (activeTenant()?.name ?? effectiveLabel()) : ''\"\r\n  tooltipPosition=\"right\"\r\n  [attr.aria-expanded]=\"open()\"\r\n  aria-haspopup=\"listbox\"\r\n  (click)=\"toggle()\"\r\n  (keydown)=\"onTriggerKeydown($event)\"\r\n>\r\n  <mf-avatar [name]=\"activeTenant()?.name ?? '?'\" shape=\"square\" size=\"md\" [colorful]=\"true\" />\r\n  @if (!collapsed()) {\r\n    <span class=\"flex min-w-0 flex-1 flex-col\">\r\n      <span\r\n        class=\"truncate font-display text-sm font-semibold text-fg group-data-[appearance=brand]/sidebar:text-primary-50 group-data-[appearance=brand-light]/sidebar:text-primary-900\"\r\n      >\r\n        {{ activeTenant()?.name ?? effectiveNoTenantsLabel() }}\r\n      </span>\r\n      <span\r\n        class=\"truncate text-xs text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n        >{{ effectiveLabel() }}</span\r\n      >\r\n    </span>\r\n    <span\r\n      mfIcon\r\n      [size]=\"18\"\r\n      class=\"shrink-0 text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n      >unfold_more</span\r\n    >\r\n  }\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]=\"!collapsed()\"\r\n  [panelClass]=\"cn('max-h-72', collapsed() ? 'min-w-60' : '')\"\r\n  (closed)=\"close()\"\r\n>\r\n  <ul\r\n    role=\"listbox\"\r\n    tabindex=\"0\"\r\n    [attr.aria-label]=\"effectiveLabel()\"\r\n    class=\"w-full text-sm\"\r\n    (keydown)=\"onPanelKeydown($event)\"\r\n  >\r\n    @for (tenant of tenants(); track tenant.id; 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]=\"tenant.id === activeTenantId()\"\r\n        [class]=\"optionClasses(tenant, i)\"\r\n        (mouseenter)=\"highlighted.set(i)\"\r\n        (click)=\"select(tenant)\"\r\n      >\r\n        <mf-avatar [name]=\"tenant.name\" shape=\"square\" size=\"sm\" [colorful]=\"true\" />\r\n        <span class=\"min-w-0 flex-1 truncate text-fg-muted\">{{ tenant.name }}</span>\r\n        @if (tenant.id === activeTenantId()) {\r\n          <span mfIcon [size]=\"16\">check</span>\r\n        }\r\n      </li>\r\n    } @empty {\r\n      <li class=\"px-2.5 py-1.5 text-fg-subtle\">{{ effectiveNoTenantsLabel() }}</li>\r\n    }\r\n  </ul>\r\n</mf-popover>\r\n", dependencies: [{ kind: "component", type: Avatar, selector: "mf-avatar", inputs: ["name", "src", "size", "shape", "colorful", "tone"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: Popover, selector: "mf-popover", inputs: ["origin", "open", "placement", "padding", "hasBackdrop", "matchTriggerWidth", "panelClass"], outputs: ["openChange", "closed"], exportAs: ["mfPopover"] }, { kind: "directive", type: Tooltip, selector: "[mfTooltip], [mfTooltipContent]", inputs: ["mfTooltip", "mfTooltipContent", "tooltipPosition"], exportAs: ["mfTooltip"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: SidebarTenantSwitcher, isStandalone: true, selector: "mf-sidebar-tenant-switcher", inputs: { tenants: { classPropertyName: "tenants", publicName: "tenants", isSignal: true, isRequired: false, transformFunction: null }, activeTenantId: { classPropertyName: "activeTenantId", publicName: "activeTenantId", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, noTenantsLabel: { classPropertyName: "noTenantsLabel", publicName: "noTenantsLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tenantChange: "tenantChange" }, host: { classAttribute: "contents" }, ngImport: i0, template: "<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  class=\"flex h-16 w-full shrink-0 appearance-none items-center gap-2.5 border-x-0 border-t-0 border-b border-border bg-transparent px-3 text-start transition-colors duration-fast ease-emphasis hover:bg-state-hover focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:border-primary-200 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n  [class.justify-center]=\"collapsed()\"\r\n  [attr.aria-label]=\"collapsed() ? (activeTenant()?.name ?? effectiveLabel()) : null\"\r\n  [mfTooltip]=\"collapsed() ? (activeTenant()?.name ?? effectiveLabel()) : ''\"\r\n  tooltipPosition=\"right\"\r\n  [attr.aria-expanded]=\"open()\"\r\n  aria-haspopup=\"listbox\"\r\n  (click)=\"toggle()\"\r\n  (keydown)=\"onTriggerKeydown($event)\"\r\n>\r\n  <mf-avatar [name]=\"activeTenant()?.name ?? '?'\" shape=\"square\" size=\"md\" [colorful]=\"true\" />\r\n  @if (!collapsed()) {\r\n    <span class=\"flex min-w-0 flex-1 flex-col\">\r\n      <span\r\n        class=\"truncate font-display text-sm font-semibold text-fg group-data-[appearance=brand]/sidebar:text-primary-50 group-data-[appearance=brand-light]/sidebar:text-primary-900\"\r\n      >\r\n        {{ activeTenant()?.name ?? effectiveNoTenantsLabel() }}\r\n      </span>\r\n      <span\r\n        class=\"truncate text-xs text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n        >{{ effectiveLabel() }}</span\r\n      >\r\n    </span>\r\n    <span\r\n      mfIcon\r\n      [size]=\"18\"\r\n      class=\"shrink-0 text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n      >unfold_more</span\r\n    >\r\n  }\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]=\"!collapsed()\"\r\n  [panelClass]=\"cn('max-h-72', collapsed() ? 'min-w-60' : '')\"\r\n  (closed)=\"close()\"\r\n>\r\n  <ul\r\n    role=\"listbox\"\r\n    tabindex=\"0\"\r\n    [attr.aria-label]=\"effectiveLabel()\"\r\n    class=\"w-full text-sm\"\r\n    (keydown)=\"onPanelKeydown($event)\"\r\n  >\r\n    @for (tenant of tenants(); track tenant.id; 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]=\"tenant.id === activeTenantId()\"\r\n        [class]=\"optionClasses(tenant, i)\"\r\n        (mouseenter)=\"highlighted.set(i)\"\r\n        (click)=\"select(tenant)\"\r\n      >\r\n        <mf-avatar [name]=\"tenant.name\" shape=\"square\" size=\"sm\" [colorful]=\"true\" />\r\n        <span class=\"min-w-0 flex-1 truncate text-fg-muted\">{{ tenant.name }}</span>\r\n        @if (tenant.id === activeTenantId()) {\r\n          <span mfIcon [size]=\"16\">check</span>\r\n        }\r\n      </li>\r\n    } @empty {\r\n      <li class=\"px-2.5 py-1.5 text-fg-subtle\">{{ effectiveNoTenantsLabel() }}</li>\r\n    }\r\n  </ul>\r\n</mf-popover>\r\n", dependencies: [{ kind: "component", type: Avatar, selector: "mf-avatar", inputs: ["name", "src", "size", "shape", "colorful", "tone"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: Popover, selector: "mf-popover", inputs: ["origin", "open", "placement", "padding", "hasBackdrop", "matchTriggerWidth", "panelClass"], outputs: ["openChange", "closed"], exportAs: ["mfPopover"] }, { kind: "directive", type: Tooltip, selector: "[mfTooltip], [mfTooltipContent]", inputs: ["mfTooltip", "mfTooltipContent", "tooltipPosition"], exportAs: ["mfTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SidebarTenantSwitcher, decorators: [{
             type: Component,
-            args: [{ selector: 'mf-sidebar-tenant-switcher', imports: [Avatar, Icon, OverlayModule, Popover, Tooltip], host: { class: 'contents' }, template: "<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  class=\"flex h-16 w-full shrink-0 appearance-none items-center gap-2.5 border-x-0 border-t-0 border-b border-border bg-transparent px-3 text-start transition-colors duration-fast ease-emphasis hover:bg-surface-alt focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:border-primary-200 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n  [class.justify-center]=\"collapsed()\"\r\n  [attr.aria-label]=\"collapsed() ? (activeTenant()?.name ?? effectiveLabel()) : null\"\r\n  [mfTooltip]=\"collapsed() ? (activeTenant()?.name ?? effectiveLabel()) : ''\"\r\n  tooltipPosition=\"right\"\r\n  [attr.aria-expanded]=\"open()\"\r\n  aria-haspopup=\"listbox\"\r\n  (click)=\"toggle()\"\r\n  (keydown)=\"onTriggerKeydown($event)\"\r\n>\r\n  <mf-avatar [name]=\"activeTenant()?.name ?? '?'\" shape=\"square\" size=\"md\" [colorful]=\"true\" />\r\n  @if (!collapsed()) {\r\n    <span class=\"flex min-w-0 flex-1 flex-col\">\r\n      <span\r\n        class=\"truncate font-display text-sm font-semibold text-fg group-data-[appearance=brand]/sidebar:text-primary-50 group-data-[appearance=brand-light]/sidebar:text-primary-900\"\r\n      >\r\n        {{ activeTenant()?.name ?? effectiveNoTenantsLabel() }}\r\n      </span>\r\n      <span\r\n        class=\"truncate text-xs text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n        >{{ effectiveLabel() }}</span\r\n      >\r\n    </span>\r\n    <span\r\n      mfIcon\r\n      [size]=\"18\"\r\n      class=\"shrink-0 text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n      >unfold_more</span\r\n    >\r\n  }\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]=\"!collapsed()\"\r\n  [panelClass]=\"cn('max-h-72', collapsed() ? 'min-w-60' : '')\"\r\n  (closed)=\"close()\"\r\n>\r\n  <ul\r\n    role=\"listbox\"\r\n    tabindex=\"0\"\r\n    [attr.aria-label]=\"effectiveLabel()\"\r\n    class=\"w-full text-sm\"\r\n    (keydown)=\"onPanelKeydown($event)\"\r\n  >\r\n    @for (tenant of tenants(); track tenant.id; 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]=\"tenant.id === activeTenantId()\"\r\n        [class]=\"optionClasses(tenant, i)\"\r\n        (mouseenter)=\"highlighted.set(i)\"\r\n        (click)=\"select(tenant)\"\r\n      >\r\n        <mf-avatar [name]=\"tenant.name\" shape=\"square\" size=\"sm\" [colorful]=\"true\" />\r\n        <span class=\"min-w-0 flex-1 truncate text-fg-muted\">{{ tenant.name }}</span>\r\n        @if (tenant.id === activeTenantId()) {\r\n          <span mfIcon [size]=\"16\">check</span>\r\n        }\r\n      </li>\r\n    } @empty {\r\n      <li class=\"px-2.5 py-1.5 text-fg-subtle\">{{ effectiveNoTenantsLabel() }}</li>\r\n    }\r\n  </ul>\r\n</mf-popover>\r\n" }]
+            args: [{ selector: 'mf-sidebar-tenant-switcher', imports: [Avatar, Icon, OverlayModule, Popover, Tooltip], host: { class: 'contents' }, template: "<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  class=\"flex h-16 w-full shrink-0 appearance-none items-center gap-2.5 border-x-0 border-t-0 border-b border-border bg-transparent px-3 text-start transition-colors duration-fast ease-emphasis hover:bg-state-hover focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:border-primary-200 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n  [class.justify-center]=\"collapsed()\"\r\n  [attr.aria-label]=\"collapsed() ? (activeTenant()?.name ?? effectiveLabel()) : null\"\r\n  [mfTooltip]=\"collapsed() ? (activeTenant()?.name ?? effectiveLabel()) : ''\"\r\n  tooltipPosition=\"right\"\r\n  [attr.aria-expanded]=\"open()\"\r\n  aria-haspopup=\"listbox\"\r\n  (click)=\"toggle()\"\r\n  (keydown)=\"onTriggerKeydown($event)\"\r\n>\r\n  <mf-avatar [name]=\"activeTenant()?.name ?? '?'\" shape=\"square\" size=\"md\" [colorful]=\"true\" />\r\n  @if (!collapsed()) {\r\n    <span class=\"flex min-w-0 flex-1 flex-col\">\r\n      <span\r\n        class=\"truncate font-display text-sm font-semibold text-fg group-data-[appearance=brand]/sidebar:text-primary-50 group-data-[appearance=brand-light]/sidebar:text-primary-900\"\r\n      >\r\n        {{ activeTenant()?.name ?? effectiveNoTenantsLabel() }}\r\n      </span>\r\n      <span\r\n        class=\"truncate text-xs text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n        >{{ effectiveLabel() }}</span\r\n      >\r\n    </span>\r\n    <span\r\n      mfIcon\r\n      [size]=\"18\"\r\n      class=\"shrink-0 text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n      >unfold_more</span\r\n    >\r\n  }\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]=\"!collapsed()\"\r\n  [panelClass]=\"cn('max-h-72', collapsed() ? 'min-w-60' : '')\"\r\n  (closed)=\"close()\"\r\n>\r\n  <ul\r\n    role=\"listbox\"\r\n    tabindex=\"0\"\r\n    [attr.aria-label]=\"effectiveLabel()\"\r\n    class=\"w-full text-sm\"\r\n    (keydown)=\"onPanelKeydown($event)\"\r\n  >\r\n    @for (tenant of tenants(); track tenant.id; 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]=\"tenant.id === activeTenantId()\"\r\n        [class]=\"optionClasses(tenant, i)\"\r\n        (mouseenter)=\"highlighted.set(i)\"\r\n        (click)=\"select(tenant)\"\r\n      >\r\n        <mf-avatar [name]=\"tenant.name\" shape=\"square\" size=\"sm\" [colorful]=\"true\" />\r\n        <span class=\"min-w-0 flex-1 truncate text-fg-muted\">{{ tenant.name }}</span>\r\n        @if (tenant.id === activeTenantId()) {\r\n          <span mfIcon [size]=\"16\">check</span>\r\n        }\r\n      </li>\r\n    } @empty {\r\n      <li class=\"px-2.5 py-1.5 text-fg-subtle\">{{ effectiveNoTenantsLabel() }}</li>\r\n    }\r\n  </ul>\r\n</mf-popover>\r\n" }]
         }], propDecorators: { tenants: [{ type: i0.Input, args: [{ isSignal: true, alias: "tenants", required: false }] }], activeTenantId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTenantId", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], noTenantsLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "noTenantsLabel", required: false }] }], tenantChange: [{ type: i0.Output, args: ["tenantChange"] }] } });
 
 /**
@@ -298,11 +301,11 @@ class SidebarUserMenu {
     effectiveNoUserLabel = computed(() => this.noUserLabel() ?? this.sidebarLabels().noUser, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "effectiveNoUserLabel" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SidebarUserMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: SidebarUserMenu, isStandalone: true, selector: "mf-sidebar-user-menu", inputs: { user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, noUserLabel: { classPropertyName: "noUserLabel", publicName: "noUserLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { profileClick: "profileClick" }, host: { classAttribute: "contents" }, ngImport: i0, template: "@if (user(); as current) {\r\n  <button\r\n    type=\"button\"\r\n    class=\"flex h-16 w-full shrink-0 appearance-none items-center gap-2.5 border-0 bg-transparent px-3 text-start transition-colors duration-fast ease-emphasis hover:bg-surface-alt focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n    [class.justify-center]=\"collapsed()\"\r\n    [attr.aria-label]=\"collapsed() ? current.name : null\"\r\n    [mfTooltip]=\"collapsed() ? current.name : ''\"\r\n    tooltipPosition=\"right\"\r\n    (click)=\"profileClick.emit()\"\r\n  >\r\n    <mf-avatar [name]=\"current.name\" tone=\"info\" size=\"md\" />\r\n    @if (!collapsed()) {\r\n      <span class=\"flex min-w-0 flex-1 flex-col\">\r\n        <span\r\n          class=\"truncate text-sm font-semibold text-fg group-data-[appearance=brand]/sidebar:text-primary-50 group-data-[appearance=brand-light]/sidebar:text-primary-900\"\r\n          >{{ current.name }}</span\r\n        >\r\n        <span\r\n          class=\"truncate text-xs text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n          >{{ current.role ?? current.email }}</span\r\n        >\r\n      </span>\r\n      <span\r\n        mfIcon\r\n        [size]=\"18\"\r\n        class=\"shrink-0 text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n        >settings</span\r\n      >\r\n    }\r\n  </button>\r\n} @else {\r\n  <div\r\n    class=\"flex h-16 shrink-0 items-center gap-2.5 px-3 text-fg-subtle\"\r\n    [class.justify-center]=\"collapsed()\"\r\n  >\r\n    <span mfIcon [size]=\"20\">person_off</span>\r\n    @if (!collapsed()) {\r\n      <span class=\"truncate text-sm\">{{ effectiveNoUserLabel() }}</span>\r\n    }\r\n  </div>\r\n}\r\n", dependencies: [{ kind: "component", type: Avatar, selector: "mf-avatar", inputs: ["name", "src", "size", "shape", "colorful", "tone"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "directive", type: Tooltip, selector: "[mfTooltip], [mfTooltipContent]", inputs: ["mfTooltip", "mfTooltipContent", "tooltipPosition"], exportAs: ["mfTooltip"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: SidebarUserMenu, isStandalone: true, selector: "mf-sidebar-user-menu", inputs: { user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, noUserLabel: { classPropertyName: "noUserLabel", publicName: "noUserLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { profileClick: "profileClick" }, host: { classAttribute: "contents" }, ngImport: i0, template: "@if (user(); as current) {\r\n  <button\r\n    type=\"button\"\r\n    class=\"flex h-16 w-full shrink-0 appearance-none items-center gap-2.5 border-0 bg-transparent px-3 text-start transition-colors duration-fast ease-emphasis hover:bg-state-hover focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n    [class.justify-center]=\"collapsed()\"\r\n    [attr.aria-label]=\"collapsed() ? current.name : null\"\r\n    [mfTooltip]=\"collapsed() ? current.name : ''\"\r\n    tooltipPosition=\"right\"\r\n    (click)=\"profileClick.emit()\"\r\n  >\r\n    <mf-avatar [name]=\"current.name\" tone=\"info\" size=\"md\" />\r\n    @if (!collapsed()) {\r\n      <span class=\"flex min-w-0 flex-1 flex-col\">\r\n        <span\r\n          class=\"truncate text-sm font-semibold text-fg group-data-[appearance=brand]/sidebar:text-primary-50 group-data-[appearance=brand-light]/sidebar:text-primary-900\"\r\n          >{{ current.name }}</span\r\n        >\r\n        <span\r\n          class=\"truncate text-xs text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n          >{{ current.role ?? current.email }}</span\r\n        >\r\n      </span>\r\n      <span\r\n        mfIcon\r\n        [size]=\"18\"\r\n        class=\"shrink-0 text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n        >settings</span\r\n      >\r\n    }\r\n  </button>\r\n} @else {\r\n  <div\r\n    class=\"flex h-16 shrink-0 items-center gap-2.5 px-3 text-fg-subtle\"\r\n    [class.justify-center]=\"collapsed()\"\r\n  >\r\n    <span mfIcon [size]=\"20\">person_off</span>\r\n    @if (!collapsed()) {\r\n      <span class=\"truncate text-sm\">{{ effectiveNoUserLabel() }}</span>\r\n    }\r\n  </div>\r\n}\r\n", dependencies: [{ kind: "component", type: Avatar, selector: "mf-avatar", inputs: ["name", "src", "size", "shape", "colorful", "tone"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "directive", type: Tooltip, selector: "[mfTooltip], [mfTooltipContent]", inputs: ["mfTooltip", "mfTooltipContent", "tooltipPosition"], exportAs: ["mfTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SidebarUserMenu, decorators: [{
             type: Component,
-            args: [{ selector: 'mf-sidebar-user-menu', imports: [Avatar, Icon, Tooltip], host: { class: 'contents' }, template: "@if (user(); as current) {\r\n  <button\r\n    type=\"button\"\r\n    class=\"flex h-16 w-full shrink-0 appearance-none items-center gap-2.5 border-0 bg-transparent px-3 text-start transition-colors duration-fast ease-emphasis hover:bg-surface-alt focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n    [class.justify-center]=\"collapsed()\"\r\n    [attr.aria-label]=\"collapsed() ? current.name : null\"\r\n    [mfTooltip]=\"collapsed() ? current.name : ''\"\r\n    tooltipPosition=\"right\"\r\n    (click)=\"profileClick.emit()\"\r\n  >\r\n    <mf-avatar [name]=\"current.name\" tone=\"info\" size=\"md\" />\r\n    @if (!collapsed()) {\r\n      <span class=\"flex min-w-0 flex-1 flex-col\">\r\n        <span\r\n          class=\"truncate text-sm font-semibold text-fg group-data-[appearance=brand]/sidebar:text-primary-50 group-data-[appearance=brand-light]/sidebar:text-primary-900\"\r\n          >{{ current.name }}</span\r\n        >\r\n        <span\r\n          class=\"truncate text-xs text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n          >{{ current.role ?? current.email }}</span\r\n        >\r\n      </span>\r\n      <span\r\n        mfIcon\r\n        [size]=\"18\"\r\n        class=\"shrink-0 text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n        >settings</span\r\n      >\r\n    }\r\n  </button>\r\n} @else {\r\n  <div\r\n    class=\"flex h-16 shrink-0 items-center gap-2.5 px-3 text-fg-subtle\"\r\n    [class.justify-center]=\"collapsed()\"\r\n  >\r\n    <span mfIcon [size]=\"20\">person_off</span>\r\n    @if (!collapsed()) {\r\n      <span class=\"truncate text-sm\">{{ effectiveNoUserLabel() }}</span>\r\n    }\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'mf-sidebar-user-menu', imports: [Avatar, Icon, Tooltip], host: { class: 'contents' }, template: "@if (user(); as current) {\r\n  <button\r\n    type=\"button\"\r\n    class=\"flex h-16 w-full shrink-0 appearance-none items-center gap-2.5 border-0 bg-transparent px-3 text-start transition-colors duration-fast ease-emphasis hover:bg-state-hover focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n    [class.justify-center]=\"collapsed()\"\r\n    [attr.aria-label]=\"collapsed() ? current.name : null\"\r\n    [mfTooltip]=\"collapsed() ? current.name : ''\"\r\n    tooltipPosition=\"right\"\r\n    (click)=\"profileClick.emit()\"\r\n  >\r\n    <mf-avatar [name]=\"current.name\" tone=\"info\" size=\"md\" />\r\n    @if (!collapsed()) {\r\n      <span class=\"flex min-w-0 flex-1 flex-col\">\r\n        <span\r\n          class=\"truncate text-sm font-semibold text-fg group-data-[appearance=brand]/sidebar:text-primary-50 group-data-[appearance=brand-light]/sidebar:text-primary-900\"\r\n          >{{ current.name }}</span\r\n        >\r\n        <span\r\n          class=\"truncate text-xs text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n          >{{ current.role ?? current.email }}</span\r\n        >\r\n      </span>\r\n      <span\r\n        mfIcon\r\n        [size]=\"18\"\r\n        class=\"shrink-0 text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n        >settings</span\r\n      >\r\n    }\r\n  </button>\r\n} @else {\r\n  <div\r\n    class=\"flex h-16 shrink-0 items-center gap-2.5 px-3 text-fg-subtle\"\r\n    [class.justify-center]=\"collapsed()\"\r\n  >\r\n    <span mfIcon [size]=\"20\">person_off</span>\r\n    @if (!collapsed()) {\r\n      <span class=\"truncate text-sm\">{{ effectiveNoUserLabel() }}</span>\r\n    }\r\n  </div>\r\n}\r\n" }]
         }], propDecorators: { user: [{ type: i0.Input, args: [{ isSignal: true, alias: "user", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], noUserLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "noUserLabel", required: false }] }], profileClick: [{ type: i0.Output, args: ["profileClick"] }] } });
 
 /**
@@ -434,11 +437,11 @@ class Sidebar {
         this.collapsed.update((v) => !v);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Sidebar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Sidebar, isStandalone: true, selector: "mf-sidebar", inputs: { tenants: { classPropertyName: "tenants", publicName: "tenants", isSignal: true, isRequired: false, transformFunction: null }, activeTenantId: { classPropertyName: "activeTenantId", publicName: "activeTenantId", isSignal: true, isRequired: false, transformFunction: null }, navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: true, transformFunction: null }, activeItemId: { classPropertyName: "activeItemId", publicName: "activeItemId", isSignal: true, isRequired: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, showUserMenu: { classPropertyName: "showUserMenu", publicName: "showUserMenu", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, showCollapseToggle: { classPropertyName: "showCollapseToggle", publicName: "showCollapseToggle", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, collapseLabel: { classPropertyName: "collapseLabel", publicName: "collapseLabel", isSignal: true, isRequired: false, transformFunction: null }, expandLabel: { classPropertyName: "expandLabel", publicName: "expandLabel", isSignal: true, isRequired: false, transformFunction: null }, navAriaLabel: { classPropertyName: "navAriaLabel", publicName: "navAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, expandedIds: { classPropertyName: "expandedIds", publicName: "expandedIds", isSignal: true, isRequired: false, transformFunction: null }, autoExpandActive: { classPropertyName: "autoExpandActive", publicName: "autoExpandActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeTenantId: "activeTenantIdChange", activeItemId: "activeItemIdChange", collapsed: "collapsedChange", tenantChange: "tenantChange", itemClick: "itemClick", profileClick: "profileClick", expandedIds: "expandedIdsChange" }, host: { classAttribute: "flex h-full" }, exportAs: ["mfSidebar"], ngImport: i0, template: "<aside [class]=\"rootClasses()\" [attr.data-appearance]=\"appearance()\">\r\n  <div class=\"flex h-full min-h-0 w-full flex-col overflow-hidden\">\r\n    @if (tenants().length > 0) {\r\n      <mf-sidebar-tenant-switcher\r\n        [tenants]=\"tenants()\"\r\n        [activeTenantId]=\"activeTenantId()\"\r\n        [collapsed]=\"collapsed()\"\r\n        (tenantChange)=\"onTenantSelect($event)\"\r\n      />\r\n    } @else {\r\n      <!--\r\n      Tenant kavram\u0131 olmayan t\u00FCketiciler `tenants` input'unu hi\u00E7 ge\u00E7mez \u2014 bu\r\n      durumda tenant switcher'\u0131n \"Kirac\u0131 bulunamad\u0131\" bo\u015F-durumunu g\u00F6stermek\r\n      yerine (kafa kar\u0131\u015Ft\u0131r\u0131c\u0131, ger\u00E7ek bir hata gibi okunur) \u00E7a\u011F\u0131ran\u0131n kendi\r\n      marka ba\u015Fl\u0131\u011F\u0131n\u0131 buraya projekte etmesi bekleniyor (\u00F6r. `<mf-brand />`).\r\n    -->\r\n      <div\r\n        class=\"flex h-16 shrink-0 items-center gap-2 border-b border-border px-4 group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand-light]/sidebar:border-primary-200\"\r\n        [class.justify-center]=\"collapsed()\"\r\n      >\r\n        <ng-content select=\"[brand]\" />\r\n      </div>\r\n    }\r\n\r\n    <nav\r\n      class=\"flex-1 overflow-x-hidden overflow-y-auto px-2 py-3\"\r\n      [attr.aria-label]=\"effectiveNavAriaLabel()\"\r\n    >\r\n      <ul class=\"m-0 flex list-none flex-col gap-1 p-0\">\r\n        @for (item of navItems(); track item.id) {\r\n          <li>\r\n            <mf-sidebar-nav-item\r\n              [item]=\"item\"\r\n              [collapsed]=\"collapsed()\"\r\n              [activeItemId]=\"activeItemId()\"\r\n              [expanded]=\"isExpanded(item.id)\"\r\n              (activate)=\"onItemActivate($event)\"\r\n              (toggleExpand)=\"onToggleExpand($event)\"\r\n            />\r\n          </li>\r\n        }\r\n      </ul>\r\n    </nav>\r\n\r\n    @if (showUserMenu()) {\r\n      <div\r\n        class=\"border-t border-border group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand-light]/sidebar:border-primary-200\"\r\n      ></div>\r\n\r\n      <mf-sidebar-user-menu\r\n        [user]=\"user()\"\r\n        [collapsed]=\"collapsed()\"\r\n        (profileClick)=\"profileClick.emit()\"\r\n      />\r\n    }\r\n  </div>\r\n\r\n  @if (showCollapseToggle()) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"absolute top-14 -end-3 z-10 flex h-6 w-6 appearance-none items-center justify-center rounded-full border border-hairline bg-chrome p-0 text-fg-subtle shadow-1 transition-colors duration-fast ease-emphasis hover:bg-surface-alt hover:text-fg active:scale-[0.99] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:bg-primary-900 group-data-[appearance=brand]/sidebar:text-primary-200 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:hover:text-primary-50 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:bg-primary-100 group-data-[appearance=brand-light]/sidebar:text-primary-800 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:hover:text-primary-900 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n      [mfTooltip]=\"collapsed() ? effectiveExpandLabel() : effectiveCollapseLabel()\"\r\n      tooltipPosition=\"right\"\r\n      [attr.aria-label]=\"collapsed() ? effectiveExpandLabel() : effectiveCollapseLabel()\"\r\n      (click)=\"toggleCollapse()\"\r\n    >\r\n      <span mfIcon [size]=\"14\" class=\"rtl:-scale-x-100\">{{\r\n        collapsed() ? 'chevron_right' : 'chevron_left'\r\n      }}</span>\r\n    </button>\r\n  }\r\n</aside>\r\n", dependencies: [{ kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "directive", type: Tooltip, selector: "[mfTooltip], [mfTooltipContent]", inputs: ["mfTooltip", "mfTooltipContent", "tooltipPosition"], exportAs: ["mfTooltip"] }, { kind: "component", type: SidebarTenantSwitcher, selector: "mf-sidebar-tenant-switcher", inputs: ["tenants", "activeTenantId", "collapsed", "label", "noTenantsLabel"], outputs: ["tenantChange"] }, { kind: "component", type: SidebarNavItemRow, selector: "mf-sidebar-nav-item", inputs: ["item", "collapsed", "activeItemId", "expanded"], outputs: ["activate", "toggleExpand"] }, { kind: "component", type: SidebarUserMenu, selector: "mf-sidebar-user-menu", inputs: ["user", "collapsed", "noUserLabel"], outputs: ["profileClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Sidebar, isStandalone: true, selector: "mf-sidebar", inputs: { tenants: { classPropertyName: "tenants", publicName: "tenants", isSignal: true, isRequired: false, transformFunction: null }, activeTenantId: { classPropertyName: "activeTenantId", publicName: "activeTenantId", isSignal: true, isRequired: false, transformFunction: null }, navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: true, transformFunction: null }, activeItemId: { classPropertyName: "activeItemId", publicName: "activeItemId", isSignal: true, isRequired: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, showUserMenu: { classPropertyName: "showUserMenu", publicName: "showUserMenu", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, showCollapseToggle: { classPropertyName: "showCollapseToggle", publicName: "showCollapseToggle", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, collapseLabel: { classPropertyName: "collapseLabel", publicName: "collapseLabel", isSignal: true, isRequired: false, transformFunction: null }, expandLabel: { classPropertyName: "expandLabel", publicName: "expandLabel", isSignal: true, isRequired: false, transformFunction: null }, navAriaLabel: { classPropertyName: "navAriaLabel", publicName: "navAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, expandedIds: { classPropertyName: "expandedIds", publicName: "expandedIds", isSignal: true, isRequired: false, transformFunction: null }, autoExpandActive: { classPropertyName: "autoExpandActive", publicName: "autoExpandActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeTenantId: "activeTenantIdChange", activeItemId: "activeItemIdChange", collapsed: "collapsedChange", tenantChange: "tenantChange", itemClick: "itemClick", profileClick: "profileClick", expandedIds: "expandedIdsChange" }, host: { classAttribute: "flex h-full" }, exportAs: ["mfSidebar"], ngImport: i0, template: "<aside [class]=\"rootClasses()\" [attr.data-appearance]=\"appearance()\">\r\n  <div class=\"flex h-full min-h-0 w-full flex-col overflow-hidden\">\r\n    @if (tenants().length > 0) {\r\n      <mf-sidebar-tenant-switcher\r\n        [tenants]=\"tenants()\"\r\n        [activeTenantId]=\"activeTenantId()\"\r\n        [collapsed]=\"collapsed()\"\r\n        (tenantChange)=\"onTenantSelect($event)\"\r\n      />\r\n    } @else {\r\n      <!--\r\n      Tenant kavram\u0131 olmayan t\u00FCketiciler `tenants` input'unu hi\u00E7 ge\u00E7mez \u2014 bu\r\n      durumda tenant switcher'\u0131n \"Kirac\u0131 bulunamad\u0131\" bo\u015F-durumunu g\u00F6stermek\r\n      yerine (kafa kar\u0131\u015Ft\u0131r\u0131c\u0131, ger\u00E7ek bir hata gibi okunur) \u00E7a\u011F\u0131ran\u0131n kendi\r\n      marka ba\u015Fl\u0131\u011F\u0131n\u0131 buraya projekte etmesi bekleniyor (\u00F6r. `<mf-brand />`).\r\n    -->\r\n      <div\r\n        class=\"flex h-16 shrink-0 items-center gap-2 border-b border-border px-4 group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand-light]/sidebar:border-primary-200\"\r\n        [class.justify-center]=\"collapsed()\"\r\n      >\r\n        <ng-content select=\"[brand]\" />\r\n      </div>\r\n    }\r\n\r\n    <nav\r\n      class=\"flex-1 overflow-x-hidden overflow-y-auto px-2 py-3\"\r\n      [attr.aria-label]=\"effectiveNavAriaLabel()\"\r\n    >\r\n      <ul class=\"m-0 flex list-none flex-col gap-1 p-0\">\r\n        @for (item of navItems(); track item.id) {\r\n          <li>\r\n            <mf-sidebar-nav-item\r\n              [item]=\"item\"\r\n              [collapsed]=\"collapsed()\"\r\n              [activeItemId]=\"activeItemId()\"\r\n              [expanded]=\"isExpanded(item.id)\"\r\n              (activate)=\"onItemActivate($event)\"\r\n              (toggleExpand)=\"onToggleExpand($event)\"\r\n            />\r\n          </li>\r\n        }\r\n      </ul>\r\n    </nav>\r\n\r\n    @if (showUserMenu()) {\r\n      <div\r\n        class=\"border-t border-border group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand-light]/sidebar:border-primary-200\"\r\n      ></div>\r\n\r\n      <mf-sidebar-user-menu\r\n        [user]=\"user()\"\r\n        [collapsed]=\"collapsed()\"\r\n        (profileClick)=\"profileClick.emit()\"\r\n      />\r\n    }\r\n  </div>\r\n\r\n  @if (showCollapseToggle()) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"absolute top-14 -end-3 z-10 flex h-6 w-6 appearance-none items-center justify-center rounded-full border border-hairline bg-chrome p-0 text-fg-subtle shadow-1 transition-colors duration-fast ease-emphasis hover:bg-state-hover hover:text-fg active:scale-[0.99] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:bg-primary-900 group-data-[appearance=brand]/sidebar:text-primary-200 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:hover:text-primary-50 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:bg-primary-100 group-data-[appearance=brand-light]/sidebar:text-primary-800 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:hover:text-primary-900 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n      [mfTooltip]=\"collapsed() ? effectiveExpandLabel() : effectiveCollapseLabel()\"\r\n      tooltipPosition=\"right\"\r\n      [attr.aria-label]=\"collapsed() ? effectiveExpandLabel() : effectiveCollapseLabel()\"\r\n      (click)=\"toggleCollapse()\"\r\n    >\r\n      <span mfIcon [size]=\"14\" class=\"rtl:-scale-x-100\">{{\r\n        collapsed() ? 'chevron_right' : 'chevron_left'\r\n      }}</span>\r\n    </button>\r\n  }\r\n</aside>\r\n", dependencies: [{ kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "directive", type: Tooltip, selector: "[mfTooltip], [mfTooltipContent]", inputs: ["mfTooltip", "mfTooltipContent", "tooltipPosition"], exportAs: ["mfTooltip"] }, { kind: "component", type: SidebarTenantSwitcher, selector: "mf-sidebar-tenant-switcher", inputs: ["tenants", "activeTenantId", "collapsed", "label", "noTenantsLabel"], outputs: ["tenantChange"] }, { kind: "component", type: SidebarNavItemRow, selector: "mf-sidebar-nav-item", inputs: ["item", "collapsed", "activeItemId", "expanded"], outputs: ["activate", "toggleExpand"] }, { kind: "component", type: SidebarUserMenu, selector: "mf-sidebar-user-menu", inputs: ["user", "collapsed", "noUserLabel"], outputs: ["profileClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Sidebar, decorators: [{
             type: Component,
-            args: [{ selector: 'mf-sidebar', exportAs: 'mfSidebar', host: { class: 'flex h-full' }, imports: [Icon, Tooltip, SidebarTenantSwitcher, SidebarNavItemRow, SidebarUserMenu], template: "<aside [class]=\"rootClasses()\" [attr.data-appearance]=\"appearance()\">\r\n  <div class=\"flex h-full min-h-0 w-full flex-col overflow-hidden\">\r\n    @if (tenants().length > 0) {\r\n      <mf-sidebar-tenant-switcher\r\n        [tenants]=\"tenants()\"\r\n        [activeTenantId]=\"activeTenantId()\"\r\n        [collapsed]=\"collapsed()\"\r\n        (tenantChange)=\"onTenantSelect($event)\"\r\n      />\r\n    } @else {\r\n      <!--\r\n      Tenant kavram\u0131 olmayan t\u00FCketiciler `tenants` input'unu hi\u00E7 ge\u00E7mez \u2014 bu\r\n      durumda tenant switcher'\u0131n \"Kirac\u0131 bulunamad\u0131\" bo\u015F-durumunu g\u00F6stermek\r\n      yerine (kafa kar\u0131\u015Ft\u0131r\u0131c\u0131, ger\u00E7ek bir hata gibi okunur) \u00E7a\u011F\u0131ran\u0131n kendi\r\n      marka ba\u015Fl\u0131\u011F\u0131n\u0131 buraya projekte etmesi bekleniyor (\u00F6r. `<mf-brand />`).\r\n    -->\r\n      <div\r\n        class=\"flex h-16 shrink-0 items-center gap-2 border-b border-border px-4 group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand-light]/sidebar:border-primary-200\"\r\n        [class.justify-center]=\"collapsed()\"\r\n      >\r\n        <ng-content select=\"[brand]\" />\r\n      </div>\r\n    }\r\n\r\n    <nav\r\n      class=\"flex-1 overflow-x-hidden overflow-y-auto px-2 py-3\"\r\n      [attr.aria-label]=\"effectiveNavAriaLabel()\"\r\n    >\r\n      <ul class=\"m-0 flex list-none flex-col gap-1 p-0\">\r\n        @for (item of navItems(); track item.id) {\r\n          <li>\r\n            <mf-sidebar-nav-item\r\n              [item]=\"item\"\r\n              [collapsed]=\"collapsed()\"\r\n              [activeItemId]=\"activeItemId()\"\r\n              [expanded]=\"isExpanded(item.id)\"\r\n              (activate)=\"onItemActivate($event)\"\r\n              (toggleExpand)=\"onToggleExpand($event)\"\r\n            />\r\n          </li>\r\n        }\r\n      </ul>\r\n    </nav>\r\n\r\n    @if (showUserMenu()) {\r\n      <div\r\n        class=\"border-t border-border group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand-light]/sidebar:border-primary-200\"\r\n      ></div>\r\n\r\n      <mf-sidebar-user-menu\r\n        [user]=\"user()\"\r\n        [collapsed]=\"collapsed()\"\r\n        (profileClick)=\"profileClick.emit()\"\r\n      />\r\n    }\r\n  </div>\r\n\r\n  @if (showCollapseToggle()) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"absolute top-14 -end-3 z-10 flex h-6 w-6 appearance-none items-center justify-center rounded-full border border-hairline bg-chrome p-0 text-fg-subtle shadow-1 transition-colors duration-fast ease-emphasis hover:bg-surface-alt hover:text-fg active:scale-[0.99] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:bg-primary-900 group-data-[appearance=brand]/sidebar:text-primary-200 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:hover:text-primary-50 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:bg-primary-100 group-data-[appearance=brand-light]/sidebar:text-primary-800 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:hover:text-primary-900 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n      [mfTooltip]=\"collapsed() ? effectiveExpandLabel() : effectiveCollapseLabel()\"\r\n      tooltipPosition=\"right\"\r\n      [attr.aria-label]=\"collapsed() ? effectiveExpandLabel() : effectiveCollapseLabel()\"\r\n      (click)=\"toggleCollapse()\"\r\n    >\r\n      <span mfIcon [size]=\"14\" class=\"rtl:-scale-x-100\">{{\r\n        collapsed() ? 'chevron_right' : 'chevron_left'\r\n      }}</span>\r\n    </button>\r\n  }\r\n</aside>\r\n" }]
+            args: [{ selector: 'mf-sidebar', exportAs: 'mfSidebar', host: { class: 'flex h-full' }, imports: [Icon, Tooltip, SidebarTenantSwitcher, SidebarNavItemRow, SidebarUserMenu], template: "<aside [class]=\"rootClasses()\" [attr.data-appearance]=\"appearance()\">\r\n  <div class=\"flex h-full min-h-0 w-full flex-col overflow-hidden\">\r\n    @if (tenants().length > 0) {\r\n      <mf-sidebar-tenant-switcher\r\n        [tenants]=\"tenants()\"\r\n        [activeTenantId]=\"activeTenantId()\"\r\n        [collapsed]=\"collapsed()\"\r\n        (tenantChange)=\"onTenantSelect($event)\"\r\n      />\r\n    } @else {\r\n      <!--\r\n      Tenant kavram\u0131 olmayan t\u00FCketiciler `tenants` input'unu hi\u00E7 ge\u00E7mez \u2014 bu\r\n      durumda tenant switcher'\u0131n \"Kirac\u0131 bulunamad\u0131\" bo\u015F-durumunu g\u00F6stermek\r\n      yerine (kafa kar\u0131\u015Ft\u0131r\u0131c\u0131, ger\u00E7ek bir hata gibi okunur) \u00E7a\u011F\u0131ran\u0131n kendi\r\n      marka ba\u015Fl\u0131\u011F\u0131n\u0131 buraya projekte etmesi bekleniyor (\u00F6r. `<mf-brand />`).\r\n    -->\r\n      <div\r\n        class=\"flex h-16 shrink-0 items-center gap-2 border-b border-border px-4 group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand-light]/sidebar:border-primary-200\"\r\n        [class.justify-center]=\"collapsed()\"\r\n      >\r\n        <ng-content select=\"[brand]\" />\r\n      </div>\r\n    }\r\n\r\n    <nav\r\n      class=\"flex-1 overflow-x-hidden overflow-y-auto px-2 py-3\"\r\n      [attr.aria-label]=\"effectiveNavAriaLabel()\"\r\n    >\r\n      <ul class=\"m-0 flex list-none flex-col gap-1 p-0\">\r\n        @for (item of navItems(); track item.id) {\r\n          <li>\r\n            <mf-sidebar-nav-item\r\n              [item]=\"item\"\r\n              [collapsed]=\"collapsed()\"\r\n              [activeItemId]=\"activeItemId()\"\r\n              [expanded]=\"isExpanded(item.id)\"\r\n              (activate)=\"onItemActivate($event)\"\r\n              (toggleExpand)=\"onToggleExpand($event)\"\r\n            />\r\n          </li>\r\n        }\r\n      </ul>\r\n    </nav>\r\n\r\n    @if (showUserMenu()) {\r\n      <div\r\n        class=\"border-t border-border group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand-light]/sidebar:border-primary-200\"\r\n      ></div>\r\n\r\n      <mf-sidebar-user-menu\r\n        [user]=\"user()\"\r\n        [collapsed]=\"collapsed()\"\r\n        (profileClick)=\"profileClick.emit()\"\r\n      />\r\n    }\r\n  </div>\r\n\r\n  @if (showCollapseToggle()) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"absolute top-14 -end-3 z-10 flex h-6 w-6 appearance-none items-center justify-center rounded-full border border-hairline bg-chrome p-0 text-fg-subtle shadow-1 transition-colors duration-fast ease-emphasis hover:bg-state-hover hover:text-fg active:scale-[0.99] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:bg-primary-900 group-data-[appearance=brand]/sidebar:text-primary-200 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:hover:text-primary-50 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:bg-primary-100 group-data-[appearance=brand-light]/sidebar:text-primary-800 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:hover:text-primary-900 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n      [mfTooltip]=\"collapsed() ? effectiveExpandLabel() : effectiveCollapseLabel()\"\r\n      tooltipPosition=\"right\"\r\n      [attr.aria-label]=\"collapsed() ? effectiveExpandLabel() : effectiveCollapseLabel()\"\r\n      (click)=\"toggleCollapse()\"\r\n    >\r\n      <span mfIcon [size]=\"14\" class=\"rtl:-scale-x-100\">{{\r\n        collapsed() ? 'chevron_right' : 'chevron_left'\r\n      }}</span>\r\n    </button>\r\n  }\r\n</aside>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { tenants: [{ type: i0.Input, args: [{ isSignal: true, alias: "tenants", required: false }] }], activeTenantId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTenantId", required: false }] }, { type: i0.Output, args: ["activeTenantIdChange"] }], navItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "navItems", required: true }] }], activeItemId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeItemId", required: false }] }, { type: i0.Output, args: ["activeItemIdChange"] }], user: [{ type: i0.Input, args: [{ isSignal: true, alias: "user", required: false }] }], showUserMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showUserMenu", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }, { type: i0.Output, args: ["collapsedChange"] }], showCollapseToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCollapseToggle", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], collapseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseLabel", required: false }] }], expandLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandLabel", required: false }] }], navAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "navAriaLabel", required: false }] }], tenantChange: [{ type: i0.Output, args: ["tenantChange"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], profileClick: [{ type: i0.Output, args: ["profileClick"] }], expandedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedIds", required: false }] }, { type: i0.Output, args: ["expandedIdsChange"] }], autoExpandActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoExpandActive", required: false }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"mesgflow-ui-kit-sidebar.mjs","sources":["../../../projects/ui-kit/sidebar/sidebar.variants.ts","../../../projects/ui-kit/sidebar/sidebar-nav-item.ts","../../../projects/ui-kit/sidebar/sidebar-nav-item.html","../../../projects/ui-kit/sidebar/sidebar-tenant-switcher.ts","../../../projects/ui-kit/sidebar/sidebar-tenant-switcher.html","../../../projects/ui-kit/sidebar/sidebar-user-menu.ts","../../../projects/ui-kit/sidebar/sidebar-user-menu.html","../../../projects/ui-kit/sidebar/sidebar.ts","../../../projects/ui-kit/sidebar/sidebar.html","../../../projects/ui-kit/sidebar/mesgflow-ui-kit-sidebar.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\r\n\r\n/**\r\n * Kök panel: kart değil, yapısal/kenar-kenara chrome — `shadow-*`/`rounded-*`\r\n * YOK. `bg-chrome` (styles.css'te tanımlı, moda göre 975/950 basamağı arasında\r\n * takas olan yüzey rolü) — dark modda uygulamanın EN KOYU tonu, \"chrome her\r\n * zaman içerikten koyu\" kuralının kaynağı. Kenar artık `border-hairline`\r\n * (border-first depth, 2026-09 Deep Emerald geçişi) — `border-e` UZUN-EL\r\n * yazıldı (`border-e-hairline`, kısaltma DEĞİL) ki `appearance=\"brand\"`'ın\r\n * `border-e-transparent`'ı AYNI özgüllükte, cascade sırasına bağlı olmadan\r\n * güvenle üstüne yazabilsin.\r\n *\r\n * `appearance: 'chrome' | 'brand' | 'brand-light'` — `group/sidebar` + kök\r\n * elementteki `data-appearance` ATTRIBUTE'u (bkz. sidebar.html), alt\r\n * bileşenler kendi class'larına yeni bir input EKLEMEDEN\r\n * `group-data-[appearance=brand]/sidebar:`/`group-data-[appearance=brand-light]/sidebar:`\r\n * varyantıyla opt-in eder — CDK overlay'e (flyout/tenant listesi) taşınan\r\n * içerik bu grubun TORUNU DEĞİLDİR, bu yüzden overlay panelleri bilerek\r\n * katı `chrome` kalır (istenen: aşırı marka rengi overlay'lerde yorucu olur).\r\n *\r\n * `brand-light` — kullanıcı isteğiyle eklendi (varsayılan HÂLÂ `chrome`,\r\n * `brand`'in KENDİSİ birebir korunuyor — bu SADECE üçüncü bir seçenek):\r\n * `brand`in \"her adımda bir basamak açığa doğru\" desenini primary rampasının\r\n * AÇIK ucuna yansıtır (900→100, 800→200, 300→700, beyaz→900 gibi) — aynı\r\n * \"iki modda AYNI, marka her zaman sabit\" felsefesi, sadece açık zeminde.\r\n * `primary-100` `neutral-100` canvas'a karşı yalnızca 1.08:1 (saf L farkı) —\r\n * `brand`in aksine (900 her zeminden zaten kopuyor) burada kenarlık BİLEREK\r\n * KORUNUYOR (`border-e-primary-200`) ki blok net ayrışsın.\r\n */\r\nexport const sidebarVariants = cva(\r\n  /*\r\n   * `overflow-hidden` BİLEREK yok — kenar toggle butonu bu kutunun dışına\r\n   * taşarak (`-end-3`) sınırı \"kucaklıyor\" (Notion/Linear deseni), kırpma\r\n   * kök elementte olsaydı kendi toggle'ını keserdi. İç içerik (tenant/nav/\r\n   * kullanıcı sütunu) genişlik geçişi sırasında taşma göstermesin diye kendi\r\n   * `overflow-hidden`'ını sidebar.html'de ayrı bir iç wrapper'da taşıyor.\r\n   */\r\n  'group/sidebar relative flex h-full flex-col border-e border-e-hairline bg-chrome transition-[width] duration-base ease-out',\r\n  {\r\n    variants: {\r\n      collapsed: {\r\n        true: 'w-[72px]',\r\n        false: 'w-64',\r\n      },\r\n      appearance: {\r\n        chrome: '',\r\n        /** Marka kenar çubuğu — kök zemini iki modda da primary-900 (#062c22, kullanıcının \"primer\"i), kenarlık gizlenir (zemin zaten belirgin bir blok). */\r\n        brand: 'border-e-transparent bg-primary-900',\r\n        /** Marka kenar çubuğu, AÇIK — kök zemini iki modda da primary-100, kenarlık KORUNUR (bkz. yukarıdaki doc). */\r\n        'brand-light': 'border-e-primary-200 bg-primary-100',\r\n      },\r\n    },\r\n    defaultVariants: { collapsed: false, appearance: 'chrome' },\r\n  },\r\n);\r\n\r\n/**\r\n * Nav satırı (leaf veya parent-toggle) — `rounded-sm`(6px, menü öğesi kademesi,\r\n * bkz. styles.css radius notu), panel değil kontrol. `border-s-2 border-s-\r\n * transparent` BASE'te HER ZAMAN rezerve — aktif olunca sadece rengi değişir,\r\n * yoksa 2px'lik ray aktifleşirken satırın geri kalanı kayardı (layout shift).\r\n *\r\n * Brand sınıfları (`group-data-[appearance=brand]/sidebar:…`) özgüllükte\r\n * (0,2,0) — düz `text-fg-muted`/`hover:bg-surface-alt` (0,1,0) ve `dark:`\r\n * (0,1,0) varyantlarının HER İKİSİNİ de cascade sırasından bağımsız yener,\r\n * bu yüzden ayrı bir `dark:` ikizi yazmaya gerek yok (brand görünümü iki\r\n * modda da AYNI).\r\n */\r\nexport const sidebarNavItemVariants = cva(\r\n  'group flex w-full appearance-none items-center gap-3 rounded-sm border-0 border-s-2 border-s-transparent bg-transparent px-3 py-2 text-start text-sm font-medium ' +\r\n    'text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-surface-alt hover:text-fg ' +\r\n    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring ' +\r\n    'group-data-[appearance=brand]/sidebar:text-primary-200 ' +\r\n    'group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:hover:text-primary-50 ' +\r\n    'group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 ' +\r\n    'group-data-[appearance=brand-light]/sidebar:text-primary-800 ' +\r\n    'group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:hover:text-primary-900 ' +\r\n    'group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700',\r\n  {\r\n    variants: {\r\n      /*\r\n       * \"Ray\" — bu tazelemenin imza motiflerinden biri (bkz. plan): dolu\r\n       * yeşil sol çizgi + tonal işaret zemini, SADECE \"buradasın\" anlamında\r\n       * kullanılıyor (sidebar aktif öğe, aktif sekme, seçili tablo satırı —\r\n       * başka HİÇBİR yerde). Rol token'ı (`bg-primary-tint text-primary-tint-fg`,\r\n       * badge/avatar ile aynı dil) — `color-mix()` her iki modu da TEK satırda\r\n       * çözer, ayrı bir `dark:` ikizi YOK.\r\n       */\r\n      active: {\r\n        true:\r\n          'border-s-accent-fill bg-primary-tint text-primary-tint-fg hover:bg-primary-tint hover:text-primary-tint-fg ' +\r\n          'group-data-[appearance=brand]/sidebar:border-s-primary-300 group-data-[appearance=brand]/sidebar:bg-primary-800 ' +\r\n          'group-data-[appearance=brand]/sidebar:text-white group-data-[appearance=brand]/sidebar:hover:bg-primary-800 ' +\r\n          'group-data-[appearance=brand]/sidebar:hover:text-white ' +\r\n          'group-data-[appearance=brand-light]/sidebar:border-s-primary-700 group-data-[appearance=brand-light]/sidebar:bg-primary-200 ' +\r\n          'group-data-[appearance=brand-light]/sidebar:text-primary-900 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 ' +\r\n          'group-data-[appearance=brand-light]/sidebar:hover:text-primary-900',\r\n        false: '',\r\n      },\r\n      collapsed: {\r\n        true: 'justify-center px-0',\r\n        false: '',\r\n      },\r\n    },\r\n    compoundVariants: [\r\n      // Daraltılmış (icon-only, 72px) haldeyken ray bastırılıyor — ikonu\r\n      // merkeze göre 2px kaydırırdı, dar/simetrik bir rayda yeri yok. Tonal\r\n      // zemin (bg-primary-tint, brand'de primary-800) tek başına yeterli\r\n      // \"aktif\" sinyali veriyor.\r\n      {\r\n        active: true,\r\n        collapsed: true,\r\n        class:\r\n          'border-s-transparent group-data-[appearance=brand]/sidebar:border-s-transparent ' +\r\n          'group-data-[appearance=brand-light]/sidebar:border-s-transparent',\r\n      },\r\n    ],\r\n    defaultVariants: { active: false, collapsed: false },\r\n  },\r\n);\r\n\r\nexport type SidebarCollapsedVariant = VariantProps<typeof sidebarVariants>['collapsed'];\r\nexport type SidebarAppearance = NonNullable<VariantProps<typeof sidebarVariants>['appearance']>;\r\n","import { OverlayModule } from '@angular/cdk/overlay';\r\nimport { Component, computed, input, output, signal } from '@angular/core';\r\nimport { cn } from '@mesgflow/ui-kit/core';\r\nimport { Icon } from '@mesgflow/ui-kit/icon';\r\nimport { Popover } from '@mesgflow/ui-kit/popover';\r\nimport { Tooltip } from '@mesgflow/ui-kit/tooltip';\r\nimport { sidebarNavItemVariants } from './sidebar.variants';\r\nimport type { SidebarNavItem as SidebarNavItemModel } from './sidebar.model';\r\n\r\n/** Genişkenken akordeonda açılan çocuk satırı — brand görünümde metin/hover/odak marka tonlu (bkz. sidebar.variants.ts doc'u, aynı özgüllük mantığı). */\r\nconst CHILD_ROW_BASE =\r\n  'flex w-full appearance-none items-center gap-3 rounded-sm border-0 bg-transparent py-1.5 pe-3 ps-9 text-start text-label text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-surface-alt hover:text-fg focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring ' +\r\n  'group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 ' +\r\n  'group-data-[appearance=brand]/sidebar:hover:text-primary-50 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 ' +\r\n  'group-data-[appearance=brand-light]/sidebar:text-primary-700 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 ' +\r\n  'group-data-[appearance=brand-light]/sidebar:hover:text-primary-900 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700';\r\n\r\n/**\r\n * Tek nav satırı — yaprak veya çocuklu (parent). Sadece 1 seviye nesting\r\n * (çocuğun çocuğu render edilmiyor, YAGNI). Genişkenken parent'a tıklayınca\r\n * çocuklar CSS-only grid-rows akordeonuyla İÇERİDE açılır (her grup bağımsız,\r\n * root `Sidebar`'ın `expandedIds` set'i tarafından yönetilir). Daraltılmışken\r\n * aynı satıra TIKLAYINCA (hover değil — kullanıcı kararı) sağda bir `Popover`\r\n * flyout paneli çocukları listeler (bkz. plan Faz 1c).\r\n */\r\n@Component({\r\n  selector: 'mf-sidebar-nav-item',\r\n  imports: [Icon, OverlayModule, Popover, Tooltip],\r\n  host: { class: 'contents' },\r\n  templateUrl: './sidebar-nav-item.html',\r\n})\r\nexport class SidebarNavItemRow {\r\n  readonly item = input.required<SidebarNavItemModel>();\r\n  readonly collapsed = input(false);\r\n  readonly activeItemId = input<string | null>(null);\r\n  /** Genişkenken akordeon açık/kapalı durumu — root Sidebar tarafından kontrol edilir. */\r\n  readonly expanded = input(false);\r\n\r\n  readonly activate = output<SidebarNavItemModel>();\r\n  readonly toggleExpand = output<string>();\r\n\r\n  protected readonly hasChildren = computed(() => (this.item().children?.length ?? 0) > 0);\r\n  protected readonly isActive = computed(() => {\r\n    const id = this.activeItemId();\r\n    return this.item().id === id || (this.item().children?.some((c) => c.id === id) ?? false);\r\n  });\r\n\r\n  protected readonly rowClasses = computed(() =>\r\n    cn(sidebarNavItemVariants({ active: this.isActive(), collapsed: this.collapsed() })),\r\n  );\r\n\r\n  protected readonly flyoutOpen = signal(false);\r\n\r\n  protected onRowClick(): void {\r\n    if (this.hasChildren()) {\r\n      if (this.collapsed()) {\r\n        this.flyoutOpen.update((v) => !v);\r\n      } else {\r\n        this.toggleExpand.emit(this.item().id);\r\n      }\r\n      return;\r\n    }\r\n    this.activate.emit(this.item());\r\n  }\r\n\r\n  protected childRowClasses(child: SidebarNavItemModel): string {\r\n    return cn(\r\n      CHILD_ROW_BASE,\r\n      child.id === this.activeItemId() &&\r\n        'text-accent group-data-[appearance=brand]/sidebar:text-white ' +\r\n          'group-data-[appearance=brand-light]/sidebar:text-primary-900',\r\n    );\r\n  }\r\n\r\n  protected onChildClick(child: SidebarNavItemModel): void {\r\n    this.activate.emit(child);\r\n    this.closeFlyout();\r\n  }\r\n\r\n  protected closeFlyout(): void {\r\n    this.flyoutOpen.set(false);\r\n  }\r\n}\r\n","<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  [class]=\"rowClasses()\"\r\n  [attr.aria-expanded]=\"hasChildren() && !collapsed() ? expanded() : null\"\r\n  [attr.aria-current]=\"isActive() && !hasChildren() ? 'page' : null\"\r\n  [attr.aria-label]=\"collapsed() ? item().label : null\"\r\n  [mfTooltip]=\"collapsed() ? item().label : ''\"\r\n  tooltipPosition=\"right\"\r\n  (click)=\"onRowClick()\"\r\n>\r\n  <span mfIcon [size]=\"20\" [filled]=\"isActive()\">{{ item().icon }}</span>\r\n\r\n  @if (!collapsed()) {\r\n    <span class=\"min-w-0 flex-1 truncate\">{{ item().label }}</span>\r\n    @if (item().badge !== undefined) {\r\n      <span\r\n        class=\"rounded-full bg-primary-tint px-1.5 py-0.5 font-mono text-eyebrow text-primary-tint-fg group-data-[appearance=brand]/sidebar:bg-primary-800 group-data-[appearance=brand]/sidebar:text-primary-100 group-data-[appearance=brand-light]/sidebar:bg-primary-200 group-data-[appearance=brand-light]/sidebar:text-primary-800\"\r\n      >\r\n        {{ item().badge }}\r\n      </span>\r\n    }\r\n    @if (hasChildren()) {\r\n      <span\r\n        mfIcon\r\n        [size]=\"16\"\r\n        class=\"shrink-0 text-fg-subtle transition-transform duration-base group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700 rtl:-scale-x-100\"\r\n        [class.rotate-90]=\"expanded()\"\r\n        [class.rtl:-rotate-90]=\"expanded()\"\r\n      >\r\n        chevron_right\r\n      </span>\r\n    }\r\n  }\r\n</button>\r\n\r\n@if (hasChildren() && !collapsed()) {\r\n  <div\r\n    class=\"grid overflow-hidden transition-[grid-template-rows] duration-base ease-out\"\r\n    [style.grid-template-rows]=\"expanded() ? '1fr' : '0fr'\"\r\n    [attr.inert]=\"expanded() ? null : true\"\r\n  >\r\n    <ul class=\"m-0 min-h-0 list-none overflow-hidden p-0\">\r\n      @for (child of item().children; track child.id) {\r\n        <li>\r\n          <button type=\"button\" [class]=\"childRowClasses(child)\" (click)=\"onChildClick(child)\">\r\n            <span mfIcon [size]=\"16\">{{ child.icon }}</span>\r\n            <span class=\"truncate\">{{ child.label }}</span>\r\n          </button>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n}\r\n\r\n@if (hasChildren() && collapsed()) {\r\n  <mf-popover\r\n    [origin]=\"origin\"\r\n    [open]=\"flyoutOpen()\"\r\n    placement=\"right-start\"\r\n    padding=\"sm\"\r\n    panelClass=\"min-w-48\"\r\n    (closed)=\"closeFlyout()\"\r\n  >\r\n    <div role=\"menu\" [attr.aria-label]=\"item().label\">\r\n      <p class=\"truncate px-2.5 py-1.5 text-eyebrow text-fg-subtle\">{{ item().label }}</p>\r\n      @for (child of item().children; track child.id) {\r\n        <button\r\n          type=\"button\"\r\n          role=\"menuitem\"\r\n          class=\"flex w-full appearance-none items-center gap-2.5 rounded-sm border-0 bg-transparent px-2.5 py-1.5 text-start text-sm font-medium text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-surface-alt\"\r\n          (click)=\"onChildClick(child)\"\r\n        >\r\n          <span mfIcon [size]=\"16\">{{ child.icon }}</span>\r\n          <span class=\"truncate\">{{ child.label }}</span>\r\n        </button>\r\n      }\r\n    </div>\r\n  </mf-popover>\r\n}\r\n","import { OverlayModule } from '@angular/cdk/overlay';\r\nimport { Component, computed, inject, input, output, signal } from '@angular/core';\r\nimport { Avatar } from '@mesgflow/ui-kit/avatar';\r\nimport { cn, MF_SIDEBAR_LABELS } from '@mesgflow/ui-kit/core';\r\nimport { Icon } from '@mesgflow/ui-kit/icon';\r\nimport { Popover } from '@mesgflow/ui-kit/popover';\r\nimport { Tooltip } from '@mesgflow/ui-kit/tooltip';\r\nimport type { SidebarTenant } from './sidebar.model';\r\n\r\n/**\r\n * Sidebar'ın üst bloğu — panel iskeleti `Popover`'a devredildi (bkz. plan\r\n * Faz 1c). Panel genişliği daraltılmışken trigger genişliğine değil SABİT\r\n * 240px'e bağlı (`matchTriggerWidth` kapalı, `panelClass` ile `min-w-60`\r\n * veriliyor) — daralmışken trigger sadece 72px, tenant adları sığmaz.\r\n */\r\n@Component({\r\n  selector: 'mf-sidebar-tenant-switcher',\r\n  imports: [Avatar, Icon, OverlayModule, Popover, Tooltip],\r\n  host: { class: 'contents' },\r\n  templateUrl: './sidebar-tenant-switcher.html',\r\n})\r\nexport class SidebarTenantSwitcher {\r\n  readonly tenants = input<SidebarTenant[]>([]);\r\n  readonly activeTenantId = input<string | null>(null);\r\n  readonly collapsed = input(false);\r\n  readonly label = input<string>();\r\n  readonly noTenantsLabel = input<string>();\r\n\r\n  readonly tenantChange = output<SidebarTenant>();\r\n\r\n  private readonly sidebarLabels = inject(MF_SIDEBAR_LABELS);\r\n  protected readonly effectiveLabel = computed(\r\n    () => this.label() ?? this.sidebarLabels().switchTenant,\r\n  );\r\n  protected readonly effectiveNoTenantsLabel = computed(\r\n    () => this.noTenantsLabel() ?? this.sidebarLabels().noTenants,\r\n  );\r\n\r\n  protected readonly cn = cn;\r\n  protected readonly open = signal(false);\r\n  protected readonly highlighted = signal(0);\r\n\r\n  // `.at(0)` BİLEREK `[0]` yerine — `noUncheckedIndexedAccess` kapalıyken TS `arr[0]`'ı\r\n  // her zaman tanımlı sayar (boş dizide çalışma zamanında `undefined` olsa bile), bu da\r\n  // `?? null`'ı statik olarak \"asla tetiklenmez\" gösterip strictTemplates'in şablondaki\r\n  // savunmacı `?.`/`??`'yi hatalı biçimde gereksiz işaretlemesine yol açıyordu. `.at()`\r\n  // dizinden bağımsız her zaman `T | undefined` döner, tür çıkarımı gerçek davranışla eşleşir.\r\n  protected readonly activeTenant = computed(\r\n    () =>\r\n      this.tenants().find((t) => t.id === this.activeTenantId()) ?? this.tenants().at(0) ?? null,\r\n  );\r\n\r\n  protected toggle(): void {\r\n    if (this.tenants().length === 0) return;\r\n    if (!this.open())\r\n      this.highlighted.set(\r\n        Math.max(\r\n          0,\r\n          this.tenants().findIndex((t) => t.id === this.activeTenantId()),\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  }\r\n\r\n  protected select(tenant: SidebarTenant): void {\r\n    this.tenantChange.emit(tenant);\r\n    this.close();\r\n  }\r\n\r\n  protected optionClasses(tenant: SidebarTenant, index: number): string {\r\n    const isSelected = tenant.id === this.activeTenantId();\r\n    return cn(\r\n      'flex cursor-pointer items-center gap-2.5 rounded-sm px-2 py-1.5 transition-colors duration-fast ease-emphasis',\r\n      index === this.highlighted() && !isSelected && 'bg-surface-alt',\r\n      isSelected && '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 tenants = this.tenants();\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(tenants.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 tenant = tenants[this.highlighted()];\r\n      if (tenant) this.select(tenant);\r\n    }\r\n  }\r\n}\r\n","<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  class=\"flex h-16 w-full shrink-0 appearance-none items-center gap-2.5 border-x-0 border-t-0 border-b border-border bg-transparent px-3 text-start transition-colors duration-fast ease-emphasis hover:bg-surface-alt focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:border-primary-200 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n  [class.justify-center]=\"collapsed()\"\r\n  [attr.aria-label]=\"collapsed() ? (activeTenant()?.name ?? effectiveLabel()) : null\"\r\n  [mfTooltip]=\"collapsed() ? (activeTenant()?.name ?? effectiveLabel()) : ''\"\r\n  tooltipPosition=\"right\"\r\n  [attr.aria-expanded]=\"open()\"\r\n  aria-haspopup=\"listbox\"\r\n  (click)=\"toggle()\"\r\n  (keydown)=\"onTriggerKeydown($event)\"\r\n>\r\n  <mf-avatar [name]=\"activeTenant()?.name ?? '?'\" shape=\"square\" size=\"md\" [colorful]=\"true\" />\r\n  @if (!collapsed()) {\r\n    <span class=\"flex min-w-0 flex-1 flex-col\">\r\n      <span\r\n        class=\"truncate font-display text-sm font-semibold text-fg group-data-[appearance=brand]/sidebar:text-primary-50 group-data-[appearance=brand-light]/sidebar:text-primary-900\"\r\n      >\r\n        {{ activeTenant()?.name ?? effectiveNoTenantsLabel() }}\r\n      </span>\r\n      <span\r\n        class=\"truncate text-xs text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n        >{{ effectiveLabel() }}</span\r\n      >\r\n    </span>\r\n    <span\r\n      mfIcon\r\n      [size]=\"18\"\r\n      class=\"shrink-0 text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n      >unfold_more</span\r\n    >\r\n  }\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]=\"!collapsed()\"\r\n  [panelClass]=\"cn('max-h-72', collapsed() ? 'min-w-60' : '')\"\r\n  (closed)=\"close()\"\r\n>\r\n  <ul\r\n    role=\"listbox\"\r\n    tabindex=\"0\"\r\n    [attr.aria-label]=\"effectiveLabel()\"\r\n    class=\"w-full text-sm\"\r\n    (keydown)=\"onPanelKeydown($event)\"\r\n  >\r\n    @for (tenant of tenants(); track tenant.id; 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]=\"tenant.id === activeTenantId()\"\r\n        [class]=\"optionClasses(tenant, i)\"\r\n        (mouseenter)=\"highlighted.set(i)\"\r\n        (click)=\"select(tenant)\"\r\n      >\r\n        <mf-avatar [name]=\"tenant.name\" shape=\"square\" size=\"sm\" [colorful]=\"true\" />\r\n        <span class=\"min-w-0 flex-1 truncate text-fg-muted\">{{ tenant.name }}</span>\r\n        @if (tenant.id === activeTenantId()) {\r\n          <span mfIcon [size]=\"16\">check</span>\r\n        }\r\n      </li>\r\n    } @empty {\r\n      <li class=\"px-2.5 py-1.5 text-fg-subtle\">{{ effectiveNoTenantsLabel() }}</li>\r\n    }\r\n  </ul>\r\n</mf-popover>\r\n","import { Component, computed, inject, input, output } from '@angular/core';\r\nimport { Avatar } from '@mesgflow/ui-kit/avatar';\r\nimport { MF_SIDEBAR_LABELS } from '@mesgflow/ui-kit/core';\r\nimport { Icon } from '@mesgflow/ui-kit/icon';\r\nimport { Tooltip } from '@mesgflow/ui-kit/tooltip';\r\nimport type { SidebarUser } from './sidebar.model';\r\n\r\n/**\r\n * Sidebar'ın alt bloğu — menü AÇMIYOR, tek bir satır: tıklanınca `profileClick`\r\n * emit ediyor, gerçek \"profile git\" navigasyonu tüketicinin sorumluluğu\r\n * (ör. `(profileClick)=\"router.navigate(['/profile'])\"`).\r\n */\r\n@Component({\r\n  selector: 'mf-sidebar-user-menu',\r\n  imports: [Avatar, Icon, Tooltip],\r\n  host: { class: 'contents' },\r\n  templateUrl: './sidebar-user-menu.html',\r\n})\r\nexport class SidebarUserMenu {\r\n  readonly user = input<SidebarUser | null>(null);\r\n  readonly collapsed = input(false);\r\n  readonly noUserLabel = input<string>();\r\n\r\n  readonly profileClick = output<void>();\r\n\r\n  private readonly sidebarLabels = inject(MF_SIDEBAR_LABELS);\r\n  protected readonly effectiveNoUserLabel = computed(\r\n    () => this.noUserLabel() ?? this.sidebarLabels().noUser,\r\n  );\r\n}\r\n","@if (user(); as current) {\r\n  <button\r\n    type=\"button\"\r\n    class=\"flex h-16 w-full shrink-0 appearance-none items-center gap-2.5 border-0 bg-transparent px-3 text-start transition-colors duration-fast ease-emphasis hover:bg-surface-alt focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n    [class.justify-center]=\"collapsed()\"\r\n    [attr.aria-label]=\"collapsed() ? current.name : null\"\r\n    [mfTooltip]=\"collapsed() ? current.name : ''\"\r\n    tooltipPosition=\"right\"\r\n    (click)=\"profileClick.emit()\"\r\n  >\r\n    <mf-avatar [name]=\"current.name\" tone=\"info\" size=\"md\" />\r\n    @if (!collapsed()) {\r\n      <span class=\"flex min-w-0 flex-1 flex-col\">\r\n        <span\r\n          class=\"truncate text-sm font-semibold text-fg group-data-[appearance=brand]/sidebar:text-primary-50 group-data-[appearance=brand-light]/sidebar:text-primary-900\"\r\n          >{{ current.name }}</span\r\n        >\r\n        <span\r\n          class=\"truncate text-xs text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n          >{{ current.role ?? current.email }}</span\r\n        >\r\n      </span>\r\n      <span\r\n        mfIcon\r\n        [size]=\"18\"\r\n        class=\"shrink-0 text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n        >settings</span\r\n      >\r\n    }\r\n  </button>\r\n} @else {\r\n  <div\r\n    class=\"flex h-16 shrink-0 items-center gap-2.5 px-3 text-fg-subtle\"\r\n    [class.justify-center]=\"collapsed()\"\r\n  >\r\n    <span mfIcon [size]=\"20\">person_off</span>\r\n    @if (!collapsed()) {\r\n      <span class=\"truncate text-sm\">{{ effectiveNoUserLabel() }}</span>\r\n    }\r\n  </div>\r\n}\r\n","import {\r\n  Component,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  model,\r\n  input,\r\n  output,\r\n  untracked,\r\n} from '@angular/core';\r\nimport { cn, MF_SIDEBAR_LABELS } from '@mesgflow/ui-kit/core';\r\nimport { Icon } from '@mesgflow/ui-kit/icon';\r\nimport { Tooltip } from '@mesgflow/ui-kit/tooltip';\r\nimport { sidebarVariants, type SidebarAppearance } from './sidebar.variants';\r\nimport { SidebarNavItemRow } from './sidebar-nav-item';\r\nimport { SidebarTenantSwitcher } from './sidebar-tenant-switcher';\r\nimport { SidebarUserMenu } from './sidebar-user-menu';\r\nimport type {\r\n  SidebarNavItem as SidebarNavItemModel,\r\n  SidebarTenant,\r\n  SidebarUser,\r\n} from './sidebar.model';\r\n\r\n/**\r\n * `<mf-sidebar [navItems]=\"items\" [tenants]=\"tenants\" [user]=\"user\" [(collapsed)]=\"collapsed\" />`\r\n *\r\n * Tamamen generic/yeniden kullanılabilir bir premium sidebar — Table'daki gibi,\r\n * gerçek veriye değil `input()`lara bağlı (bkz. layout/shell/shell.ts'in bunu\r\n * gerçek veriyle beslemesi). Üç bölge: tenant switcher (üst), navigasyon\r\n * (orta, açılır gruplu), kullanıcı satırı (alt, tıklanınca `profileClick`\r\n * emit eder — menü AÇMAZ) — hepsi tek bir dikey panelde.\r\n */\r\n@Component({\r\n  selector: 'mf-sidebar',\r\n  exportAs: 'mfSidebar',\r\n  host: { class: 'flex h-full' },\r\n  imports: [Icon, Tooltip, SidebarTenantSwitcher, SidebarNavItemRow, SidebarUserMenu],\r\n  templateUrl: './sidebar.html',\r\n})\r\nexport class Sidebar {\r\n  readonly tenants = input<SidebarTenant[]>([]);\r\n  readonly activeTenantId = model<string | null>(null);\r\n  readonly navItems = input.required<SidebarNavItemModel[]>();\r\n  readonly activeItemId = model<string | null>(null);\r\n  readonly user = input<SidebarUser | null>(null);\r\n  /**\r\n   * `false` -- kullanıcı satırı VE üstündeki ayraç HİÇ render edilmez.\r\n   * Varsayılan `true` (mevcut davranış korunur): `user()` `null` olsa bile\r\n   * `SidebarUserMenu` kendi \"oturum açılmadı\" boş-durumunu gösterir (bilinçli,\r\n   * bkz. `sidebar-user-menu.ts`) — bu, kullanıcı kavramı OLMAYAN tüketiciler\r\n   * (ör. salt-dokümantasyon/showcase kabukları) için YANLIŞ bir sinyal\r\n   * olabiliyordu (gerçek bulgu). `false` geçmek o tüketicilerin kaçış yolu.\r\n   */\r\n  readonly showUserMenu = input(true);\r\n  readonly collapsed = model(false);\r\n  /**\r\n   * Sidebar'ın kendi kenarındaki yuvarlak daralt/genişlet butonu. Varsayılan\r\n   * `true` — tetikleyiciyi kendi navbar'ına taşıyan tüketiciler `false` geçer,\r\n   * aksi halde masaüstünde İKİ ayrı daraltma kontrolü olurdu.\r\n   */\r\n  readonly showCollapseToggle = input(true);\r\n  /**\r\n   * `'chrome'` (varsayılan, mevcut nötr görünüm) | `'brand'` (kök zemini\r\n   * `primary-900`, nav metni/aktif ray marka tonlu — iki modda AYNI, bkz.\r\n   * `sidebar.variants.ts` doc'u) | `'brand-light'` (AYNI marka kimliği,\r\n   * kök zemini `primary-100` — koyu yerine açık bir marka bloğu, yine iki\r\n   * modda AYNI). CDK overlay'e taşınan flyout/tenant listesi bu grubun\r\n   * TORUNU olmadığından her zaman katı `chrome` kalır.\r\n   */\r\n  readonly appearance = input<SidebarAppearance>('chrome');\r\n\r\n  /** Verilmezse `MF_SIDEBAR_LABELS`'a düşer — `SidebarTenantSwitcher`/`SidebarUserMenu`'nün KENDİ etiketleri artık AYRICA buradan prop-drilling YAPILMIYOR, ikisi de `MF_SIDEBAR_LABELS`'ı doğrudan inject ediyor. */\r\n  readonly collapseLabel = input<string>();\r\n  readonly expandLabel = input<string>();\r\n  readonly navAriaLabel = input<string>();\r\n\r\n  readonly tenantChange = output<SidebarTenant>();\r\n  readonly itemClick = output<SidebarNavItemModel>();\r\n  /** Kullanıcı satırına tıklanınca — profile navigasyonu tüketicinin sorumluluğu. */\r\n  readonly profileClick = output<void>();\r\n\r\n  private readonly sidebarLabels = inject(MF_SIDEBAR_LABELS);\r\n  protected readonly effectiveCollapseLabel = computed(\r\n    () => this.collapseLabel() ?? this.sidebarLabels().collapse,\r\n  );\r\n  protected readonly effectiveExpandLabel = computed(\r\n    () => this.expandLabel() ?? this.sidebarLabels().expand,\r\n  );\r\n  protected readonly effectiveNavAriaLabel = computed(\r\n    () => this.navAriaLabel() ?? this.sidebarLabels().nav,\r\n  );\r\n\r\n  protected readonly rootClasses = computed(() =>\r\n    cn(sidebarVariants({ collapsed: this.collapsed(), appearance: this.appearance() })),\r\n  );\r\n\r\n  /** Genişkenken hangi gruplar açık — her grup BAĞIMSIZ açılır/kapanır (akordeon değil, kullanıcı kararı). `model()` — tüketici okuyabilir/yazabilir (ör. \"hepsini aç\" bir buton). */\r\n  readonly expandedIds = model<ReadonlySet<string>>(new Set());\r\n  /**\r\n   * `activeItemId()` bir alt öğeye (children içinde) eşleşince o öğenin\r\n   * EBEVEYN grubunu otomatik açar — YALNIZCA aktif öğe DEĞİŞİNCE (kullanıcının\r\n   * sonradan elle kapatması korunur, tekrar zorla açılmaz). Öncesinde derin\r\n   * bir bağlantıya (ör. `/components/button`) DOĞRUDAN gidildiğinde tüm\r\n   * gruplar kapalı geliyor, aktif öğe görünmüyordu (gerçek bulgu).\r\n   */\r\n  readonly autoExpandActive = input(true);\r\n\r\n  protected isExpanded(id: string): boolean {\r\n    return this.expandedIds().has(id);\r\n  }\r\n\r\n  protected onToggleExpand(id: string): void {\r\n    this.expandedIds.update((current) => {\r\n      const next = new Set(current);\r\n      if (next.has(id)) next.delete(id);\r\n      else next.add(id);\r\n      return next;\r\n    });\r\n  }\r\n\r\n  constructor() {\r\n    // `expandedIds()` BİLEREK `untracked()` içinde okunuyor — aksi halde bu\r\n    // effect KENDİ yazdığı sinyale de bağımlı olurdu ve kullanıcı grubu elle\r\n    // kapattığında (`expandedIds` değişince, `activeItemId` AYNI kalsa bile)\r\n    // yeniden tetiklenip anında geri açardı (gerçek bulgu, ilk denemede\r\n    // yakalandı). Bu effect SADECE `autoExpandActive`/`activeItemId`/\r\n    // `navItems` değişince çalışmalı.\r\n    effect(() => {\r\n      if (!this.autoExpandActive()) return;\r\n      const activeId = this.activeItemId();\r\n      if (!activeId) return;\r\n      const parent = this.navItems().find((item) =>\r\n        item.children?.some((child) => child.id === activeId),\r\n      );\r\n      if (!parent) return;\r\n      untracked(() => {\r\n        if (this.expandedIds().has(parent.id)) return;\r\n        this.expandedIds.update((current) => new Set(current).add(parent.id));\r\n      });\r\n    });\r\n  }\r\n\r\n  protected onItemActivate(item: SidebarNavItemModel): void {\r\n    this.activeItemId.set(item.id);\r\n    this.itemClick.emit(item);\r\n  }\r\n\r\n  protected onTenantSelect(tenant: SidebarTenant): void {\r\n    this.activeTenantId.set(tenant.id);\r\n    this.tenantChange.emit(tenant);\r\n  }\r\n\r\n  protected toggleCollapse(): void {\r\n    this.collapsed.update((v) => !v);\r\n  }\r\n}\r\n","<aside [class]=\"rootClasses()\" [attr.data-appearance]=\"appearance()\">\r\n  <div class=\"flex h-full min-h-0 w-full flex-col overflow-hidden\">\r\n    @if (tenants().length > 0) {\r\n      <mf-sidebar-tenant-switcher\r\n        [tenants]=\"tenants()\"\r\n        [activeTenantId]=\"activeTenantId()\"\r\n        [collapsed]=\"collapsed()\"\r\n        (tenantChange)=\"onTenantSelect($event)\"\r\n      />\r\n    } @else {\r\n      <!--\r\n      Tenant kavramı olmayan tüketiciler `tenants` input'unu hiç geçmez — bu\r\n      durumda tenant switcher'ın \"Kiracı bulunamadı\" boş-durumunu göstermek\r\n      yerine (kafa karıştırıcı, gerçek bir hata gibi okunur) çağıranın kendi\r\n      marka başlığını buraya projekte etmesi bekleniyor (ör. `<mf-brand />`).\r\n    -->\r\n      <div\r\n        class=\"flex h-16 shrink-0 items-center gap-2 border-b border-border px-4 group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand-light]/sidebar:border-primary-200\"\r\n        [class.justify-center]=\"collapsed()\"\r\n      >\r\n        <ng-content select=\"[brand]\" />\r\n      </div>\r\n    }\r\n\r\n    <nav\r\n      class=\"flex-1 overflow-x-hidden overflow-y-auto px-2 py-3\"\r\n      [attr.aria-label]=\"effectiveNavAriaLabel()\"\r\n    >\r\n      <ul class=\"m-0 flex list-none flex-col gap-1 p-0\">\r\n        @for (item of navItems(); track item.id) {\r\n          <li>\r\n            <mf-sidebar-nav-item\r\n              [item]=\"item\"\r\n              [collapsed]=\"collapsed()\"\r\n              [activeItemId]=\"activeItemId()\"\r\n              [expanded]=\"isExpanded(item.id)\"\r\n              (activate)=\"onItemActivate($event)\"\r\n              (toggleExpand)=\"onToggleExpand($event)\"\r\n            />\r\n          </li>\r\n        }\r\n      </ul>\r\n    </nav>\r\n\r\n    @if (showUserMenu()) {\r\n      <div\r\n        class=\"border-t border-border group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand-light]/sidebar:border-primary-200\"\r\n      ></div>\r\n\r\n      <mf-sidebar-user-menu\r\n        [user]=\"user()\"\r\n        [collapsed]=\"collapsed()\"\r\n        (profileClick)=\"profileClick.emit()\"\r\n      />\r\n    }\r\n  </div>\r\n\r\n  @if (showCollapseToggle()) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"absolute top-14 -end-3 z-10 flex h-6 w-6 appearance-none items-center justify-center rounded-full border border-hairline bg-chrome p-0 text-fg-subtle shadow-1 transition-colors duration-fast ease-emphasis hover:bg-surface-alt hover:text-fg active:scale-[0.99] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:bg-primary-900 group-data-[appearance=brand]/sidebar:text-primary-200 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:hover:text-primary-50 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:bg-primary-100 group-data-[appearance=brand-light]/sidebar:text-primary-800 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:hover:text-primary-900 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n      [mfTooltip]=\"collapsed() ? effectiveExpandLabel() : effectiveCollapseLabel()\"\r\n      tooltipPosition=\"right\"\r\n      [attr.aria-label]=\"collapsed() ? effectiveExpandLabel() : effectiveCollapseLabel()\"\r\n      (click)=\"toggleCollapse()\"\r\n    >\r\n      <span mfIcon [size]=\"14\" class=\"rtl:-scale-x-100\">{{\r\n        collapsed() ? 'chevron_right' : 'chevron_left'\r\n      }}</span>\r\n    </button>\r\n  }\r\n</aside>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BG;AACI,MAAM,eAAe,GAAG,GAAG;AAChC;;;;;;AAMG;AACH,4HAA4H,EAC5H;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,KAAK,EAAE,MAAM;AACd,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,MAAM,EAAE,EAAE;;AAEV,YAAA,KAAK,EAAE,qCAAqC;;AAE5C,YAAA,aAAa,EAAE,qCAAqC;AACrD,SAAA;AACF,KAAA;IACD,eAAe,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE;AAC5D,CAAA;AAGH;;;;;;;;;;;AAWG;AACI,MAAM,sBAAsB,GAAG,GAAG,CACvC,mKAAmK;IACjK,iGAAiG;IACjG,gHAAgH;IAChH,yDAAyD;IACzD,yHAAyH;IACzH,0EAA0E;IAC1E,+DAA+D;IAC/D,sIAAsI;AACtI,IAAA,+EAA+E,EACjF;AACE,IAAA,QAAQ,EAAE;AACR;;;;;;;AAOG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EACF,6GAA6G;gBAC7G,kHAAkH;gBAClH,8GAA8G;gBAC9G,yDAAyD;gBACzD,8HAA8H;gBAC9H,gIAAgI;gBAChI,oEAAoE;AACtE,YAAA,KAAK,EAAE,EAAE;AACV,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,KAAK,EAAE,EAAE;AACV,SAAA;AACF,KAAA;AACD,IAAA,gBAAgB,EAAE;;;;;AAKhB,QAAA;AACE,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,KAAK,EACH,kFAAkF;gBAClF,kEAAkE;AACrE,SAAA;AACF,KAAA;IACD,eAAe,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE;AACrD,CAAA;;AC7GH;AACA,MAAM,cAAc,GAClB,wUAAwU;IACxU,oHAAoH;IACpH,sIAAsI;IACtI,gIAAgI;AAChI,IAAA,kJAAkJ;AAEpJ;;;;;;;AAOG;MAOU,iBAAiB,CAAA;IACnB,IAAI,GAAG,KAAK,CAAC,QAAQ;6EAAuB;IAC5C,SAAS,GAAG,KAAK,CAAC,KAAK;kFAAC;IACxB,YAAY,GAAG,KAAK,CAAgB,IAAI;qFAAC;;IAEzC,QAAQ,GAAG,KAAK,CAAC,KAAK;iFAAC;IAEvB,QAAQ,GAAG,MAAM,EAAuB;IACxC,YAAY,GAAG,MAAM,EAAU;AAErB,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC;oFAAC;AACrE,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AAC1C,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE;AAC9B,QAAA,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,KAAK,CAAC;IAC3F,CAAC;iFAAC;IAEiB,UAAU,GAAG,QAAQ,CAAC,MACvC,EAAE,CAAC,sBAAsB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;mFACrF;IAEkB,UAAU,GAAG,MAAM,CAAC,KAAK;mFAAC;IAEnC,UAAU,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;AACtB,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;AACpB,gBAAA,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;YACnC;iBAAO;AACL,gBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC;YACxC;YACA;QACF;QACA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACjC;AAEU,IAAA,eAAe,CAAC,KAA0B,EAAA;QAClD,OAAO,EAAE,CACP,cAAc,EACd,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC,YAAY,EAAE;YAC9B,+DAA+D;AAC7D,gBAAA,8DAA8D,CACnE;IACH;AAEU,IAAA,YAAY,CAAC,KAA0B,EAAA;AAC/C,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,WAAW,EAAE;IACpB;IAEU,WAAW,GAAA;AACnB,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;IAC5B;uGAlDW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,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,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,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,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/B9B,gwGAiFA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDtDY,IAAI,oFAAE,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,OAAO,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,WAAA,EAAA,SAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,kBAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIpC,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,OAAA,EACtB,CAAC,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,EAAA,IAAA,EAC1C,EAAE,KAAK,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,gwGAAA,EAAA;;;AEnB7B;;;;;AAKG;MAOU,qBAAqB,CAAA;IACvB,OAAO,GAAG,KAAK,CAAkB,EAAE;gFAAC;IACpC,cAAc,GAAG,KAAK,CAAgB,IAAI;uFAAC;IAC3C,SAAS,GAAG,KAAK,CAAC,KAAK;kFAAC;AACxB,IAAA,KAAK,GAAG,KAAK;yFAAU;AACvB,IAAA,cAAc,GAAG,KAAK;kGAAU;IAEhC,YAAY,GAAG,MAAM,EAAiB;AAE9B,IAAA,aAAa,GAAG,MAAM,CAAC,iBAAiB,CAAC;AACvC,IAAA,cAAc,GAAG,QAAQ,CAC1C,MAAM,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,YAAY;uFACxD;AACkB,IAAA,uBAAuB,GAAG,QAAQ,CACnD,MAAM,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,SAAS;gGAC9D;IAEkB,EAAE,GAAG,EAAE;IACP,IAAI,GAAG,MAAM,CAAC,KAAK;6EAAC;IACpB,WAAW,GAAG,MAAM,CAAC,CAAC;oFAAC;;;;;;AAOvB,IAAA,YAAY,GAAG,QAAQ,CACxC,MACE,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,cAAc,EAAE,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI;qFAC7F;IAES,MAAM,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,KAAK,CAAC;YAAE;AACjC,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,EAAE,KAAK,IAAI,CAAC,cAAc,EAAE,CAAC,CAChE,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;IACtB;AAEU,IAAA,MAAM,CAAC,MAAqB,EAAA;AACpC,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;QAC9B,IAAI,CAAC,KAAK,EAAE;IACd;IAEU,aAAa,CAAC,MAAqB,EAAE,KAAa,EAAA;QAC1D,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,cAAc,EAAE;QACtD,OAAO,EAAE,CACP,+GAA+G,EAC/G,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,UAAU,IAAI,gBAAgB,EAC/D,UAAU,IAAI,sCAAsC,CACrD;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;uGA1FW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBlC,ipHAyEA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDxDY,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,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,UAAA,EAAA,IAAA,EAAE,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,OAAO,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,WAAA,EAAA,SAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,kBAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAI5C,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,WAC7B,CAAC,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,EAAA,IAAA,EAClD,EAAE,KAAK,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,ipHAAA,EAAA;;;AEX7B;;;;AAIG;MAOU,eAAe,CAAA;IACjB,IAAI,GAAG,KAAK,CAAqB,IAAI;6EAAC;IACtC,SAAS,GAAG,KAAK,CAAC,KAAK;kFAAC;AACxB,IAAA,WAAW,GAAG,KAAK;+FAAU;IAE7B,YAAY,GAAG,MAAM,EAAQ;AAErB,IAAA,aAAa,GAAG,MAAM,CAAC,iBAAiB,CAAC;AACvC,IAAA,oBAAoB,GAAG,QAAQ,CAChD,MAAM,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM;6FACxD;uGAVU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,gjBClB5B,+nEAyCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED3BY,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,IAAI,qFAAE,OAAO,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,kBAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIpB,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAAA,OAAA,EACvB,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,EAAA,IAAA,EAC1B,EAAE,KAAK,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,+nEAAA,EAAA;;;AEQ7B;;;;;;;;AAQG;MAQU,OAAO,CAAA;IACT,OAAO,GAAG,KAAK,CAAkB,EAAE;gFAAC;IACpC,cAAc,GAAG,KAAK,CAAgB,IAAI;uFAAC;IAC3C,QAAQ,GAAG,KAAK,CAAC,QAAQ;iFAAyB;IAClD,YAAY,GAAG,KAAK,CAAgB,IAAI;qFAAC;IACzC,IAAI,GAAG,KAAK,CAAqB,IAAI;6EAAC;AAC/C;;;;;;;AAOG;IACM,YAAY,GAAG,KAAK,CAAC,IAAI;qFAAC;IAC1B,SAAS,GAAG,KAAK,CAAC,KAAK;kFAAC;AACjC;;;;AAIG;IACM,kBAAkB,GAAG,KAAK,CAAC,IAAI;2FAAC;AACzC;;;;;;;AAOG;IACM,UAAU,GAAG,KAAK,CAAoB,QAAQ;mFAAC;;AAG/C,IAAA,aAAa,GAAG,KAAK;iGAAU;AAC/B,IAAA,WAAW,GAAG,KAAK;+FAAU;AAC7B,IAAA,YAAY,GAAG,KAAK;gGAAU;IAE9B,YAAY,GAAG,MAAM,EAAiB;IACtC,SAAS,GAAG,MAAM,EAAuB;;IAEzC,YAAY,GAAG,MAAM,EAAQ;AAErB,IAAA,aAAa,GAAG,MAAM,CAAC,iBAAiB,CAAC;AACvC,IAAA,sBAAsB,GAAG,QAAQ,CAClD,MAAM,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,QAAQ;+FAC5D;AACkB,IAAA,oBAAoB,GAAG,QAAQ,CAChD,MAAM,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM;6FACxD;AACkB,IAAA,qBAAqB,GAAG,QAAQ,CACjD,MAAM,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,GAAG;8FACtD;IAEkB,WAAW,GAAG,QAAQ,CAAC,MACxC,EAAE,CAAC,eAAe,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;oFACpF;;AAGQ,IAAA,WAAW,GAAG,KAAK,CAAsB,IAAI,GAAG,EAAE;oFAAC;AAC5D;;;;;;AAMG;IACM,gBAAgB,GAAG,KAAK,CAAC,IAAI;yFAAC;AAE7B,IAAA,UAAU,CAAC,EAAU,EAAA;QAC7B,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;IACnC;AAEU,IAAA,cAAc,CAAC,EAAU,EAAA;QACjC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,KAAI;AAClC,YAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC;AAC7B,YAAA,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAAE,gBAAA,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;;AAC5B,gBAAA,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AACjB,YAAA,OAAO,IAAI;AACb,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,WAAA,GAAA;;;;;;;QAOE,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAAE;AAC9B,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,EAAE;AACpC,YAAA,IAAI,CAAC,QAAQ;gBAAE;AACf,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,KACvC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,KAAK,QAAQ,CAAC,CACtD;AACD,YAAA,IAAI,CAAC,MAAM;gBAAE;YACb,SAAS,CAAC,MAAK;gBACb,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;oBAAE;gBACvC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AACvE,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;AAEU,IAAA,cAAc,CAAC,IAAyB,EAAA;QAChD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;AAC9B,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;IAC3B;AAEU,IAAA,cAAc,CAAC,MAAqB,EAAA;QAC5C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;AAClC,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;IAChC;IAEU,cAAc,GAAA;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAClC;uGAnHW,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAP,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,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,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,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,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,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,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,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,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,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,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvCpB,q0HAwEA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDpCY,IAAI,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,kBAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,OAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,cAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGvE,OAAO,EAAA,UAAA,EAAA,CAAA;kBAPnB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,YACZ,WAAW,EAAA,IAAA,EACf,EAAE,KAAK,EAAE,aAAa,EAAE,EAAA,OAAA,EACrB,CAAC,IAAI,EAAE,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,q0HAAA,EAAA;;;AEpCrF;;AAEG;;"}
+{"version":3,"file":"mesgflow-ui-kit-sidebar.mjs","sources":["../../../projects/ui-kit/sidebar/sidebar.variants.ts","../../../projects/ui-kit/sidebar/sidebar-nav-item.ts","../../../projects/ui-kit/sidebar/sidebar-nav-item.html","../../../projects/ui-kit/sidebar/sidebar-tenant-switcher.ts","../../../projects/ui-kit/sidebar/sidebar-tenant-switcher.html","../../../projects/ui-kit/sidebar/sidebar-user-menu.ts","../../../projects/ui-kit/sidebar/sidebar-user-menu.html","../../../projects/ui-kit/sidebar/sidebar.ts","../../../projects/ui-kit/sidebar/sidebar.html","../../../projects/ui-kit/sidebar/mesgflow-ui-kit-sidebar.ts"],"sourcesContent":["import { focusRecipe } from '@mesgflow/ui-kit/core';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\n\r\n/**\r\n * Kök panel: kart değil, yapısal/kenar-kenara chrome — `shadow-*`/`rounded-*`\r\n * YOK. `bg-chrome` (styles.css'te tanımlı, moda göre 975/950 basamağı arasında\r\n * takas olan yüzey rolü) — dark modda uygulamanın EN KOYU tonu, \"chrome her\r\n * zaman içerikten koyu\" kuralının kaynağı. Kenar artık `border-hairline`\r\n * (border-first depth, 2026-09 Deep Emerald geçişi) — `border-e` UZUN-EL\r\n * yazıldı (`border-e-hairline`, kısaltma DEĞİL) ki `appearance=\"brand\"`'ın\r\n * `border-e-transparent`'ı AYNI özgüllükte, cascade sırasına bağlı olmadan\r\n * güvenle üstüne yazabilsin.\r\n *\r\n * `appearance: 'chrome' | 'brand' | 'brand-light'` — `group/sidebar` + kök\r\n * elementteki `data-appearance` ATTRIBUTE'u (bkz. sidebar.html), alt\r\n * bileşenler kendi class'larına yeni bir input EKLEMEDEN\r\n * `group-data-[appearance=brand]/sidebar:`/`group-data-[appearance=brand-light]/sidebar:`\r\n * varyantıyla opt-in eder — CDK overlay'e (flyout/tenant listesi) taşınan\r\n * içerik bu grubun TORUNU DEĞİLDİR, bu yüzden overlay panelleri bilerek\r\n * katı `chrome` kalır (istenen: aşırı marka rengi overlay'lerde yorucu olur).\r\n *\r\n * `brand-light` — kullanıcı isteğiyle eklendi (varsayılan HÂLÂ `chrome`,\r\n * `brand`'in KENDİSİ birebir korunuyor — bu SADECE üçüncü bir seçenek):\r\n * `brand`in \"her adımda bir basamak açığa doğru\" desenini primary rampasının\r\n * AÇIK ucuna yansıtır (900→100, 800→200, 300→700, beyaz→900 gibi) — aynı\r\n * \"iki modda AYNI, marka her zaman sabit\" felsefesi, sadece açık zeminde.\r\n * `primary-100` `neutral-100` canvas'a karşı yalnızca 1.08:1 (saf L farkı) —\r\n * `brand`in aksine (900 her zeminden zaten kopuyor) burada kenarlık BİLEREK\r\n * KORUNUYOR (`border-e-primary-200`) ki blok net ayrışsın.\r\n */\r\nexport const sidebarVariants = cva(\r\n  /*\r\n   * `overflow-hidden` BİLEREK yok — kenar toggle butonu bu kutunun dışına\r\n   * taşarak (`-end-3`) sınırı \"kucaklıyor\" (Notion/Linear deseni), kırpma\r\n   * kök elementte olsaydı kendi toggle'ını keserdi. İç içerik (tenant/nav/\r\n   * kullanıcı sütunu) genişlik geçişi sırasında taşma göstermesin diye kendi\r\n   * `overflow-hidden`'ını sidebar.html'de ayrı bir iç wrapper'da taşıyor.\r\n   */\r\n  'group/sidebar relative flex h-full flex-col border-e border-e-hairline bg-chrome transition-[width] duration-base ease-out',\r\n  {\r\n    variants: {\r\n      collapsed: {\r\n        true: 'w-[72px]',\r\n        false: 'w-64',\r\n      },\r\n      appearance: {\r\n        chrome: '',\r\n        /** Marka kenar çubuğu — kök zemini iki modda da primary-900 (#062c22, kullanıcının \"primer\"i), kenarlık gizlenir (zemin zaten belirgin bir blok). */\r\n        brand: 'border-e-transparent bg-primary-900',\r\n        /** Marka kenar çubuğu, AÇIK — kök zemini iki modda da primary-100, kenarlık KORUNUR (bkz. yukarıdaki doc). */\r\n        'brand-light': 'border-e-primary-200 bg-primary-100',\r\n      },\r\n    },\r\n    defaultVariants: { collapsed: false, appearance: 'chrome' },\r\n  },\r\n);\r\n\r\n/**\r\n * Nav satırı (leaf veya parent-toggle) — `rounded-sm`(6px, menü öğesi kademesi,\r\n * bkz. styles.css radius notu), panel değil kontrol. `border-s-2 border-s-\r\n * transparent` BASE'te HER ZAMAN rezerve — aktif olunca sadece rengi değişir,\r\n * yoksa 2px'lik ray aktifleşirken satırın geri kalanı kayardı (layout shift).\r\n *\r\n * Brand sınıfları (`group-data-[appearance=brand]/sidebar:…`) özgüllükte\r\n * (0,2,0) — düz `text-fg-muted`/`hover:bg-state-hover` (0,1,0) ve `dark:`\r\n * (0,1,0) varyantlarının HER İKİSİNİ de cascade sırasından bağımsız yener,\r\n * bu yüzden ayrı bir `dark:` ikizi yazmaya gerek yok (brand görünümü iki\r\n * modda da AYNI).\r\n */\r\nexport const sidebarNavItemVariants = cva(\r\n  'group flex w-full appearance-none items-center gap-3 rounded-sm border-0 border-s-2 border-s-transparent bg-transparent px-3 py-2 text-start text-sm font-medium ' +\r\n    'text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-state-hover hover:text-fg ' +\r\n    focusRecipe +\r\n    ' ' +\r\n    'group-data-[appearance=brand]/sidebar:text-primary-200 ' +\r\n    'group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:hover:text-primary-50 ' +\r\n    'group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 ' +\r\n    'group-data-[appearance=brand-light]/sidebar:text-primary-800 ' +\r\n    'group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:hover:text-primary-900 ' +\r\n    'group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700',\r\n  {\r\n    variants: {\r\n      /*\r\n       * \"Ray\" — bu tazelemenin imza motiflerinden biri (bkz. plan): dolu\r\n       * yeşil sol çizgi + tonal işaret zemini, SADECE \"buradasın\" anlamında\r\n       * kullanılıyor (sidebar aktif öğe, aktif sekme, seçili tablo satırı —\r\n       * başka HİÇBİR yerde). Rol token'ı (`bg-primary-tint text-primary-tint-fg`,\r\n       * badge/avatar ile aynı dil) — `color-mix()` her iki modu da TEK satırda\r\n       * çözer, ayrı bir `dark:` ikizi YOK.\r\n       */\r\n      active: {\r\n        true:\r\n          'border-s-accent-fill bg-primary-tint text-primary-tint-fg hover:bg-primary-tint hover:text-primary-tint-fg ' +\r\n          'group-data-[appearance=brand]/sidebar:border-s-primary-300 group-data-[appearance=brand]/sidebar:bg-primary-800 ' +\r\n          'group-data-[appearance=brand]/sidebar:text-white group-data-[appearance=brand]/sidebar:hover:bg-primary-800 ' +\r\n          'group-data-[appearance=brand]/sidebar:hover:text-white ' +\r\n          'group-data-[appearance=brand-light]/sidebar:border-s-primary-700 group-data-[appearance=brand-light]/sidebar:bg-primary-200 ' +\r\n          'group-data-[appearance=brand-light]/sidebar:text-primary-900 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 ' +\r\n          'group-data-[appearance=brand-light]/sidebar:hover:text-primary-900',\r\n        false: '',\r\n      },\r\n      collapsed: {\r\n        true: 'justify-center px-0',\r\n        false: '',\r\n      },\r\n    },\r\n    compoundVariants: [\r\n      // Daraltılmış (icon-only, 72px) haldeyken ray bastırılıyor — ikonu\r\n      // merkeze göre 2px kaydırırdı, dar/simetrik bir rayda yeri yok. Tonal\r\n      // zemin (bg-primary-tint, brand'de primary-800) tek başına yeterli\r\n      // \"aktif\" sinyali veriyor.\r\n      {\r\n        active: true,\r\n        collapsed: true,\r\n        class:\r\n          'border-s-transparent group-data-[appearance=brand]/sidebar:border-s-transparent ' +\r\n          'group-data-[appearance=brand-light]/sidebar:border-s-transparent',\r\n      },\r\n    ],\r\n    defaultVariants: { active: false, collapsed: false },\r\n  },\r\n);\r\n\r\nexport type SidebarCollapsedVariant = VariantProps<typeof sidebarVariants>['collapsed'];\r\nexport type SidebarAppearance = NonNullable<VariantProps<typeof sidebarVariants>['appearance']>;\r\n","import { OverlayModule } from '@angular/cdk/overlay';\r\nimport { Component, computed, input, output, signal } from '@angular/core';\r\nimport { cn, focusRecipe } from '@mesgflow/ui-kit/core';\r\nimport { Icon } from '@mesgflow/ui-kit/icon';\r\nimport { Popover } from '@mesgflow/ui-kit/popover';\r\nimport { Tooltip } from '@mesgflow/ui-kit/tooltip';\r\nimport { sidebarNavItemVariants } from './sidebar.variants';\r\nimport type { SidebarNavItem as SidebarNavItemModel } from './sidebar.model';\r\n\r\n/** Genişkenken akordeonda açılan çocuk satırı — brand görünümde metin/hover/odak marka tonlu (bkz. sidebar.variants.ts doc'u, aynı özgüllük mantığı). */\r\nconst CHILD_ROW_BASE =\r\n  'flex w-full appearance-none items-center gap-3 rounded-sm border-0 bg-transparent py-1.5 pe-3 ps-9 text-start text-label text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-state-hover hover:text-fg ' +\r\n  focusRecipe +\r\n  ' ' +\r\n  'group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 ' +\r\n  'group-data-[appearance=brand]/sidebar:hover:text-primary-50 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 ' +\r\n  'group-data-[appearance=brand-light]/sidebar:text-primary-700 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 ' +\r\n  'group-data-[appearance=brand-light]/sidebar:hover:text-primary-900 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700';\r\n\r\n/**\r\n * Tek nav satırı — yaprak veya çocuklu (parent). Sadece 1 seviye nesting\r\n * (çocuğun çocuğu render edilmiyor, YAGNI). Genişkenken parent'a tıklayınca\r\n * çocuklar CSS-only grid-rows akordeonuyla İÇERİDE açılır (her grup bağımsız,\r\n * root `Sidebar`'ın `expandedIds` set'i tarafından yönetilir). Daraltılmışken\r\n * aynı satıra TIKLAYINCA (hover değil — kullanıcı kararı) sağda bir `Popover`\r\n * flyout paneli çocukları listeler (bkz. plan Faz 1c).\r\n */\r\n@Component({\r\n  selector: 'mf-sidebar-nav-item',\r\n  imports: [Icon, OverlayModule, Popover, Tooltip],\r\n  host: { class: 'contents' },\r\n  templateUrl: './sidebar-nav-item.html',\r\n})\r\nexport class SidebarNavItemRow {\r\n  readonly item = input.required<SidebarNavItemModel>();\r\n  readonly collapsed = input(false);\r\n  readonly activeItemId = input<string | null>(null);\r\n  /** Genişkenken akordeon açık/kapalı durumu — root Sidebar tarafından kontrol edilir. */\r\n  readonly expanded = input(false);\r\n\r\n  readonly activate = output<SidebarNavItemModel>();\r\n  readonly toggleExpand = output<string>();\r\n\r\n  protected readonly hasChildren = computed(() => (this.item().children?.length ?? 0) > 0);\r\n  protected readonly isActive = computed(() => {\r\n    const id = this.activeItemId();\r\n    return this.item().id === id || (this.item().children?.some((c) => c.id === id) ?? false);\r\n  });\r\n\r\n  protected readonly rowClasses = computed(() =>\r\n    cn(sidebarNavItemVariants({ active: this.isActive(), collapsed: this.collapsed() })),\r\n  );\r\n\r\n  protected readonly flyoutOpen = signal(false);\r\n\r\n  protected onRowClick(): void {\r\n    if (this.hasChildren()) {\r\n      if (this.collapsed()) {\r\n        this.flyoutOpen.update((v) => !v);\r\n      } else {\r\n        this.toggleExpand.emit(this.item().id);\r\n      }\r\n      return;\r\n    }\r\n    this.activate.emit(this.item());\r\n  }\r\n\r\n  protected childRowClasses(child: SidebarNavItemModel): string {\r\n    return cn(\r\n      CHILD_ROW_BASE,\r\n      child.id === this.activeItemId() &&\r\n        'text-accent group-data-[appearance=brand]/sidebar:text-white ' +\r\n          'group-data-[appearance=brand-light]/sidebar:text-primary-900',\r\n    );\r\n  }\r\n\r\n  protected onChildClick(child: SidebarNavItemModel): void {\r\n    this.activate.emit(child);\r\n    this.closeFlyout();\r\n  }\r\n\r\n  protected closeFlyout(): void {\r\n    this.flyoutOpen.set(false);\r\n  }\r\n}\r\n","<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  [class]=\"rowClasses()\"\r\n  [attr.aria-expanded]=\"hasChildren() && !collapsed() ? expanded() : null\"\r\n  [attr.aria-current]=\"isActive() && !hasChildren() ? 'page' : null\"\r\n  [attr.aria-label]=\"collapsed() ? item().label : null\"\r\n  [mfTooltip]=\"collapsed() ? item().label : ''\"\r\n  tooltipPosition=\"right\"\r\n  (click)=\"onRowClick()\"\r\n>\r\n  <span mfIcon [size]=\"20\" [filled]=\"isActive()\">{{ item().icon }}</span>\r\n\r\n  @if (!collapsed()) {\r\n    <span class=\"min-w-0 flex-1 truncate\">{{ item().label }}</span>\r\n    @if (item().badge !== undefined) {\r\n      <span\r\n        class=\"rounded-full bg-primary-tint px-1.5 py-0.5 font-mono text-eyebrow text-primary-tint-fg group-data-[appearance=brand]/sidebar:bg-primary-800 group-data-[appearance=brand]/sidebar:text-primary-100 group-data-[appearance=brand-light]/sidebar:bg-primary-200 group-data-[appearance=brand-light]/sidebar:text-primary-800\"\r\n      >\r\n        {{ item().badge }}\r\n      </span>\r\n    }\r\n    @if (hasChildren()) {\r\n      <span\r\n        mfIcon\r\n        [size]=\"16\"\r\n        class=\"shrink-0 text-fg-subtle transition-transform duration-base group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700 rtl:-scale-x-100\"\r\n        [class.rotate-90]=\"expanded()\"\r\n        [class.rtl:-rotate-90]=\"expanded()\"\r\n      >\r\n        chevron_right\r\n      </span>\r\n    }\r\n  }\r\n</button>\r\n\r\n@if (hasChildren() && !collapsed()) {\r\n  <div\r\n    class=\"grid overflow-hidden transition-[grid-template-rows] duration-base ease-out\"\r\n    [style.grid-template-rows]=\"expanded() ? '1fr' : '0fr'\"\r\n    [attr.inert]=\"expanded() ? null : true\"\r\n  >\r\n    <ul class=\"m-0 min-h-0 list-none overflow-hidden p-0\">\r\n      @for (child of item().children; track child.id) {\r\n        <li>\r\n          <button type=\"button\" [class]=\"childRowClasses(child)\" (click)=\"onChildClick(child)\">\r\n            <span mfIcon [size]=\"16\">{{ child.icon }}</span>\r\n            <span class=\"truncate\">{{ child.label }}</span>\r\n          </button>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </div>\r\n}\r\n\r\n@if (hasChildren() && collapsed()) {\r\n  <mf-popover\r\n    [origin]=\"origin\"\r\n    [open]=\"flyoutOpen()\"\r\n    placement=\"right-start\"\r\n    padding=\"sm\"\r\n    panelClass=\"min-w-48\"\r\n    (closed)=\"closeFlyout()\"\r\n  >\r\n    <div role=\"menu\" [attr.aria-label]=\"item().label\">\r\n      <p class=\"truncate px-2.5 py-1.5 text-eyebrow text-fg-subtle\">{{ item().label }}</p>\r\n      @for (child of item().children; track child.id) {\r\n        <button\r\n          type=\"button\"\r\n          role=\"menuitem\"\r\n          class=\"flex w-full appearance-none items-center gap-2.5 rounded-sm border-0 bg-transparent px-2.5 py-1.5 text-start text-sm font-medium text-fg-muted transition-colors duration-fast ease-emphasis hover:bg-state-hover\"\r\n          (click)=\"onChildClick(child)\"\r\n        >\r\n          <span mfIcon [size]=\"16\">{{ child.icon }}</span>\r\n          <span class=\"truncate\">{{ child.label }}</span>\r\n        </button>\r\n      }\r\n    </div>\r\n  </mf-popover>\r\n}\r\n","import { OverlayModule } from '@angular/cdk/overlay';\r\nimport { Component, computed, inject, input, output, signal } from '@angular/core';\r\nimport { Avatar } from '@mesgflow/ui-kit/avatar';\r\nimport { cn, MF_SIDEBAR_LABELS } from '@mesgflow/ui-kit/core';\r\nimport { Icon } from '@mesgflow/ui-kit/icon';\r\nimport { Popover } from '@mesgflow/ui-kit/popover';\r\nimport { Tooltip } from '@mesgflow/ui-kit/tooltip';\r\nimport type { SidebarTenant } from './sidebar.model';\r\n\r\n/**\r\n * Sidebar'ın üst bloğu — panel iskeleti `Popover`'a devredildi (bkz. plan\r\n * Faz 1c). Panel genişliği daraltılmışken trigger genişliğine değil SABİT\r\n * 240px'e bağlı (`matchTriggerWidth` kapalı, `panelClass` ile `min-w-60`\r\n * veriliyor) — daralmışken trigger sadece 72px, tenant adları sığmaz.\r\n */\r\n@Component({\r\n  selector: 'mf-sidebar-tenant-switcher',\r\n  imports: [Avatar, Icon, OverlayModule, Popover, Tooltip],\r\n  host: { class: 'contents' },\r\n  templateUrl: './sidebar-tenant-switcher.html',\r\n})\r\nexport class SidebarTenantSwitcher {\r\n  readonly tenants = input<SidebarTenant[]>([]);\r\n  readonly activeTenantId = input<string | null>(null);\r\n  readonly collapsed = input(false);\r\n  readonly label = input<string>();\r\n  readonly noTenantsLabel = input<string>();\r\n\r\n  readonly tenantChange = output<SidebarTenant>();\r\n\r\n  private readonly sidebarLabels = inject(MF_SIDEBAR_LABELS);\r\n  protected readonly effectiveLabel = computed(\r\n    () => this.label() ?? this.sidebarLabels().switchTenant,\r\n  );\r\n  protected readonly effectiveNoTenantsLabel = computed(\r\n    () => this.noTenantsLabel() ?? this.sidebarLabels().noTenants,\r\n  );\r\n\r\n  protected readonly cn = cn;\r\n  protected readonly open = signal(false);\r\n  protected readonly highlighted = signal(0);\r\n\r\n  // `.at(0)` BİLEREK `[0]` yerine — `noUncheckedIndexedAccess` kapalıyken TS `arr[0]`'ı\r\n  // her zaman tanımlı sayar (boş dizide çalışma zamanında `undefined` olsa bile), bu da\r\n  // `?? null`'ı statik olarak \"asla tetiklenmez\" gösterip strictTemplates'in şablondaki\r\n  // savunmacı `?.`/`??`'yi hatalı biçimde gereksiz işaretlemesine yol açıyordu. `.at()`\r\n  // dizinden bağımsız her zaman `T | undefined` döner, tür çıkarımı gerçek davranışla eşleşir.\r\n  protected readonly activeTenant = computed(\r\n    () =>\r\n      this.tenants().find((t) => t.id === this.activeTenantId()) ?? this.tenants().at(0) ?? null,\r\n  );\r\n\r\n  protected toggle(): void {\r\n    if (this.tenants().length === 0) return;\r\n    if (!this.open())\r\n      this.highlighted.set(\r\n        Math.max(\r\n          0,\r\n          this.tenants().findIndex((t) => t.id === this.activeTenantId()),\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  }\r\n\r\n  protected select(tenant: SidebarTenant): void {\r\n    this.tenantChange.emit(tenant);\r\n    this.close();\r\n  }\r\n\r\n  protected optionClasses(tenant: SidebarTenant, index: number): string {\r\n    const isSelected = tenant.id === this.activeTenantId();\r\n    return cn(\r\n      'flex cursor-pointer items-center gap-2.5 rounded-sm px-2 py-1.5 transition-colors duration-fast ease-emphasis',\r\n      index === this.highlighted() && !isSelected && 'bg-surface-alt',\r\n      isSelected && '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 tenants = this.tenants();\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(tenants.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 tenant = tenants[this.highlighted()];\r\n      if (tenant) this.select(tenant);\r\n    }\r\n  }\r\n}\r\n","<button\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  class=\"flex h-16 w-full shrink-0 appearance-none items-center gap-2.5 border-x-0 border-t-0 border-b border-border bg-transparent px-3 text-start transition-colors duration-fast ease-emphasis hover:bg-state-hover focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:border-primary-200 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n  [class.justify-center]=\"collapsed()\"\r\n  [attr.aria-label]=\"collapsed() ? (activeTenant()?.name ?? effectiveLabel()) : null\"\r\n  [mfTooltip]=\"collapsed() ? (activeTenant()?.name ?? effectiveLabel()) : ''\"\r\n  tooltipPosition=\"right\"\r\n  [attr.aria-expanded]=\"open()\"\r\n  aria-haspopup=\"listbox\"\r\n  (click)=\"toggle()\"\r\n  (keydown)=\"onTriggerKeydown($event)\"\r\n>\r\n  <mf-avatar [name]=\"activeTenant()?.name ?? '?'\" shape=\"square\" size=\"md\" [colorful]=\"true\" />\r\n  @if (!collapsed()) {\r\n    <span class=\"flex min-w-0 flex-1 flex-col\">\r\n      <span\r\n        class=\"truncate font-display text-sm font-semibold text-fg group-data-[appearance=brand]/sidebar:text-primary-50 group-data-[appearance=brand-light]/sidebar:text-primary-900\"\r\n      >\r\n        {{ activeTenant()?.name ?? effectiveNoTenantsLabel() }}\r\n      </span>\r\n      <span\r\n        class=\"truncate text-xs text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n        >{{ effectiveLabel() }}</span\r\n      >\r\n    </span>\r\n    <span\r\n      mfIcon\r\n      [size]=\"18\"\r\n      class=\"shrink-0 text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n      >unfold_more</span\r\n    >\r\n  }\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]=\"!collapsed()\"\r\n  [panelClass]=\"cn('max-h-72', collapsed() ? 'min-w-60' : '')\"\r\n  (closed)=\"close()\"\r\n>\r\n  <ul\r\n    role=\"listbox\"\r\n    tabindex=\"0\"\r\n    [attr.aria-label]=\"effectiveLabel()\"\r\n    class=\"w-full text-sm\"\r\n    (keydown)=\"onPanelKeydown($event)\"\r\n  >\r\n    @for (tenant of tenants(); track tenant.id; 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]=\"tenant.id === activeTenantId()\"\r\n        [class]=\"optionClasses(tenant, i)\"\r\n        (mouseenter)=\"highlighted.set(i)\"\r\n        (click)=\"select(tenant)\"\r\n      >\r\n        <mf-avatar [name]=\"tenant.name\" shape=\"square\" size=\"sm\" [colorful]=\"true\" />\r\n        <span class=\"min-w-0 flex-1 truncate text-fg-muted\">{{ tenant.name }}</span>\r\n        @if (tenant.id === activeTenantId()) {\r\n          <span mfIcon [size]=\"16\">check</span>\r\n        }\r\n      </li>\r\n    } @empty {\r\n      <li class=\"px-2.5 py-1.5 text-fg-subtle\">{{ effectiveNoTenantsLabel() }}</li>\r\n    }\r\n  </ul>\r\n</mf-popover>\r\n","import { Component, computed, inject, input, output } from '@angular/core';\r\nimport { Avatar } from '@mesgflow/ui-kit/avatar';\r\nimport { MF_SIDEBAR_LABELS } from '@mesgflow/ui-kit/core';\r\nimport { Icon } from '@mesgflow/ui-kit/icon';\r\nimport { Tooltip } from '@mesgflow/ui-kit/tooltip';\r\nimport type { SidebarUser } from './sidebar.model';\r\n\r\n/**\r\n * Sidebar'ın alt bloğu — menü AÇMIYOR, tek bir satır: tıklanınca `profileClick`\r\n * emit ediyor, gerçek \"profile git\" navigasyonu tüketicinin sorumluluğu\r\n * (ör. `(profileClick)=\"router.navigate(['/profile'])\"`).\r\n */\r\n@Component({\r\n  selector: 'mf-sidebar-user-menu',\r\n  imports: [Avatar, Icon, Tooltip],\r\n  host: { class: 'contents' },\r\n  templateUrl: './sidebar-user-menu.html',\r\n})\r\nexport class SidebarUserMenu {\r\n  readonly user = input<SidebarUser | null>(null);\r\n  readonly collapsed = input(false);\r\n  readonly noUserLabel = input<string>();\r\n\r\n  readonly profileClick = output<void>();\r\n\r\n  private readonly sidebarLabels = inject(MF_SIDEBAR_LABELS);\r\n  protected readonly effectiveNoUserLabel = computed(\r\n    () => this.noUserLabel() ?? this.sidebarLabels().noUser,\r\n  );\r\n}\r\n","@if (user(); as current) {\r\n  <button\r\n    type=\"button\"\r\n    class=\"flex h-16 w-full shrink-0 appearance-none items-center gap-2.5 border-0 bg-transparent px-3 text-start transition-colors duration-fast ease-emphasis hover:bg-state-hover focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n    [class.justify-center]=\"collapsed()\"\r\n    [attr.aria-label]=\"collapsed() ? current.name : null\"\r\n    [mfTooltip]=\"collapsed() ? current.name : ''\"\r\n    tooltipPosition=\"right\"\r\n    (click)=\"profileClick.emit()\"\r\n  >\r\n    <mf-avatar [name]=\"current.name\" tone=\"info\" size=\"md\" />\r\n    @if (!collapsed()) {\r\n      <span class=\"flex min-w-0 flex-1 flex-col\">\r\n        <span\r\n          class=\"truncate text-sm font-semibold text-fg group-data-[appearance=brand]/sidebar:text-primary-50 group-data-[appearance=brand-light]/sidebar:text-primary-900\"\r\n          >{{ current.name }}</span\r\n        >\r\n        <span\r\n          class=\"truncate text-xs text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n          >{{ current.role ?? current.email }}</span\r\n        >\r\n      </span>\r\n      <span\r\n        mfIcon\r\n        [size]=\"18\"\r\n        class=\"shrink-0 text-fg-subtle group-data-[appearance=brand]/sidebar:text-primary-300 group-data-[appearance=brand-light]/sidebar:text-primary-700\"\r\n        >settings</span\r\n      >\r\n    }\r\n  </button>\r\n} @else {\r\n  <div\r\n    class=\"flex h-16 shrink-0 items-center gap-2.5 px-3 text-fg-subtle\"\r\n    [class.justify-center]=\"collapsed()\"\r\n  >\r\n    <span mfIcon [size]=\"20\">person_off</span>\r\n    @if (!collapsed()) {\r\n      <span class=\"truncate text-sm\">{{ effectiveNoUserLabel() }}</span>\r\n    }\r\n  </div>\r\n}\r\n","import {\r\n  Component,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  model,\r\n  input,\r\n  output,\r\n  untracked,\r\n} from '@angular/core';\r\nimport { cn, MF_SIDEBAR_LABELS } from '@mesgflow/ui-kit/core';\r\nimport { Icon } from '@mesgflow/ui-kit/icon';\r\nimport { Tooltip } from '@mesgflow/ui-kit/tooltip';\r\nimport { sidebarVariants, type SidebarAppearance } from './sidebar.variants';\r\nimport { SidebarNavItemRow } from './sidebar-nav-item';\r\nimport { SidebarTenantSwitcher } from './sidebar-tenant-switcher';\r\nimport { SidebarUserMenu } from './sidebar-user-menu';\r\nimport type {\r\n  SidebarNavItem as SidebarNavItemModel,\r\n  SidebarTenant,\r\n  SidebarUser,\r\n} from './sidebar.model';\r\n\r\n/**\r\n * `<mf-sidebar [navItems]=\"items\" [tenants]=\"tenants\" [user]=\"user\" [(collapsed)]=\"collapsed\" />`\r\n *\r\n * Tamamen generic/yeniden kullanılabilir bir premium sidebar — Table'daki gibi,\r\n * gerçek veriye değil `input()`lara bağlı (bkz. layout/shell/shell.ts'in bunu\r\n * gerçek veriyle beslemesi). Üç bölge: tenant switcher (üst), navigasyon\r\n * (orta, açılır gruplu), kullanıcı satırı (alt, tıklanınca `profileClick`\r\n * emit eder — menü AÇMAZ) — hepsi tek bir dikey panelde.\r\n */\r\n@Component({\r\n  selector: 'mf-sidebar',\r\n  exportAs: 'mfSidebar',\r\n  host: { class: 'flex h-full' },\r\n  imports: [Icon, Tooltip, SidebarTenantSwitcher, SidebarNavItemRow, SidebarUserMenu],\r\n  templateUrl: './sidebar.html',\r\n})\r\nexport class Sidebar {\r\n  readonly tenants = input<SidebarTenant[]>([]);\r\n  readonly activeTenantId = model<string | null>(null);\r\n  readonly navItems = input.required<SidebarNavItemModel[]>();\r\n  readonly activeItemId = model<string | null>(null);\r\n  readonly user = input<SidebarUser | null>(null);\r\n  /**\r\n   * `false` -- kullanıcı satırı VE üstündeki ayraç HİÇ render edilmez.\r\n   * Varsayılan `true` (mevcut davranış korunur): `user()` `null` olsa bile\r\n   * `SidebarUserMenu` kendi \"oturum açılmadı\" boş-durumunu gösterir (bilinçli,\r\n   * bkz. `sidebar-user-menu.ts`) — bu, kullanıcı kavramı OLMAYAN tüketiciler\r\n   * (ör. salt-dokümantasyon/showcase kabukları) için YANLIŞ bir sinyal\r\n   * olabiliyordu (gerçek bulgu). `false` geçmek o tüketicilerin kaçış yolu.\r\n   */\r\n  readonly showUserMenu = input(true);\r\n  readonly collapsed = model(false);\r\n  /**\r\n   * Sidebar'ın kendi kenarındaki yuvarlak daralt/genişlet butonu. Varsayılan\r\n   * `true` — tetikleyiciyi kendi navbar'ına taşıyan tüketiciler `false` geçer,\r\n   * aksi halde masaüstünde İKİ ayrı daraltma kontrolü olurdu.\r\n   */\r\n  readonly showCollapseToggle = input(true);\r\n  /**\r\n   * `'chrome'` (varsayılan, mevcut nötr görünüm) | `'brand'` (kök zemini\r\n   * `primary-900`, nav metni/aktif ray marka tonlu — iki modda AYNI, bkz.\r\n   * `sidebar.variants.ts` doc'u) | `'brand-light'` (AYNI marka kimliği,\r\n   * kök zemini `primary-100` — koyu yerine açık bir marka bloğu, yine iki\r\n   * modda AYNI). CDK overlay'e taşınan flyout/tenant listesi bu grubun\r\n   * TORUNU olmadığından her zaman katı `chrome` kalır.\r\n   */\r\n  readonly appearance = input<SidebarAppearance>('chrome');\r\n\r\n  /** Verilmezse `MF_SIDEBAR_LABELS`'a düşer — `SidebarTenantSwitcher`/`SidebarUserMenu`'nün KENDİ etiketleri artık AYRICA buradan prop-drilling YAPILMIYOR, ikisi de `MF_SIDEBAR_LABELS`'ı doğrudan inject ediyor. */\r\n  readonly collapseLabel = input<string>();\r\n  readonly expandLabel = input<string>();\r\n  readonly navAriaLabel = input<string>();\r\n\r\n  readonly tenantChange = output<SidebarTenant>();\r\n  readonly itemClick = output<SidebarNavItemModel>();\r\n  /** Kullanıcı satırına tıklanınca — profile navigasyonu tüketicinin sorumluluğu. */\r\n  readonly profileClick = output<void>();\r\n\r\n  private readonly sidebarLabels = inject(MF_SIDEBAR_LABELS);\r\n  protected readonly effectiveCollapseLabel = computed(\r\n    () => this.collapseLabel() ?? this.sidebarLabels().collapse,\r\n  );\r\n  protected readonly effectiveExpandLabel = computed(\r\n    () => this.expandLabel() ?? this.sidebarLabels().expand,\r\n  );\r\n  protected readonly effectiveNavAriaLabel = computed(\r\n    () => this.navAriaLabel() ?? this.sidebarLabels().nav,\r\n  );\r\n\r\n  protected readonly rootClasses = computed(() =>\r\n    cn(sidebarVariants({ collapsed: this.collapsed(), appearance: this.appearance() })),\r\n  );\r\n\r\n  /** Genişkenken hangi gruplar açık — her grup BAĞIMSIZ açılır/kapanır (akordeon değil, kullanıcı kararı). `model()` — tüketici okuyabilir/yazabilir (ör. \"hepsini aç\" bir buton). */\r\n  readonly expandedIds = model<ReadonlySet<string>>(new Set());\r\n  /**\r\n   * `activeItemId()` bir alt öğeye (children içinde) eşleşince o öğenin\r\n   * EBEVEYN grubunu otomatik açar — YALNIZCA aktif öğe DEĞİŞİNCE (kullanıcının\r\n   * sonradan elle kapatması korunur, tekrar zorla açılmaz). Öncesinde derin\r\n   * bir bağlantıya (ör. `/components/button`) DOĞRUDAN gidildiğinde tüm\r\n   * gruplar kapalı geliyor, aktif öğe görünmüyordu (gerçek bulgu).\r\n   */\r\n  readonly autoExpandActive = input(true);\r\n\r\n  protected isExpanded(id: string): boolean {\r\n    return this.expandedIds().has(id);\r\n  }\r\n\r\n  protected onToggleExpand(id: string): void {\r\n    this.expandedIds.update((current) => {\r\n      const next = new Set(current);\r\n      if (next.has(id)) next.delete(id);\r\n      else next.add(id);\r\n      return next;\r\n    });\r\n  }\r\n\r\n  constructor() {\r\n    // `expandedIds()` BİLEREK `untracked()` içinde okunuyor — aksi halde bu\r\n    // effect KENDİ yazdığı sinyale de bağımlı olurdu ve kullanıcı grubu elle\r\n    // kapattığında (`expandedIds` değişince, `activeItemId` AYNI kalsa bile)\r\n    // yeniden tetiklenip anında geri açardı (gerçek bulgu, ilk denemede\r\n    // yakalandı). Bu effect SADECE `autoExpandActive`/`activeItemId`/\r\n    // `navItems` değişince çalışmalı.\r\n    effect(() => {\r\n      if (!this.autoExpandActive()) return;\r\n      const activeId = this.activeItemId();\r\n      if (!activeId) return;\r\n      const parent = this.navItems().find((item) =>\r\n        item.children?.some((child) => child.id === activeId),\r\n      );\r\n      if (!parent) return;\r\n      untracked(() => {\r\n        if (this.expandedIds().has(parent.id)) return;\r\n        this.expandedIds.update((current) => new Set(current).add(parent.id));\r\n      });\r\n    });\r\n  }\r\n\r\n  protected onItemActivate(item: SidebarNavItemModel): void {\r\n    this.activeItemId.set(item.id);\r\n    this.itemClick.emit(item);\r\n  }\r\n\r\n  protected onTenantSelect(tenant: SidebarTenant): void {\r\n    this.activeTenantId.set(tenant.id);\r\n    this.tenantChange.emit(tenant);\r\n  }\r\n\r\n  protected toggleCollapse(): void {\r\n    this.collapsed.update((v) => !v);\r\n  }\r\n}\r\n","<aside [class]=\"rootClasses()\" [attr.data-appearance]=\"appearance()\">\r\n  <div class=\"flex h-full min-h-0 w-full flex-col overflow-hidden\">\r\n    @if (tenants().length > 0) {\r\n      <mf-sidebar-tenant-switcher\r\n        [tenants]=\"tenants()\"\r\n        [activeTenantId]=\"activeTenantId()\"\r\n        [collapsed]=\"collapsed()\"\r\n        (tenantChange)=\"onTenantSelect($event)\"\r\n      />\r\n    } @else {\r\n      <!--\r\n      Tenant kavramı olmayan tüketiciler `tenants` input'unu hiç geçmez — bu\r\n      durumda tenant switcher'ın \"Kiracı bulunamadı\" boş-durumunu göstermek\r\n      yerine (kafa karıştırıcı, gerçek bir hata gibi okunur) çağıranın kendi\r\n      marka başlığını buraya projekte etmesi bekleniyor (ör. `<mf-brand />`).\r\n    -->\r\n      <div\r\n        class=\"flex h-16 shrink-0 items-center gap-2 border-b border-border px-4 group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand-light]/sidebar:border-primary-200\"\r\n        [class.justify-center]=\"collapsed()\"\r\n      >\r\n        <ng-content select=\"[brand]\" />\r\n      </div>\r\n    }\r\n\r\n    <nav\r\n      class=\"flex-1 overflow-x-hidden overflow-y-auto px-2 py-3\"\r\n      [attr.aria-label]=\"effectiveNavAriaLabel()\"\r\n    >\r\n      <ul class=\"m-0 flex list-none flex-col gap-1 p-0\">\r\n        @for (item of navItems(); track item.id) {\r\n          <li>\r\n            <mf-sidebar-nav-item\r\n              [item]=\"item\"\r\n              [collapsed]=\"collapsed()\"\r\n              [activeItemId]=\"activeItemId()\"\r\n              [expanded]=\"isExpanded(item.id)\"\r\n              (activate)=\"onItemActivate($event)\"\r\n              (toggleExpand)=\"onToggleExpand($event)\"\r\n            />\r\n          </li>\r\n        }\r\n      </ul>\r\n    </nav>\r\n\r\n    @if (showUserMenu()) {\r\n      <div\r\n        class=\"border-t border-border group-data-[appearance=brand]/sidebar:border-primary-800 group-data-[appearance=brand-light]/sidebar:border-primary-200\"\r\n      ></div>\r\n\r\n      <mf-sidebar-user-menu\r\n        [user]=\"user()\"\r\n        [collapsed]=\"collapsed()\"\r\n        (profileClick)=\"profileClick.emit()\"\r\n      />\r\n    }\r\n  </div>\r\n\r\n  @if (showCollapseToggle()) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"absolute top-14 -end-3 z-10 flex h-6 w-6 appearance-none items-center justify-center rounded-full border border-hairline bg-chrome p-0 text-fg-subtle shadow-1 transition-colors duration-fast ease-emphasis hover:bg-state-hover hover:text-fg active:scale-[0.99] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring group-data-[appearance=brand]/sidebar:bg-primary-900 group-data-[appearance=brand]/sidebar:text-primary-200 group-data-[appearance=brand]/sidebar:hover:bg-primary-800 group-data-[appearance=brand]/sidebar:hover:text-primary-50 group-data-[appearance=brand]/sidebar:focus-visible:outline-primary-300 group-data-[appearance=brand-light]/sidebar:bg-primary-100 group-data-[appearance=brand-light]/sidebar:text-primary-800 group-data-[appearance=brand-light]/sidebar:hover:bg-primary-200 group-data-[appearance=brand-light]/sidebar:hover:text-primary-900 group-data-[appearance=brand-light]/sidebar:focus-visible:outline-primary-700\"\r\n      [mfTooltip]=\"collapsed() ? effectiveExpandLabel() : effectiveCollapseLabel()\"\r\n      tooltipPosition=\"right\"\r\n      [attr.aria-label]=\"collapsed() ? effectiveExpandLabel() : effectiveCollapseLabel()\"\r\n      (click)=\"toggleCollapse()\"\r\n    >\r\n      <span mfIcon [size]=\"14\" class=\"rtl:-scale-x-100\">{{\r\n        collapsed() ? 'chevron_right' : 'chevron_left'\r\n      }}</span>\r\n    </button>\r\n  }\r\n</aside>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -9,7 +9,7 @@ import { cn } from '@mesgflow/ui-kit/core';
  * kaydırılıyor. `border-strong` bant rengi HER İKİ modda da taban `surface-
  * active`'ten AYIRT EDİLEBİLİR bir basamak.
  */
-const SHIMMER = 'bg-surface-active bg-[linear-gradient(90deg,transparent,var(--color-border-strong),transparent)] bg-[length:200%_100%] animate-shimmer';
+const SHIMMER = 'bg-surface-active bg-[linear-gradient(90deg,transparent,color-mix(in_srgb,var(--mf-fg)_8%,transparent),transparent)] bg-[length:200%_100%] animate-shimmer';
 /**
  * `<div mfSkeleton class="h-4 w-32"></div>` (varsayılan `variant="rect"` —
  * boyutu tüketici `class` ile verir, ESKİ davranış BİREBİR korunur) veya
@@ -42,7 +42,7 @@ class Skeleton {
         return cn('block h-4 rounded-xs', SHIMMER, last ? 'w-3/4' : 'w-full');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Skeleton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Skeleton, isStandalone: true, selector: "[mfSkeleton]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, lines: { classPropertyName: "lines", publicName: "lines", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Skeleton, isStandalone: true, selector: "[mfSkeleton]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, lines: { classPropertyName: "lines", publicName: "lines", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
     @if (multiline()) {
       @for (line of lineIndexes(); track line; let last = $last) {
         <span [class]="lineClasses(last)"></span>
@@ -55,7 +55,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector -- BİLEREK native eleman + attribute (bkz. Button'daki AYNI desen)
                     selector: '[mfSkeleton]',
-                    host: { '[class]': 'hostClasses()' },
+                    // Görsel yer tutucu — ekran okuyucu için anlamsız; yükleme durumunu kapsayıcıdaki aria-busy bildirir.
+                    host: { '[class]': 'hostClasses()', 'aria-hidden': 'true' },
                     template: `
     @if (multiline()) {
       @for (line of lineIndexes(); track line; let last = $last) {