codexly-ui 0.0.6 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,9 +4,10 @@
4
4
  @import "./_animate.css";
5
5
 
6
6
  /* ── Safelist: all color shades for dynamic class binding ── */
7
- @source inline("{bg,hover:bg,ring,hover:ring,focus:ring,hover:border,border,text}-{red,orange,amber,yellow,lime,green,emerald,teal,cyan,sky,blue,indigo,violet,purple,fuchsia,pink,rose,slate,gray,zinc,neutral,stone}-{50,100,200,300,400,500,600,700,800,900,950}{/10,/20,/25,/50,/75,}");
8
- @source inline("{bg,hover:bg,focus:ring,border,hover:border}-{white,black,transparent}");
7
+ @source inline("{bg,hover:bg,ring,hover:ring,focus:ring,focus-within:ring,hover:border,border,focus:border,focus-within:border,text}-{red,orange,amber,yellow,lime,green,emerald,teal,cyan,sky,blue,indigo,violet,purple,fuchsia,pink,rose,slate,gray,zinc,neutral,stone}-{50,100,200,300,400,500,600,700,800,900,950}{/10,/20,/25,/50,/75,}");
8
+ @source inline("{bg,hover:bg,focus:ring,focus-within:ring,border,focus:border,focus-within:border,hover:border}-{white,black,transparent}");
9
9
  @source inline("text-{black,white}");
10
+ @source inline("focus:ring-2 focus-within:ring-2 ring-2");
10
11
 
11
12
  /* ── Modal backdrop ───────────────────────────────────────────────────────── */
12
13
  .clx-modal-backdrop {
@@ -11,7 +11,6 @@ import { Chart, LineController, BarController, PieController, DoughnutController
11
11
  import * as i1$2 from '@angular/cdk/portal';
12
12
  import { PortalModule, ComponentPortal } from '@angular/cdk/portal';
13
13
  import { FocusTrapFactory } from '@angular/cdk/a11y';
14
- import { ScrollingModule } from '@angular/cdk/scrolling';
15
14
  import { RouterLink, RouterLinkActive, Router, NavigationEnd } from '@angular/router';
16
15
  import { filter, map, startWith as startWith$1 } from 'rxjs/operators';
17
16
 
@@ -10935,20 +10934,19 @@ class ClxAppLayoutComponent {
10935
10934
  <ng-content select="[clx-header]"></ng-content>
10936
10935
  </header>
10937
10936
 
10938
- <!-- Main content — cdkScrollable lets CDK overlays reposition on scroll -->
10939
- <main class="flex-1 overflow-y-auto bg-white" cdkScrollable>
10937
+ <main class="flex-1 overflow-y-auto bg-white">
10940
10938
  <ng-content></ng-content>
10941
10939
  </main>
10942
10940
 
10943
10941
  </div>
10944
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1$1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10942
+ `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10945
10943
  }
10946
10944
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ClxAppLayoutComponent, decorators: [{
10947
10945
  type: Component,
10948
10946
  args: [{
10949
10947
  selector: 'clx-app-layout',
10950
10948
  standalone: true,
10951
- imports: [ScrollingModule],
10949
+ imports: [],
10952
10950
  template: `
10953
10951
  <!-- ── Mobile backdrop ───────────────────────────────────────────────────── -->
10954
10952
  @if (_sidebarOpen()) {
@@ -10974,8 +10972,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
10974
10972
  <ng-content select="[clx-header]"></ng-content>
10975
10973
  </header>
10976
10974
 
10977
- <!-- Main content — cdkScrollable lets CDK overlays reposition on scroll -->
10978
- <main class="flex-1 overflow-y-auto bg-white" cdkScrollable>
10975
+ <main class="flex-1 overflow-y-auto bg-white">
10979
10976
  <ng-content></ng-content>
10980
10977
  </main>
10981
10978