@ojiepermana/angular 22.2.1 → 22.2.3

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.
Files changed (126) hide show
  1. package/README.md +18 -7
  2. package/component/icon/README.md +40 -13
  3. package/fesm2022/ojiepermana-angular-chart-area.mjs +3 -3
  4. package/fesm2022/ojiepermana-angular-chart-bar.mjs +5 -5
  5. package/fesm2022/ojiepermana-angular-chart-core.mjs +33 -33
  6. package/fesm2022/ojiepermana-angular-chart-line.mjs +5 -5
  7. package/fesm2022/ojiepermana-angular-chart-pie.mjs +5 -5
  8. package/fesm2022/ojiepermana-angular-chart-primitives.mjs +33 -33
  9. package/fesm2022/ojiepermana-angular-chart-radar.mjs +5 -5
  10. package/fesm2022/ojiepermana-angular-chart-radial.mjs +5 -5
  11. package/fesm2022/ojiepermana-angular-chart-scatter.mjs +3 -3
  12. package/fesm2022/ojiepermana-angular-component-accordion.mjs +17 -17
  13. package/fesm2022/ojiepermana-angular-component-alert-dialog.mjs +27 -27
  14. package/fesm2022/ojiepermana-angular-component-alert.mjs +12 -12
  15. package/fesm2022/ojiepermana-angular-component-aspect-ratio.mjs +3 -3
  16. package/fesm2022/ojiepermana-angular-component-avatar.mjs +18 -18
  17. package/fesm2022/ojiepermana-angular-component-badge.mjs +9 -9
  18. package/fesm2022/ojiepermana-angular-component-breadcrumb.mjs +21 -21
  19. package/fesm2022/ojiepermana-angular-component-button-group.mjs +10 -10
  20. package/fesm2022/ojiepermana-angular-component-button.mjs +4 -4
  21. package/fesm2022/ojiepermana-angular-component-calendar.mjs +5 -5
  22. package/fesm2022/ojiepermana-angular-component-card.mjs +27 -24
  23. package/fesm2022/ojiepermana-angular-component-carousel.mjs +18 -18
  24. package/fesm2022/ojiepermana-angular-component-checkbox.mjs +4 -4
  25. package/fesm2022/ojiepermana-angular-component-collapsible.mjs +12 -12
  26. package/fesm2022/ojiepermana-angular-component-combobox.mjs +3 -3
  27. package/fesm2022/ojiepermana-angular-component-command.mjs +28 -28
  28. package/fesm2022/ojiepermana-angular-component-composer.mjs +22 -22
  29. package/fesm2022/ojiepermana-angular-component-context-menu.mjs +3 -3
  30. package/fesm2022/ojiepermana-angular-component-date-picker.mjs +5 -5
  31. package/fesm2022/ojiepermana-angular-component-dialog.mjs +22 -22
  32. package/fesm2022/ojiepermana-angular-component-drawer.mjs +2 -1
  33. package/fesm2022/ojiepermana-angular-component-dropdown-menu.mjs +39 -39
  34. package/fesm2022/ojiepermana-angular-component-editor.mjs +21 -21
  35. package/fesm2022/ojiepermana-angular-component-empty.mjs +19 -19
  36. package/fesm2022/ojiepermana-angular-component-form.mjs +36 -36
  37. package/fesm2022/ojiepermana-angular-component-hover-card.mjs +9 -9
  38. package/fesm2022/ojiepermana-angular-component-icon.mjs +114 -105
  39. package/fesm2022/ojiepermana-angular-component-input-group.mjs +19 -19
  40. package/fesm2022/ojiepermana-angular-component-input-otp.mjs +16 -16
  41. package/fesm2022/ojiepermana-angular-component-input.mjs +6 -6
  42. package/fesm2022/ojiepermana-angular-component-item.mjs +31 -31
  43. package/fesm2022/ojiepermana-angular-component-kanban.mjs +29 -29
  44. package/fesm2022/ojiepermana-angular-component-kbd.mjs +7 -7
  45. package/fesm2022/ojiepermana-angular-component-label.mjs +3 -3
  46. package/fesm2022/ojiepermana-angular-component-menubar.mjs +13 -13
  47. package/fesm2022/ojiepermana-angular-component-native-select.mjs +14 -14
  48. package/fesm2022/ojiepermana-angular-component-navigation-menu.mjs +21 -21
  49. package/fesm2022/ojiepermana-angular-component-pagination.mjs +3 -3
  50. package/fesm2022/ojiepermana-angular-component-pillbox.mjs +16 -16
  51. package/fesm2022/ojiepermana-angular-component-popover.mjs +6 -6
  52. package/fesm2022/ojiepermana-angular-component-progress.mjs +3 -3
  53. package/fesm2022/ojiepermana-angular-component-radio.mjs +7 -7
  54. package/fesm2022/ojiepermana-angular-component-resizable.mjs +12 -12
  55. package/fesm2022/ojiepermana-angular-component-scroll-area.mjs +3 -3
  56. package/fesm2022/ojiepermana-angular-component-segmented-control.mjs +6 -8
  57. package/fesm2022/ojiepermana-angular-component-select.mjs +8 -8
  58. package/fesm2022/ojiepermana-angular-component-separator.mjs +3 -3
  59. package/fesm2022/ojiepermana-angular-component-sheet.mjs +41 -28
  60. package/fesm2022/ojiepermana-angular-component-skeleton.mjs +3 -3
  61. package/fesm2022/ojiepermana-angular-component-slider.mjs +10 -10
  62. package/fesm2022/ojiepermana-angular-component-spinner.mjs +3 -3
  63. package/fesm2022/ojiepermana-angular-component-switch.mjs +4 -4
  64. package/fesm2022/ojiepermana-angular-component-table.mjs +24 -24
  65. package/fesm2022/ojiepermana-angular-component-tabs.mjs +18 -18
  66. package/fesm2022/ojiepermana-angular-component-textarea.mjs +6 -6
  67. package/fesm2022/ojiepermana-angular-component-timeline.mjs +19 -19
  68. package/fesm2022/ojiepermana-angular-component-toast.mjs +5 -5
  69. package/fesm2022/ojiepermana-angular-component-toggle-group.mjs +9 -9
  70. package/fesm2022/ojiepermana-angular-component-toggle.mjs +5 -5
  71. package/fesm2022/ojiepermana-angular-component-tooltip.mjs +15 -15
  72. package/fesm2022/ojiepermana-angular-component-utils-scale.mjs +3 -3
  73. package/fesm2022/ojiepermana-angular-navigation-icon.mjs +3 -3
  74. package/fesm2022/{ojiepermana-angular-navigation-navigation-badge-count.component-DYuysKVf.mjs → ojiepermana-angular-navigation-navigation-badge-count.component-4RIokl1C.mjs} +3 -3
  75. package/fesm2022/{ojiepermana-angular-navigation-navigation-dockbar-menu.component-COiTaw34.mjs → ojiepermana-angular-navigation-navigation-dockbar-menu.component-I-ln7fOq.mjs} +22 -15
  76. package/fesm2022/{ojiepermana-angular-navigation-navigation-entry-grid.component-YIz0IsIb.mjs → ojiepermana-angular-navigation-navigation-entry-grid.component-meQb_EWZ.mjs} +15 -24
  77. package/fesm2022/{ojiepermana-angular-navigation-navigation-flyout-menu.component-D2vwEwBY.mjs → ojiepermana-angular-navigation-navigation-flyout-menu.component-DRdw2G-c.mjs} +14 -13
  78. package/fesm2022/{ojiepermana-angular-navigation-navigation-horizontal.component-B5D7yXfb.mjs → ojiepermana-angular-navigation-navigation-horizontal.component-Bx1NcrWO.mjs} +5 -5
  79. package/fesm2022/{ojiepermana-angular-navigation-navigation-item.component-CUb68MZH.mjs → ojiepermana-angular-navigation-navigation-item.component-ERZNpmTZ.mjs} +22 -23
  80. package/fesm2022/{ojiepermana-angular-navigation-navigation-list.component-CrK16trj.mjs → ojiepermana-angular-navigation-navigation-list.component-DfG6_3eF.mjs} +4 -4
  81. package/fesm2022/ojiepermana-angular-navigation-service.mjs +16 -7
  82. package/fesm2022/ojiepermana-angular-navigation.mjs +95 -89
  83. package/fesm2022/ojiepermana-angular-theme-component-settings.mjs +127 -72
  84. package/fesm2022/ojiepermana-angular-theme-layout-services.mjs +6 -6
  85. package/fesm2022/ojiepermana-angular-theme-layout-wrapper.mjs +56 -48
  86. package/fesm2022/ojiepermana-angular-theme-layout.mjs +30 -30
  87. package/fesm2022/ojiepermana-angular-theme-page-core.mjs +3 -3
  88. package/fesm2022/ojiepermana-angular-theme-page-filter.mjs +7 -7
  89. package/fesm2022/ojiepermana-angular-theme-page-overview.mjs +3 -3
  90. package/fesm2022/ojiepermana-angular-theme-page-root.mjs +8 -6
  91. package/fesm2022/ojiepermana-angular-theme-page-side.mjs +7 -7
  92. package/fesm2022/ojiepermana-angular-theme-page-slots.mjs +12 -12
  93. package/fesm2022/ojiepermana-angular-theme-shell-services.mjs +3 -3
  94. package/fesm2022/ojiepermana-angular-theme-shell.mjs +16 -12
  95. package/fesm2022/ojiepermana-angular-theme-styles.mjs +17 -33
  96. package/navigation/README.md +2 -2
  97. package/package.json +3 -2
  98. package/theme/README.md +4 -10
  99. package/theme/page/README.md +2 -0
  100. package/theme/shell/README.md +5 -1
  101. package/theme/styles/README.md +32 -8
  102. package/theme/styles/css/base/components.css +13 -9
  103. package/theme/styles/css/base/tailwind.css +43 -0
  104. package/theme/styles/css/base/theme.css +4 -25
  105. package/theme/styles/css/base/tokens.css +21 -0
  106. package/theme/styles/css/fonts.css +85 -0
  107. package/types/ojiepermana-angular-chart-radar.d.ts +2 -1
  108. package/types/ojiepermana-angular-component-avatar.d.ts +2 -1
  109. package/types/ojiepermana-angular-component-calendar.d.ts +2 -1
  110. package/types/ojiepermana-angular-component-card.d.ts +6 -1
  111. package/types/ojiepermana-angular-component-editor.d.ts +2 -1
  112. package/types/ojiepermana-angular-component-icon.d.ts +50 -79
  113. package/types/ojiepermana-angular-component-input-otp.d.ts +2 -1
  114. package/types/ojiepermana-angular-component-pillbox.d.ts +2 -1
  115. package/types/ojiepermana-angular-component-radio.d.ts +2 -1
  116. package/types/ojiepermana-angular-component-resizable.d.ts +2 -1
  117. package/types/ojiepermana-angular-component-segmented-control.d.ts +1 -1
  118. package/types/ojiepermana-angular-component-select.d.ts +2 -3
  119. package/types/ojiepermana-angular-navigation-service.d.ts +8 -0
  120. package/types/ojiepermana-angular-navigation-types.d.ts +1 -1
  121. package/types/ojiepermana-angular-navigation.d.ts +12 -7
  122. package/types/ojiepermana-angular-theme-layout-services.d.ts +2 -1
  123. package/types/ojiepermana-angular-theme-layout-wrapper.d.ts +4 -3
  124. package/types/ojiepermana-angular-theme-page-root.d.ts +1 -1
  125. package/types/ojiepermana-angular-theme-shell-services.d.ts +2 -1
  126. package/types/ojiepermana-angular-theme-styles.d.ts +0 -12
@@ -1,7 +1,8 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import { Component, Service, booleanAttribute, computed, effect, inject, input, model, output, signal, viewChild } from "@angular/core";
3
3
  import { NavigationAsideFooterDirective, NavigationContainerComponent, NavigationDockbarComponent, NavigationFlyoutComponent, NavigationFooterActionComponent, NavigationFooterComponent, NavigationFooterInitialComponent, NavigationFooterTitleComponent, NavigationHeaderComponent, NavigationHeaderInitialComponent, NavigationHeaderTitleComponent, NavigationMinidockComponent, NavigationNavbarComponent, NavigationSidebarComponent } from "@ojiepermana/angular/navigation";
4
- import { IconComponent } from "@ojiepermana/angular/component/icon";
4
+ import { LucideGrip, LucideLogOut } from "@lucide/angular";
5
+ import { IconComponent, provideIcons } from "@ojiepermana/angular/component/icon";
5
6
  import { ThemeSettingsComponent } from "@ojiepermana/angular/theme/component/settings";
6
7
  import { DOCUMENT, NgTemplateOutlet } from "@angular/common";
7
8
  import { cn } from "@ojiepermana/angular/component/utils/core";
@@ -23,7 +24,7 @@ var LayoutIdentityService = class LayoutIdentityService {
23
24
  }
24
25
  static ɵfac = i0.ɵɵngDeclareFactory({
25
26
  minVersion: "12.0.0",
26
- version: "22.2.2",
27
+ version: "22.2.3",
27
28
  ngImport: i0,
28
29
  type: LayoutIdentityService,
29
30
  deps: [],
@@ -31,14 +32,14 @@ var LayoutIdentityService = class LayoutIdentityService {
31
32
  });
32
33
  static ɵprov = i0.ɵɵngDeclareService({
33
34
  minVersion: "22.0.0",
34
- version: "22.2.2",
35
+ version: "22.2.3",
35
36
  ngImport: i0,
36
37
  type: LayoutIdentityService
37
38
  });
38
39
  };
39
40
  i0.ɵɵngDeclareClassMetadata({
40
41
  minVersion: "12.0.0",
41
- version: "22.2.2",
42
+ version: "22.2.3",
42
43
  ngImport: i0,
43
44
  type: LayoutIdentityService,
44
45
  decorators: [{ type: Service }]
@@ -51,7 +52,7 @@ var LayoutBrand = class LayoutBrand {
51
52
  });
52
53
  static ɵfac = i0.ɵɵngDeclareFactory({
53
54
  minVersion: "12.0.0",
54
- version: "22.2.2",
55
+ version: "22.2.3",
55
56
  ngImport: i0,
56
57
  type: LayoutBrand,
57
58
  deps: [],
@@ -59,7 +60,7 @@ var LayoutBrand = class LayoutBrand {
59
60
  });
60
61
  static ɵcmp = i0.ɵɵngDeclareComponent({
61
62
  minVersion: "17.0.0",
62
- version: "22.2.2",
63
+ version: "22.2.3",
63
64
  type: LayoutBrand,
64
65
  isStandalone: true,
65
66
  selector: "LayoutBrand",
@@ -114,7 +115,7 @@ var LayoutBrand = class LayoutBrand {
114
115
  };
115
116
  i0.ɵɵngDeclareClassMetadata({
116
117
  minVersion: "12.0.0",
117
- version: "22.2.2",
118
+ version: "22.2.3",
118
119
  ngImport: i0,
119
120
  type: LayoutBrand,
120
121
  decorators: [{
@@ -157,11 +158,11 @@ var LayoutUser = class LayoutUser {
157
158
  transform: booleanAttribute
158
159
  });
159
160
  logoutLabel = input("Logout", ...ngDevMode ? [{ debugName: "logoutLabel" }] : /* istanbul ignore next */ []);
160
- logoutIcon = input("logout", ...ngDevMode ? [{ debugName: "logoutIcon" }] : /* istanbul ignore next */ []);
161
+ logoutIcon = input("log-out", ...ngDevMode ? [{ debugName: "logoutIcon" }] : /* istanbul ignore next */ []);
161
162
  logout = output();
162
163
  static ɵfac = i0.ɵɵngDeclareFactory({
163
164
  minVersion: "12.0.0",
164
- version: "22.2.2",
165
+ version: "22.2.3",
165
166
  ngImport: i0,
166
167
  type: LayoutUser,
167
168
  deps: [],
@@ -169,7 +170,7 @@ var LayoutUser = class LayoutUser {
169
170
  });
170
171
  static ɵcmp = i0.ɵɵngDeclareComponent({
171
172
  minVersion: "17.0.0",
172
- version: "22.2.2",
173
+ version: "22.2.3",
173
174
  type: LayoutUser,
174
175
  isStandalone: true,
175
176
  selector: "LayoutUser",
@@ -205,6 +206,7 @@ var LayoutUser = class LayoutUser {
205
206
  },
206
207
  outputs: { logout: "logout" },
207
208
  host: { classAttribute: "contents" },
209
+ providers: [provideIcons(LucideLogOut)],
208
210
  ngImport: i0,
209
211
  template: `
210
212
  @if (detailed()) {
@@ -235,10 +237,8 @@ var LayoutUser = class LayoutUser {
235
237
  "name",
236
238
  "class",
237
239
  "size",
238
- "fill",
239
- "weight",
240
- "grade",
241
- "opticalSize"
240
+ "strokeWidth",
241
+ "label"
242
242
  ]
243
243
  },
244
244
  {
@@ -289,13 +289,14 @@ var LayoutUser = class LayoutUser {
289
289
  };
290
290
  i0.ɵɵngDeclareClassMetadata({
291
291
  minVersion: "12.0.0",
292
- version: "22.2.2",
292
+ version: "22.2.3",
293
293
  ngImport: i0,
294
294
  type: LayoutUser,
295
295
  decorators: [{
296
296
  type: Component,
297
297
  args: [{
298
298
  selector: "LayoutUser",
299
+ providers: [provideIcons(LucideLogOut)],
299
300
  imports: [
300
301
  IconComponent,
301
302
  ThemeSettingsComponent,
@@ -378,7 +379,7 @@ var LayoutNavSidebar = class LayoutNavSidebar {
378
379
  shellClass = computed(() => this.isBorderRail() ? "border-r-[length:var(--layout-rail-width)] border-border" : "border-r border-border", ...ngDevMode ? [{ debugName: "shellClass" }] : /* istanbul ignore next */ []);
379
380
  static ɵfac = i0.ɵɵngDeclareFactory({
380
381
  minVersion: "12.0.0",
381
- version: "22.2.2",
382
+ version: "22.2.3",
382
383
  ngImport: i0,
383
384
  type: LayoutNavSidebar,
384
385
  deps: [],
@@ -386,7 +387,7 @@ var LayoutNavSidebar = class LayoutNavSidebar {
386
387
  });
387
388
  static ɵcmp = i0.ɵɵngDeclareComponent({
388
389
  minVersion: "17.1.0",
389
- version: "22.2.2",
390
+ version: "22.2.3",
390
391
  type: LayoutNavSidebar,
391
392
  isStandalone: true,
392
393
  selector: "LayoutNavSidebar",
@@ -482,7 +483,7 @@ var LayoutNavSidebar = class LayoutNavSidebar {
482
483
  };
483
484
  i0.ɵɵngDeclareClassMetadata({
484
485
  minVersion: "12.0.0",
485
- version: "22.2.2",
486
+ version: "22.2.3",
486
487
  ngImport: i0,
487
488
  type: LayoutNavSidebar,
488
489
  decorators: [{
@@ -575,7 +576,7 @@ var LayoutNavDockbar = class LayoutNavDockbar {
575
576
  shellClass = computed(() => this.isBorderRail() ? "border-r-[length:var(--layout-rail-width)] border-border" : "border-r border-border", ...ngDevMode ? [{ debugName: "shellClass" }] : /* istanbul ignore next */ []);
576
577
  static ɵfac = i0.ɵɵngDeclareFactory({
577
578
  minVersion: "12.0.0",
578
- version: "22.2.2",
579
+ version: "22.2.3",
579
580
  ngImport: i0,
580
581
  type: LayoutNavDockbar,
581
582
  deps: [],
@@ -583,7 +584,7 @@ var LayoutNavDockbar = class LayoutNavDockbar {
583
584
  });
584
585
  static ɵcmp = i0.ɵɵngDeclareComponent({
585
586
  minVersion: "17.0.0",
586
- version: "22.2.2",
587
+ version: "22.2.3",
587
588
  type: LayoutNavDockbar,
588
589
  isStandalone: true,
589
590
  selector: "LayoutNavDockbar",
@@ -633,6 +634,7 @@ var LayoutNavDockbar = class LayoutNavDockbar {
633
634
  },
634
635
  outputs: { logout: "logout" },
635
636
  host: { classAttribute: "contents" },
637
+ providers: [provideIcons(LucideLogOut)],
636
638
  ngImport: i0,
637
639
  template: `
638
640
  <NavigationDockbar
@@ -667,7 +669,7 @@ var LayoutNavDockbar = class LayoutNavDockbar {
667
669
  class="ml-auto inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
668
670
  (click)="logout.emit()"
669
671
  >
670
- <Icon name="logout" [size]="18" />
672
+ <Icon name="log-out" [size]="18" />
671
673
  </button>
672
674
  </ng-template>
673
675
  </NavigationDockbar>
@@ -682,10 +684,8 @@ var LayoutNavDockbar = class LayoutNavDockbar {
682
684
  "name",
683
685
  "class",
684
686
  "size",
685
- "fill",
686
- "weight",
687
- "grade",
688
- "opticalSize"
687
+ "strokeWidth",
688
+ "label"
689
689
  ]
690
690
  },
691
691
  {
@@ -740,13 +740,14 @@ var LayoutNavDockbar = class LayoutNavDockbar {
740
740
  };
741
741
  i0.ɵɵngDeclareClassMetadata({
742
742
  minVersion: "12.0.0",
743
- version: "22.2.2",
743
+ version: "22.2.3",
744
744
  ngImport: i0,
745
745
  type: LayoutNavDockbar,
746
746
  decorators: [{
747
747
  type: Component,
748
748
  args: [{
749
749
  selector: "LayoutNavDockbar",
750
+ providers: [provideIcons(LucideLogOut)],
750
751
  imports: [
751
752
  IconComponent,
752
753
  NavigationAsideFooterDirective,
@@ -790,7 +791,7 @@ i0.ɵɵngDeclareClassMetadata({
790
791
  class="ml-auto inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
791
792
  (click)="logout.emit()"
792
793
  >
793
- <Icon name="logout" [size]="18" />
794
+ <Icon name="log-out" [size]="18" />
794
795
  </button>
795
796
  </ng-template>
796
797
  </NavigationDockbar>
@@ -861,7 +862,7 @@ var LayoutNavMinidock = class LayoutNavMinidock {
861
862
  shellClass = computed(() => this.isBorderRail() ? "border-r-[length:var(--layout-rail-width)] border-border" : "border-r border-border", ...ngDevMode ? [{ debugName: "shellClass" }] : /* istanbul ignore next */ []);
862
863
  static ɵfac = i0.ɵɵngDeclareFactory({
863
864
  minVersion: "12.0.0",
864
- version: "22.2.2",
865
+ version: "22.2.3",
865
866
  ngImport: i0,
866
867
  type: LayoutNavMinidock,
867
868
  deps: [],
@@ -869,7 +870,7 @@ var LayoutNavMinidock = class LayoutNavMinidock {
869
870
  });
870
871
  static ɵcmp = i0.ɵɵngDeclareComponent({
871
872
  minVersion: "17.1.0",
872
- version: "22.2.2",
873
+ version: "22.2.3",
873
874
  type: LayoutNavMinidock,
874
875
  isStandalone: true,
875
876
  selector: "LayoutNavMinidock",
@@ -952,7 +953,7 @@ var LayoutNavMinidock = class LayoutNavMinidock {
952
953
  };
953
954
  i0.ɵɵngDeclareClassMetadata({
954
955
  minVersion: "12.0.0",
955
- version: "22.2.2",
956
+ version: "22.2.3",
956
957
  ngImport: i0,
957
958
  type: LayoutNavMinidock,
958
959
  decorators: [{
@@ -1017,7 +1018,7 @@ var LayoutNavNavbar = class LayoutNavNavbar {
1017
1018
  logout = output();
1018
1019
  static ɵfac = i0.ɵɵngDeclareFactory({
1019
1020
  minVersion: "12.0.0",
1020
- version: "22.2.2",
1021
+ version: "22.2.3",
1021
1022
  ngImport: i0,
1022
1023
  type: LayoutNavNavbar,
1023
1024
  deps: [],
@@ -1025,7 +1026,7 @@ var LayoutNavNavbar = class LayoutNavNavbar {
1025
1026
  });
1026
1027
  static ɵcmp = i0.ɵɵngDeclareComponent({
1027
1028
  minVersion: "17.1.0",
1028
- version: "22.2.2",
1029
+ version: "22.2.3",
1029
1030
  type: LayoutNavNavbar,
1030
1031
  isStandalone: true,
1031
1032
  selector: "LayoutNavNavbar",
@@ -1112,7 +1113,7 @@ var LayoutNavNavbar = class LayoutNavNavbar {
1112
1113
  };
1113
1114
  i0.ɵɵngDeclareClassMetadata({
1114
1115
  minVersion: "12.0.0",
1115
- version: "22.2.2",
1116
+ version: "22.2.3",
1116
1117
  ngImport: i0,
1117
1118
  type: LayoutNavNavbar,
1118
1119
  decorators: [{
@@ -1177,7 +1178,7 @@ var LayoutNavFlyout = class LayoutNavFlyout {
1177
1178
  logout = output();
1178
1179
  static ɵfac = i0.ɵɵngDeclareFactory({
1179
1180
  minVersion: "12.0.0",
1180
- version: "22.2.2",
1181
+ version: "22.2.3",
1181
1182
  ngImport: i0,
1182
1183
  type: LayoutNavFlyout,
1183
1184
  deps: [],
@@ -1185,7 +1186,7 @@ var LayoutNavFlyout = class LayoutNavFlyout {
1185
1186
  });
1186
1187
  static ɵcmp = i0.ɵɵngDeclareComponent({
1187
1188
  minVersion: "17.1.0",
1188
- version: "22.2.2",
1189
+ version: "22.2.3",
1189
1190
  type: LayoutNavFlyout,
1190
1191
  isStandalone: true,
1191
1192
  selector: "LayoutNavFlyout",
@@ -1214,12 +1215,13 @@ var LayoutNavFlyout = class LayoutNavFlyout {
1214
1215
  },
1215
1216
  outputs: { logout: "logout" },
1216
1217
  host: { classAttribute: "contents" },
1218
+ providers: [provideIcons(LucideGrip)],
1217
1219
  ngImport: i0,
1218
1220
  template: `
1219
1221
  <NavigationFlyout
1220
1222
  [nav-type-style]="appearance()"
1221
1223
  label="Menu"
1222
- icon="apps"
1224
+ icon="grip"
1223
1225
  class="border-b border-border"
1224
1226
  >
1225
1227
  <NavigationHeader>
@@ -1286,13 +1288,14 @@ var LayoutNavFlyout = class LayoutNavFlyout {
1286
1288
  };
1287
1289
  i0.ɵɵngDeclareClassMetadata({
1288
1290
  minVersion: "12.0.0",
1289
- version: "22.2.2",
1291
+ version: "22.2.3",
1290
1292
  ngImport: i0,
1291
1293
  type: LayoutNavFlyout,
1292
1294
  decorators: [{
1293
1295
  type: Component,
1294
1296
  args: [{
1295
1297
  selector: "LayoutNavFlyout",
1298
+ providers: [provideIcons(LucideGrip)],
1296
1299
  imports: [
1297
1300
  NavigationFlyoutComponent,
1298
1301
  NavigationHeaderComponent,
@@ -1305,7 +1308,7 @@ i0.ɵɵngDeclareClassMetadata({
1305
1308
  <NavigationFlyout
1306
1309
  [nav-type-style]="appearance()"
1307
1310
  label="Menu"
1308
- icon="apps"
1311
+ icon="grip"
1309
1312
  class="border-b border-border"
1310
1313
  >
1311
1314
  <NavigationHeader>
@@ -1353,7 +1356,7 @@ var LayoutNavMinimal = class LayoutNavMinimal {
1353
1356
  brand = input.required(...ngDevMode ? [{ debugName: "brand" }] : /* istanbul ignore next */ []);
1354
1357
  static ɵfac = i0.ɵɵngDeclareFactory({
1355
1358
  minVersion: "12.0.0",
1356
- version: "22.2.2",
1359
+ version: "22.2.3",
1357
1360
  ngImport: i0,
1358
1361
  type: LayoutNavMinimal,
1359
1362
  deps: [],
@@ -1361,7 +1364,7 @@ var LayoutNavMinimal = class LayoutNavMinimal {
1361
1364
  });
1362
1365
  static ɵcmp = i0.ɵɵngDeclareComponent({
1363
1366
  minVersion: "17.1.0",
1364
- version: "22.2.2",
1367
+ version: "22.2.3",
1365
1368
  type: LayoutNavMinimal,
1366
1369
  isStandalone: true,
1367
1370
  selector: "LayoutNavMinimal",
@@ -1412,7 +1415,7 @@ var LayoutNavMinimal = class LayoutNavMinimal {
1412
1415
  };
1413
1416
  i0.ɵɵngDeclareClassMetadata({
1414
1417
  minVersion: "12.0.0",
1415
- version: "22.2.2",
1418
+ version: "22.2.3",
1416
1419
  ngImport: i0,
1417
1420
  type: LayoutNavMinimal,
1418
1421
  decorators: [{
@@ -1512,8 +1515,9 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
1512
1515
  effect(() => this.identity.setUser(this.user()));
1513
1516
  effect((onCleanup) => {
1514
1517
  if (this.navType() !== "desktop") return;
1515
- this.navigation.publishData(LAYOUT_DESKTOP_NAVIGATION_DATA_ID, this.data(), this.desktopNavigationDataOwner);
1516
- onCleanup(() => this.navigation.clearData(LAYOUT_DESKTOP_NAVIGATION_DATA_ID, this.desktopNavigationDataOwner));
1518
+ const dataId = this.effectiveLayoutType() === "empty" ? MAIN_NAVIGATION_ID : LAYOUT_DESKTOP_NAVIGATION_DATA_ID;
1519
+ this.navigation.publishData(dataId, this.data(), this.desktopNavigationDataOwner);
1520
+ onCleanup(() => this.navigation.clearData(dataId, this.desktopNavigationDataOwner));
1517
1521
  });
1518
1522
  effect((onCleanup) => {
1519
1523
  if (this.navKind() !== "minidock") return;
@@ -1562,7 +1566,7 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
1562
1566
  contentClass = computed(() => cn(this.effectiveLayoutType() === "fluid" ? "w-full max-w-3xl" : "", this.contentClassInput()), ...ngDevMode ? [{ debugName: "contentClass" }] : /* istanbul ignore next */ []);
1563
1567
  static ɵfac = i0.ɵɵngDeclareFactory({
1564
1568
  minVersion: "12.0.0",
1565
- version: "22.2.2",
1569
+ version: "22.2.3",
1566
1570
  ngImport: i0,
1567
1571
  type: LayoutWrapperDefault,
1568
1572
  deps: [],
@@ -1570,7 +1574,7 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
1570
1574
  });
1571
1575
  static ɵcmp = i0.ɵɵngDeclareComponent({
1572
1576
  minVersion: "17.0.0",
1573
- version: "22.2.2",
1577
+ version: "22.2.3",
1574
1578
  type: LayoutWrapperDefault,
1575
1579
  isStandalone: true,
1576
1580
  selector: "LayoutWrapperDefault",
@@ -1758,12 +1762,14 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
1758
1762
  </div>
1759
1763
 
1760
1764
  @defer (when mobileNavOpen()) {
1765
+ <!-- Inside the sheet, closing is the action: the sidebar's own collapse
1766
+ toggle is hidden so the sheet close is the one control in the corner. -->
1761
1767
  <Sheet
1762
1768
  [open]="mobileNavOpen()"
1763
1769
  (openChange)="mobileNavOpen.set($event)"
1764
1770
  [restoreFocus]="mobileNavTriggerRef()?.nativeElement ?? null"
1765
1771
  side="left"
1766
- class="w-3/4 p-0! sm:max-w-sm [&_.sheet-close-button]:z-50"
1772
+ class="w-3/4 p-0! sm:max-w-sm [&_.sheet-close-button]:z-50 [&_[data-navigation-header-toggle]]:hidden"
1767
1773
  [closeButtonLabel]="closeMobileNavLabel()"
1768
1774
  >
1769
1775
  <SheetTitle class="sr-only">{{ mobileNavLabel() }}</SheetTitle>
@@ -2057,7 +2063,7 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
2057
2063
  };
2058
2064
  i0.ɵɵngDeclareClassMetadataAsync({
2059
2065
  minVersion: "18.0.0",
2060
- version: "22.2.2",
2066
+ version: "22.2.3",
2061
2067
  ngImport: i0,
2062
2068
  type: LayoutWrapperDefault,
2063
2069
  resolveDeferredDeps: () => [import("@ojiepermana/angular/component/sheet").then((m) => m.SheetComponent), import("@ojiepermana/angular/component/sheet").then((m) => m.SheetTitleComponent)],
@@ -2130,12 +2136,14 @@ i0.ɵɵngDeclareClassMetadataAsync({
2130
2136
  </div>
2131
2137
 
2132
2138
  @defer (when mobileNavOpen()) {
2139
+ <!-- Inside the sheet, closing is the action: the sidebar's own collapse
2140
+ toggle is hidden so the sheet close is the one control in the corner. -->
2133
2141
  <Sheet
2134
2142
  [open]="mobileNavOpen()"
2135
2143
  (openChange)="mobileNavOpen.set($event)"
2136
2144
  [restoreFocus]="mobileNavTriggerRef()?.nativeElement ?? null"
2137
2145
  side="left"
2138
- class="w-3/4 p-0! sm:max-w-sm [&_.sheet-close-button]:z-50"
2146
+ class="w-3/4 p-0! sm:max-w-sm [&_.sheet-close-button]:z-50 [&_[data-navigation-header-toggle]]:hidden"
2139
2147
  [closeButtonLabel]="closeMobileNavLabel()"
2140
2148
  >
2141
2149
  <SheetTitle class="sr-only">{{ mobileNavLabel() }}</SheetTitle>
@@ -24,7 +24,7 @@ var LayoutLoadingComponent = class LayoutLoadingComponent {
24
24
  }
25
25
  static ɵfac = i0.ɵɵngDeclareFactory({
26
26
  minVersion: "12.0.0",
27
- version: "22.2.2",
27
+ version: "22.2.3",
28
28
  ngImport: i0,
29
29
  type: LayoutLoadingComponent,
30
30
  deps: [],
@@ -32,7 +32,7 @@ var LayoutLoadingComponent = class LayoutLoadingComponent {
32
32
  });
33
33
  static ɵcmp = i0.ɵɵngDeclareComponent({
34
34
  minVersion: "17.0.0",
35
- version: "22.2.2",
35
+ version: "22.2.3",
36
36
  type: LayoutLoadingComponent,
37
37
  isStandalone: true,
38
38
  selector: "LayoutLoading",
@@ -73,7 +73,7 @@ var LayoutLoadingComponent = class LayoutLoadingComponent {
73
73
  >
74
74
  <div
75
75
  data-layout-loading-bar
76
- class="h-full rounded-r-full bg-primary transition-[width] duration-200 ease-out"
76
+ class="h-full rounded-r-full bg-primary transition-[width] duration-normal ease-out"
77
77
  [style.width.%]="loading.progress()"
78
78
  ></div>
79
79
  </div>
@@ -84,7 +84,7 @@ var LayoutLoadingComponent = class LayoutLoadingComponent {
84
84
  };
85
85
  i0.ɵɵngDeclareClassMetadata({
86
86
  minVersion: "12.0.0",
87
- version: "22.2.2",
87
+ version: "22.2.3",
88
88
  ngImport: i0,
89
89
  type: LayoutLoadingComponent,
90
90
  decorators: [{
@@ -109,7 +109,7 @@ i0.ɵɵngDeclareClassMetadata({
109
109
  >
110
110
  <div
111
111
  data-layout-loading-bar
112
- class="h-full rounded-r-full bg-primary transition-[width] duration-200 ease-out"
112
+ class="h-full rounded-r-full bg-primary transition-[width] duration-normal ease-out"
113
113
  [style.width.%]="loading.progress()"
114
114
  ></div>
115
115
  </div>
@@ -205,10 +205,10 @@ var LayoutComponent = class LayoutComponent {
205
205
  widthPaddingClasses() {
206
206
  if (this.isFullFlat()) return "";
207
207
  switch (this.resolvedWidth()) {
208
- case "wide": return "p-4 lg:p-12";
209
- case "container": return "p-4 lg:px-0 lg:py-16";
210
- case "fluid": return "p-4 sm:p-6 lg:p-8";
211
- default: return "p-4";
208
+ case "wide": return "p-0 sm:p-4 lg:p-12";
209
+ case "container": return "p-0 sm:p-4 lg:px-0 lg:py-16";
210
+ case "fluid": return "p-0 sm:p-6 lg:p-8";
211
+ default: return "p-0 sm:p-4";
212
212
  }
213
213
  }
214
214
  frameSizeClasses() {
@@ -217,7 +217,7 @@ var LayoutComponent = class LayoutComponent {
217
217
  }
218
218
  static ɵfac = i0.ɵɵngDeclareFactory({
219
219
  minVersion: "12.0.0",
220
- version: "22.2.2",
220
+ version: "22.2.3",
221
221
  ngImport: i0,
222
222
  type: LayoutComponent,
223
223
  deps: [],
@@ -225,7 +225,7 @@ var LayoutComponent = class LayoutComponent {
225
225
  });
226
226
  static ɵcmp = i0.ɵɵngDeclareComponent({
227
227
  minVersion: "17.0.0",
228
- version: "22.2.2",
228
+ version: "22.2.3",
229
229
  type: LayoutComponent,
230
230
  isStandalone: true,
231
231
  selector: "Layout",
@@ -401,7 +401,7 @@ var LayoutComponent = class LayoutComponent {
401
401
  };
402
402
  i0.ɵɵngDeclareClassMetadata({
403
403
  minVersion: "12.0.0",
404
- version: "22.2.2",
404
+ version: "22.2.3",
405
405
  ngImport: i0,
406
406
  type: LayoutComponent,
407
407
  decorators: [{
@@ -586,7 +586,7 @@ var LayoutVerticalComponent = class LayoutVerticalComponent {
586
586
  }
587
587
  static ɵfac = i0.ɵɵngDeclareFactory({
588
588
  minVersion: "12.0.0",
589
- version: "22.2.2",
589
+ version: "22.2.3",
590
590
  ngImport: i0,
591
591
  type: LayoutVerticalComponent,
592
592
  deps: [],
@@ -594,7 +594,7 @@ var LayoutVerticalComponent = class LayoutVerticalComponent {
594
594
  });
595
595
  static ɵcmp = i0.ɵɵngDeclareComponent({
596
596
  minVersion: "17.1.0",
597
- version: "22.2.2",
597
+ version: "22.2.3",
598
598
  type: LayoutVerticalComponent,
599
599
  isStandalone: true,
600
600
  selector: "LayoutVertical",
@@ -619,7 +619,7 @@ var LayoutVerticalComponent = class LayoutVerticalComponent {
619
619
  };
620
620
  i0.ɵɵngDeclareClassMetadata({
621
621
  minVersion: "12.0.0",
622
- version: "22.2.2",
622
+ version: "22.2.3",
623
623
  ngImport: i0,
624
624
  type: LayoutVerticalComponent,
625
625
  decorators: [{
@@ -653,7 +653,7 @@ var LayoutHorizontalComponent = class LayoutHorizontalComponent {
653
653
  }
654
654
  static ɵfac = i0.ɵɵngDeclareFactory({
655
655
  minVersion: "12.0.0",
656
- version: "22.2.2",
656
+ version: "22.2.3",
657
657
  ngImport: i0,
658
658
  type: LayoutHorizontalComponent,
659
659
  deps: [],
@@ -661,7 +661,7 @@ var LayoutHorizontalComponent = class LayoutHorizontalComponent {
661
661
  });
662
662
  static ɵcmp = i0.ɵɵngDeclareComponent({
663
663
  minVersion: "17.1.0",
664
- version: "22.2.2",
664
+ version: "22.2.3",
665
665
  type: LayoutHorizontalComponent,
666
666
  isStandalone: true,
667
667
  selector: "LayoutHorizontal",
@@ -686,7 +686,7 @@ var LayoutHorizontalComponent = class LayoutHorizontalComponent {
686
686
  };
687
687
  i0.ɵɵngDeclareClassMetadata({
688
688
  minVersion: "12.0.0",
689
- version: "22.2.2",
689
+ version: "22.2.3",
690
690
  ngImport: i0,
691
691
  type: LayoutHorizontalComponent,
692
692
  decorators: [{
@@ -720,7 +720,7 @@ var LayoutEmptyComponent = class LayoutEmptyComponent {
720
720
  }
721
721
  static ɵfac = i0.ɵɵngDeclareFactory({
722
722
  minVersion: "12.0.0",
723
- version: "22.2.2",
723
+ version: "22.2.3",
724
724
  ngImport: i0,
725
725
  type: LayoutEmptyComponent,
726
726
  deps: [],
@@ -728,7 +728,7 @@ var LayoutEmptyComponent = class LayoutEmptyComponent {
728
728
  });
729
729
  static ɵcmp = i0.ɵɵngDeclareComponent({
730
730
  minVersion: "17.1.0",
731
- version: "22.2.2",
731
+ version: "22.2.3",
732
732
  type: LayoutEmptyComponent,
733
733
  isStandalone: true,
734
734
  selector: "LayoutEmpty",
@@ -753,7 +753,7 @@ var LayoutEmptyComponent = class LayoutEmptyComponent {
753
753
  };
754
754
  i0.ɵɵngDeclareClassMetadata({
755
755
  minVersion: "12.0.0",
756
- version: "22.2.2",
756
+ version: "22.2.3",
757
757
  ngImport: i0,
758
758
  type: LayoutEmptyComponent,
759
759
  decorators: [{
@@ -787,7 +787,7 @@ var LayoutFluidComponent = class LayoutFluidComponent {
787
787
  }
788
788
  static ɵfac = i0.ɵɵngDeclareFactory({
789
789
  minVersion: "12.0.0",
790
- version: "22.2.2",
790
+ version: "22.2.3",
791
791
  ngImport: i0,
792
792
  type: LayoutFluidComponent,
793
793
  deps: [],
@@ -795,7 +795,7 @@ var LayoutFluidComponent = class LayoutFluidComponent {
795
795
  });
796
796
  static ɵcmp = i0.ɵɵngDeclareComponent({
797
797
  minVersion: "17.1.0",
798
- version: "22.2.2",
798
+ version: "22.2.3",
799
799
  type: LayoutFluidComponent,
800
800
  isStandalone: true,
801
801
  selector: "LayoutFluid",
@@ -820,7 +820,7 @@ var LayoutFluidComponent = class LayoutFluidComponent {
820
820
  };
821
821
  i0.ɵɵngDeclareClassMetadata({
822
822
  minVersion: "12.0.0",
823
- version: "22.2.2",
823
+ version: "22.2.3",
824
824
  ngImport: i0,
825
825
  type: LayoutFluidComponent,
826
826
  decorators: [{
@@ -859,7 +859,7 @@ var LayoutNavigationComponent = class LayoutNavigationComponent {
859
859
  }, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
860
860
  static ɵfac = i0.ɵɵngDeclareFactory({
861
861
  minVersion: "12.0.0",
862
- version: "22.2.2",
862
+ version: "22.2.3",
863
863
  ngImport: i0,
864
864
  type: LayoutNavigationComponent,
865
865
  deps: [],
@@ -867,7 +867,7 @@ var LayoutNavigationComponent = class LayoutNavigationComponent {
867
867
  });
868
868
  static ɵcmp = i0.ɵɵngDeclareComponent({
869
869
  minVersion: "17.1.0",
870
- version: "22.2.2",
870
+ version: "22.2.3",
871
871
  type: LayoutNavigationComponent,
872
872
  isStandalone: true,
873
873
  selector: "LayoutNavigation",
@@ -911,7 +911,7 @@ var LayoutNavigationComponent = class LayoutNavigationComponent {
911
911
  };
912
912
  i0.ɵɵngDeclareClassMetadata({
913
913
  minVersion: "12.0.0",
914
- version: "22.2.2",
914
+ version: "22.2.3",
915
915
  ngImport: i0,
916
916
  type: LayoutNavigationComponent,
917
917
  decorators: [{
@@ -984,7 +984,7 @@ var LayoutContentComponent = class LayoutContentComponent {
984
984
  }
985
985
  static ɵfac = i0.ɵɵngDeclareFactory({
986
986
  minVersion: "12.0.0",
987
- version: "22.2.2",
987
+ version: "22.2.3",
988
988
  ngImport: i0,
989
989
  type: LayoutContentComponent,
990
990
  deps: [],
@@ -992,7 +992,7 @@ var LayoutContentComponent = class LayoutContentComponent {
992
992
  });
993
993
  static ɵcmp = i0.ɵɵngDeclareComponent({
994
994
  minVersion: "17.1.0",
995
- version: "22.2.2",
995
+ version: "22.2.3",
996
996
  type: LayoutContentComponent,
997
997
  isStandalone: true,
998
998
  selector: "LayoutContent",
@@ -1039,7 +1039,7 @@ var LayoutContentComponent = class LayoutContentComponent {
1039
1039
  };
1040
1040
  i0.ɵɵngDeclareClassMetadata({
1041
1041
  minVersion: "12.0.0",
1042
- version: "22.2.2",
1042
+ version: "22.2.3",
1043
1043
  ngImport: i0,
1044
1044
  type: LayoutContentComponent,
1045
1045
  decorators: [{
@@ -179,7 +179,7 @@ var PageStateService = class PageStateService {
179
179
  }
180
180
  static ɵfac = i0.ɵɵngDeclareFactory({
181
181
  minVersion: "12.0.0",
182
- version: "22.2.2",
182
+ version: "22.2.3",
183
183
  ngImport: i0,
184
184
  type: PageStateService,
185
185
  deps: [],
@@ -187,7 +187,7 @@ var PageStateService = class PageStateService {
187
187
  });
188
188
  static ɵprov = i0.ɵɵngDeclareService({
189
189
  minVersion: "22.0.0",
190
- version: "22.2.2",
190
+ version: "22.2.3",
191
191
  ngImport: i0,
192
192
  type: PageStateService,
193
193
  autoProvided: false
@@ -195,7 +195,7 @@ var PageStateService = class PageStateService {
195
195
  };
196
196
  i0.ɵɵngDeclareClassMetadata({
197
197
  minVersion: "12.0.0",
198
- version: "22.2.2",
198
+ version: "22.2.3",
199
199
  ngImport: i0,
200
200
  type: PageStateService,
201
201
  decorators: [{