@frame-kit/ui-ng 0.2.23 → 0.2.24

package/fesm2022/frame-kit-ui-ng-layouts-content-split.mjs

@@ -70,6 +70,13 @@ class FkContentSplitComponent {
                     }
                     const hostWidth = entry.contentRect.width;
                     const bp = this.breakpoint();
+                    // A width of 0 means the split is hidden (an inactive tab, a
+                    // collapsed section), not that the screen is narrow. Keep the
+                    // last real layout, so showing it again does not fold the left
+                    // panel away and animate it back.
+                    if (hostWidth === 0) {
+                        return;
+                    }
                     if (hostWidth < bp && this.layout() !== 'narrow') {
                         this.ngZone.run(() => {
                             this.layout.set('narrow');

package/fesm2022/frame-kit-ui-ng-layouts-content-split.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"frame-kit-ui-ng-layouts-content-split.mjs","sources":["../../../../packages/ui-ng/layouts/content-split/content-split.component.ts","../../../../packages/ui-ng/layouts/content-split/content-split.component.html","../../../../packages/ui-ng/layouts/content-split/frame-kit-ui-ng-layouts-content-split.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  model,\n  NgZone,\n  PLATFORM_ID,\n  signal,\n} from '@angular/core';\n\nimport type { ContentSplitLayout } from './content-split.types';\n\n@Component({\n  selector: 'fk-content-split',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './content-split.component.html',\n  styleUrl: './content-split.component.scss',\n})\nexport class FkContentSplitComponent {\n  private readonly el = inject(ElementRef<HTMLElement>);\n  private readonly ngZone = inject(NgZone);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly platformId = inject(PLATFORM_ID);\n\n  // ===== BASE PROPS =====\n  readonly className = input<string>('');\n\n  // ===== INPUTS =====\n  /** Width of the left panel when the layout is in wide mode. */\n  readonly leftWidth = input<string>('280px');\n  /** Width of the left panel when collapsed to a narrow icon rail. */\n  readonly railWidth = input<string>('64px');\n  /** Host element pixel width below which the layout switches to narrow mode. */\n  readonly breakpoint = input<number>(700);\n  /**\n   * Optional CSS max-width for the layout. When set, the split is capped at\n   * this width and centered in its container (via auto inline margins);\n   * unset (default), it fills the full available width as before.\n   */\n  readonly maxWidth = input<string | null>(null);\n  /** Two-way binding for the collapsed state of the left panel. */\n  readonly collapsed = model<boolean>(false);\n\n  // ===== INTERNAL STATE =====\n  readonly layout = signal<ContentSplitLayout>('wide');\n  readonly animate = signal(false);\n\n  private observer: ResizeObserver | null = null;\n\n  // ===== COMPUTED =====\n  readonly isNarrow = computed(() => this.layout() === 'narrow');\n  readonly isWide = computed(() => this.layout() === 'wide');\n  readonly showOverlay = computed(() => this.isNarrow() && !this.collapsed());\n\n  readonly classes = computed(() =>\n    [\n      'fk-content-split',\n      this.isNarrow() ? 'fk-content-split--narrow' : 'fk-content-split--wide',\n      this.isNarrow() && !this.collapsed() ? 'fk-content-split--open' : '',\n      this.isNarrow() && this.collapsed() ? 'fk-content-split--closed' : '',\n      this.animate() ? 'fk-content-split--animate' : '',\n      this.className(),\n    ]\n      .filter(Boolean)\n      .join(' '),\n  );\n\n  // ===== HOST BINDINGS =====\n\n  @HostBinding('class')\n  get hostClass() {\n    return this.classes();\n  }\n\n  @HostBinding('style.--fk-content-split-left-width')\n  get hostLeftWidth() {\n    return this.leftWidth();\n  }\n\n  @HostBinding('style.--fk-content-split-rail-width')\n  get hostRailWidth() {\n    return this.railWidth();\n  }\n\n  @HostBinding('style.--fk-content-split-max-width')\n  get hostMaxWidth() {\n    return this.maxWidth();\n  }\n\n  // ===== CONSTRUCTOR =====\n\n  constructor() {\n    // ResizeObserver is browser-only — the SSR pass has no live\n    // layout to observe, so the initial layout signal stays at its\n    // default (\"wide\") and the browser pass wires the observer once\n    // hydration mounts the element.\n    if (isPlatformBrowser(this.platformId)) {\n      this.ngZone.runOutsideAngular(() => {\n        this.observer = new ResizeObserver((entries) => {\n          const entry = entries[0];\n\n          if (!entry) {\n            return;\n          }\n\n          const hostWidth = entry.contentRect.width;\n          const bp = this.breakpoint();\n\n          if (hostWidth < bp && this.layout() !== 'narrow') {\n            this.ngZone.run(() => {\n              this.layout.set('narrow');\n              this.animate.set(false);\n              this.collapsed.set(true);\n            });\n          } else if (hostWidth >= bp && this.layout() !== 'wide') {\n            this.ngZone.run(() => {\n              this.layout.set('wide');\n              this.animate.set(false);\n              this.collapsed.set(true);\n            });\n          }\n        });\n\n        this.observer.observe(this.el.nativeElement);\n      });\n    }\n\n    this.destroyRef.onDestroy(() => {\n      this.observer?.disconnect();\n    });\n  }\n\n  // ===== PUBLIC METHODS =====\n\n  /** Expand the left panel. */\n  open(): void {\n    this.animate.set(true);\n    this.collapsed.set(false);\n  }\n\n  /** Collapse the left panel. */\n  close(): void {\n    this.animate.set(true);\n    this.collapsed.set(true);\n  }\n\n  /** Toggle the left panel between expanded and collapsed. */\n  toggle(): void {\n    if (this.collapsed()) {\n      this.open();\n    } else {\n      this.close();\n    }\n  }\n\n  /** Dismiss the left panel overlay on narrow viewports (alias for `close`). */\n  dismiss(): void {\n    this.close();\n  }\n}\n","@if (showOverlay()) {\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n  <div class=\"fk-content-split__overlay\" (click)=\"dismiss()\"></div>\n}\n\n<div\n  class=\"fk-content-split__left\"\n  [class.fk-content-split__left--open]=\"!collapsed()\"\n>\n  <div class=\"fk-content-split__left-content\">\n    <ng-content select=\"[contentSplitLeft]\" />\n  </div>\n</div>\n\n<div class=\"fk-content-split__rail\">\n  <button\n    class=\"fk-content-split__rail-toggle\"\n    type=\"button\"\n    [attr.aria-label]=\"collapsed() ? 'Open panel' : 'Close panel'\"\n    (click)=\"toggle()\"\n  >\n    <span\n      class=\"fk-content-split__rail-toggle-icon\"\n      [class.fk-content-split__rail-toggle-icon--open]=\"!collapsed()\"\n      aria-hidden=\"true\"\n    >\n      <span class=\"fk-content-split__rail-toggle-projected\">\n        <ng-content select=\"[contentSplitToggleIcon]\" />\n      </span>\n      <svg\n        class=\"fk-content-split__rail-toggle-fallback\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"18\"\n        height=\"18\"\n        viewBox=\"0 0 18 18\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      >\n        <path d=\"M15.25 9H2.75\" />\n        <path d=\"M11 4.75L15.25 9L11 13.25\" />\n      </svg>\n    </span>\n  </button>\n</div>\n\n<div class=\"fk-content-split__right\">\n  <ng-content select=\"[contentSplitRight]\" />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"frame-kit-ui-ng-layouts-content-split.mjs","sources":["../../../../packages/ui-ng/layouts/content-split/content-split.component.ts","../../../../packages/ui-ng/layouts/content-split/content-split.component.html","../../../../packages/ui-ng/layouts/content-split/frame-kit-ui-ng-layouts-content-split.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  model,\n  NgZone,\n  PLATFORM_ID,\n  signal,\n} from '@angular/core';\n\nimport type { ContentSplitLayout } from './content-split.types';\n\n@Component({\n  selector: 'fk-content-split',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './content-split.component.html',\n  styleUrl: './content-split.component.scss',\n})\nexport class FkContentSplitComponent {\n  private readonly el = inject(ElementRef<HTMLElement>);\n  private readonly ngZone = inject(NgZone);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly platformId = inject(PLATFORM_ID);\n\n  // ===== BASE PROPS =====\n  readonly className = input<string>('');\n\n  // ===== INPUTS =====\n  /** Width of the left panel when the layout is in wide mode. */\n  readonly leftWidth = input<string>('280px');\n  /** Width of the left panel when collapsed to a narrow icon rail. */\n  readonly railWidth = input<string>('64px');\n  /** Host element pixel width below which the layout switches to narrow mode. */\n  readonly breakpoint = input<number>(700);\n  /**\n   * Optional CSS max-width for the layout. When set, the split is capped at\n   * this width and centered in its container (via auto inline margins);\n   * unset (default), it fills the full available width as before.\n   */\n  readonly maxWidth = input<string | null>(null);\n  /** Two-way binding for the collapsed state of the left panel. */\n  readonly collapsed = model<boolean>(false);\n\n  // ===== INTERNAL STATE =====\n  readonly layout = signal<ContentSplitLayout>('wide');\n  readonly animate = signal(false);\n\n  private observer: ResizeObserver | null = null;\n\n  // ===== COMPUTED =====\n  readonly isNarrow = computed(() => this.layout() === 'narrow');\n  readonly isWide = computed(() => this.layout() === 'wide');\n  readonly showOverlay = computed(() => this.isNarrow() && !this.collapsed());\n\n  readonly classes = computed(() =>\n    [\n      'fk-content-split',\n      this.isNarrow() ? 'fk-content-split--narrow' : 'fk-content-split--wide',\n      this.isNarrow() && !this.collapsed() ? 'fk-content-split--open' : '',\n      this.isNarrow() && this.collapsed() ? 'fk-content-split--closed' : '',\n      this.animate() ? 'fk-content-split--animate' : '',\n      this.className(),\n    ]\n      .filter(Boolean)\n      .join(' '),\n  );\n\n  // ===== HOST BINDINGS =====\n\n  @HostBinding('class')\n  get hostClass() {\n    return this.classes();\n  }\n\n  @HostBinding('style.--fk-content-split-left-width')\n  get hostLeftWidth() {\n    return this.leftWidth();\n  }\n\n  @HostBinding('style.--fk-content-split-rail-width')\n  get hostRailWidth() {\n    return this.railWidth();\n  }\n\n  @HostBinding('style.--fk-content-split-max-width')\n  get hostMaxWidth() {\n    return this.maxWidth();\n  }\n\n  // ===== CONSTRUCTOR =====\n\n  constructor() {\n    // ResizeObserver is browser-only — the SSR pass has no live\n    // layout to observe, so the initial layout signal stays at its\n    // default (\"wide\") and the browser pass wires the observer once\n    // hydration mounts the element.\n    if (isPlatformBrowser(this.platformId)) {\n      this.ngZone.runOutsideAngular(() => {\n        this.observer = new ResizeObserver((entries) => {\n          const entry = entries[0];\n\n          if (!entry) {\n            return;\n          }\n\n          const hostWidth = entry.contentRect.width;\n          const bp = this.breakpoint();\n\n          // A width of 0 means the split is hidden (an inactive tab, a\n          // collapsed section), not that the screen is narrow. Keep the\n          // last real layout, so showing it again does not fold the left\n          // panel away and animate it back.\n          if (hostWidth === 0) {\n            return;\n          }\n\n          if (hostWidth < bp && this.layout() !== 'narrow') {\n            this.ngZone.run(() => {\n              this.layout.set('narrow');\n              this.animate.set(false);\n              this.collapsed.set(true);\n            });\n          } else if (hostWidth >= bp && this.layout() !== 'wide') {\n            this.ngZone.run(() => {\n              this.layout.set('wide');\n              this.animate.set(false);\n              this.collapsed.set(true);\n            });\n          }\n        });\n\n        this.observer.observe(this.el.nativeElement);\n      });\n    }\n\n    this.destroyRef.onDestroy(() => {\n      this.observer?.disconnect();\n    });\n  }\n\n  // ===== PUBLIC METHODS =====\n\n  /** Expand the left panel. */\n  open(): void {\n    this.animate.set(true);\n    this.collapsed.set(false);\n  }\n\n  /** Collapse the left panel. */\n  close(): void {\n    this.animate.set(true);\n    this.collapsed.set(true);\n  }\n\n  /** Toggle the left panel between expanded and collapsed. */\n  toggle(): void {\n    if (this.collapsed()) {\n      this.open();\n    } else {\n      this.close();\n    }\n  }\n\n  /** Dismiss the left panel overlay on narrow viewports (alias for `close`). */\n  dismiss(): void {\n    this.close();\n  }\n}\n","@if (showOverlay()) {\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n  <div class=\"fk-content-split__overlay\" (click)=\"dismiss()\"></div>\n}\n\n<div\n  class=\"fk-content-split__left\"\n  [class.fk-content-split__left--open]=\"!collapsed()\"\n>\n  <div class=\"fk-content-split__left-content\">\n    <ng-content select=\"[contentSplitLeft]\" />\n  </div>\n</div>\n\n<div class=\"fk-content-split__rail\">\n  <button\n    class=\"fk-content-split__rail-toggle\"\n    type=\"button\"\n    [attr.aria-label]=\"collapsed() ? 'Open panel' : 'Close panel'\"\n    (click)=\"toggle()\"\n  >\n    <span\n      class=\"fk-content-split__rail-toggle-icon\"\n      [class.fk-content-split__rail-toggle-icon--open]=\"!collapsed()\"\n      aria-hidden=\"true\"\n    >\n      <span class=\"fk-content-split__rail-toggle-projected\">\n        <ng-content select=\"[contentSplitToggleIcon]\" />\n      </span>\n      <svg\n        class=\"fk-content-split__rail-toggle-fallback\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"18\"\n        height=\"18\"\n        viewBox=\"0 0 18 18\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      >\n        <path d=\"M15.25 9H2.75\" />\n        <path d=\"M11 4.75L15.25 9L11 13.25\" />\n      </svg>\n    </span>\n  </button>\n</div>\n\n<div class=\"fk-content-split__right\">\n  <ng-content select=\"[contentSplitRight]\" />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frame-kit/ui-ng",
-  "version": "0.2.23",
+  "version": "0.2.24",
   "description": "Style-agnostic, token-driven Angular UI component library for FrameKit.",
   "license": "MIT",
   "repository": {
@@ -17,7 +17,7 @@
     "@angular/forms": "^21.2.0",
     "@angular/platform-browser": "^21.2.0",
     "@angular/router": "^21.2.0",
-    "@frame-kit/utils": "0.2.23",
+    "@frame-kit/utils": "0.2.24",
     "rxjs": "^7.0.0"
   },
   "sideEffects": false,