@ojiepermana/angular 22.2.0 → 22.2.2

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 (129) 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 +1 -2
  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-BKCeWzml.mjs → ojiepermana-angular-navigation-navigation-badge-count.component-4RIokl1C.mjs} +3 -3
  75. package/fesm2022/{ojiepermana-angular-navigation-navigation-dockbar-menu.component-DFEJK2jD.mjs → ojiepermana-angular-navigation-navigation-dockbar-menu.component-CGfu2V6f.mjs} +23 -15
  76. package/fesm2022/{ojiepermana-angular-navigation-navigation-entry-grid.component-mpK9Ar08.mjs → ojiepermana-angular-navigation-navigation-entry-grid.component-zBCXDa4c.mjs} +38 -66
  77. package/fesm2022/{ojiepermana-angular-navigation-navigation-flyout-menu.component-BPgH7FJk.mjs → ojiepermana-angular-navigation-navigation-flyout-menu.component-DYkYIIHd.mjs} +14 -13
  78. package/fesm2022/{ojiepermana-angular-navigation-navigation-horizontal.component-DMpYcD9t.mjs → ojiepermana-angular-navigation-navigation-horizontal.component-LNTertHr.mjs} +5 -5
  79. package/fesm2022/{ojiepermana-angular-navigation-navigation-item.component-Basp5SIk.mjs → ojiepermana-angular-navigation-navigation-item.component-DiGOcizS.mjs} +42 -52
  80. package/fesm2022/{ojiepermana-angular-navigation-navigation-list.component-YUzHI9Pj.mjs → ojiepermana-angular-navigation-navigation-list.component-DB22Gl-5.mjs} +22 -6
  81. package/fesm2022/ojiepermana-angular-navigation-service.mjs +16 -6
  82. package/fesm2022/ojiepermana-angular-navigation-types.mjs +113 -1
  83. package/fesm2022/ojiepermana-angular-navigation.mjs +304 -93
  84. package/fesm2022/ojiepermana-angular-theme-component-settings.mjs +137 -72
  85. package/fesm2022/ojiepermana-angular-theme-layout-services.mjs +6 -6
  86. package/fesm2022/ojiepermana-angular-theme-layout-wrapper.mjs +265 -49
  87. package/fesm2022/ojiepermana-angular-theme-layout.mjs +30 -30
  88. package/fesm2022/ojiepermana-angular-theme-page-core.mjs +3 -3
  89. package/fesm2022/ojiepermana-angular-theme-page-filter.mjs +7 -7
  90. package/fesm2022/ojiepermana-angular-theme-page-overview.mjs +3 -3
  91. package/fesm2022/ojiepermana-angular-theme-page-root.mjs +8 -6
  92. package/fesm2022/ojiepermana-angular-theme-page-side.mjs +7 -7
  93. package/fesm2022/ojiepermana-angular-theme-page-slots.mjs +12 -12
  94. package/fesm2022/ojiepermana-angular-theme-shell-services.mjs +3 -3
  95. package/fesm2022/ojiepermana-angular-theme-shell.mjs +16 -12
  96. package/fesm2022/ojiepermana-angular-theme-styles.mjs +17 -33
  97. package/navigation/README.md +70 -19
  98. package/package.json +3 -2
  99. package/theme/README.md +4 -10
  100. package/theme/page/README.md +2 -0
  101. package/theme/shell/README.md +5 -1
  102. package/theme/styles/README.md +32 -8
  103. package/theme/styles/css/base/components.css +13 -9
  104. package/theme/styles/css/base/tailwind.css +43 -0
  105. package/theme/styles/css/base/theme.css +4 -25
  106. package/theme/styles/css/base/tokens.css +21 -0
  107. package/theme/styles/css/fonts.css +85 -0
  108. package/types/ojiepermana-angular-chart-radar.d.ts +2 -1
  109. package/types/ojiepermana-angular-component-avatar.d.ts +2 -1
  110. package/types/ojiepermana-angular-component-calendar.d.ts +2 -1
  111. package/types/ojiepermana-angular-component-card.d.ts +7 -2
  112. package/types/ojiepermana-angular-component-command.d.ts +1 -1
  113. package/types/ojiepermana-angular-component-editor.d.ts +2 -1
  114. package/types/ojiepermana-angular-component-icon.d.ts +64 -79
  115. package/types/ojiepermana-angular-component-input-otp.d.ts +2 -1
  116. package/types/ojiepermana-angular-component-pillbox.d.ts +2 -1
  117. package/types/ojiepermana-angular-component-radio.d.ts +2 -1
  118. package/types/ojiepermana-angular-component-resizable.d.ts +2 -1
  119. package/types/ojiepermana-angular-component-segmented-control.d.ts +1 -1
  120. package/types/ojiepermana-angular-component-select.d.ts +2 -1
  121. package/types/ojiepermana-angular-navigation-service.d.ts +8 -0
  122. package/types/ojiepermana-angular-navigation-types.d.ts +48 -3
  123. package/types/ojiepermana-angular-navigation.d.ts +59 -8
  124. package/types/ojiepermana-angular-theme-component-settings.d.ts +5 -3
  125. package/types/ojiepermana-angular-theme-layout-services.d.ts +2 -1
  126. package/types/ojiepermana-angular-theme-layout-wrapper.d.ts +52 -4
  127. package/types/ojiepermana-angular-theme-page-root.d.ts +1 -1
  128. package/types/ojiepermana-angular-theme-shell-services.d.ts +2 -1
  129. package/types/ojiepermana-angular-theme-styles.d.ts +0 -12
@@ -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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
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.0",
198
+ version: "22.2.3",
199
199
  ngImport: i0,
200
200
  type: PageStateService,
201
201
  decorators: [{
@@ -44,7 +44,7 @@ var PageFilterComponent = class PageFilterComponent {
44
44
  const scroll = this.resolvedScroll();
45
45
  const open = this.page.filterOpen();
46
46
  if (this.isStacked()) return cn("block shrink-0 border-b border-border text-surface-foreground", scroll === "page" ? `sticky top-0 z-10 ${FILTER_BG_OPAQUE}` : FILTER_BG, this.class(), this.isCollapsedStacked() && "hidden");
47
- return cn("block min-h-0 border-border text-surface-foreground", this.isSticky() ? FILTER_BG : FILTER_BG_OPAQUE, scroll === "content" && "h-full overflow-auto", scroll === "page" && "overflow-visible", this.isSticky() && "shrink-0 w-[var(--page-filter-width)]", this.isSticky() && position === "left" && "border-r", this.isSticky() && position === "right" && "order-last border-l", this.isDrawer() && "absolute inset-y-0 z-20 w-[var(--page-filter-width)] border shadow-sm transition-transform duration-200 ease-out motion-reduce:transition-none", this.isDrawer() && position === "left" && (open ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isDrawer() && position === "right" && (open ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.isOverlay() && "absolute inset-y-0 z-30 w-[var(--page-filter-width)] border shadow-md transition-transform duration-200 ease-out motion-reduce:transition-none", this.isOverlay() && position === "left" && (open ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isOverlay() && position === "right" && (open ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.class());
47
+ return cn("block min-h-0 border-border text-surface-foreground", this.isSticky() ? FILTER_BG : FILTER_BG_OPAQUE, scroll === "content" && "h-full overflow-auto", scroll === "page" && "overflow-visible", this.isSticky() && "shrink-0 w-[var(--page-filter-width)]", this.isSticky() && position === "left" && "border-r", this.isSticky() && position === "right" && "order-last border-l", this.isDrawer() && "absolute inset-y-0 z-20 w-[var(--page-filter-width)] border shadow-sm transition-transform duration-normal ease-out motion-reduce:transition-none", this.isDrawer() && position === "left" && (open ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isDrawer() && position === "right" && (open ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.isOverlay() && "absolute inset-y-0 z-30 w-[var(--page-filter-width)] border shadow-md transition-transform duration-normal ease-out motion-reduce:transition-none", this.isOverlay() && position === "left" && (open ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isOverlay() && position === "right" && (open ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.class());
48
48
  }, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
49
49
  constructor() {
50
50
  ɵsetupOverlayFocusManagement({
@@ -81,7 +81,7 @@ var PageFilterComponent = class PageFilterComponent {
81
81
  }
82
82
  static ɵfac = i0.ɵɵngDeclareFactory({
83
83
  minVersion: "12.0.0",
84
- version: "22.2.0",
84
+ version: "22.2.3",
85
85
  ngImport: i0,
86
86
  type: PageFilterComponent,
87
87
  deps: [],
@@ -89,7 +89,7 @@ var PageFilterComponent = class PageFilterComponent {
89
89
  });
90
90
  static ɵcmp = i0.ɵɵngDeclareComponent({
91
91
  minVersion: "17.1.0",
92
- version: "22.2.0",
92
+ version: "22.2.3",
93
93
  type: PageFilterComponent,
94
94
  isStandalone: true,
95
95
  selector: "PageFilter",
@@ -174,7 +174,7 @@ var PageFilterComponent = class PageFilterComponent {
174
174
  };
175
175
  i0.ɵɵngDeclareClassMetadata({
176
176
  minVersion: "12.0.0",
177
- version: "22.2.0",
177
+ version: "22.2.3",
178
178
  ngImport: i0,
179
179
  type: PageFilterComponent,
180
180
  decorators: [{
@@ -281,7 +281,7 @@ var PageFilterToggleComponent = class PageFilterToggleComponent {
281
281
  }
282
282
  static ɵfac = i0.ɵɵngDeclareFactory({
283
283
  minVersion: "12.0.0",
284
- version: "22.2.0",
284
+ version: "22.2.3",
285
285
  ngImport: i0,
286
286
  type: PageFilterToggleComponent,
287
287
  deps: [],
@@ -289,7 +289,7 @@ var PageFilterToggleComponent = class PageFilterToggleComponent {
289
289
  });
290
290
  static ɵcmp = i0.ɵɵngDeclareComponent({
291
291
  minVersion: "17.1.0",
292
- version: "22.2.0",
292
+ version: "22.2.3",
293
293
  type: PageFilterToggleComponent,
294
294
  isStandalone: true,
295
295
  selector: "PageFilterToggle",
@@ -345,7 +345,7 @@ var PageFilterToggleComponent = class PageFilterToggleComponent {
345
345
  };
346
346
  i0.ɵɵngDeclareClassMetadata({
347
347
  minVersion: "12.0.0",
348
- version: "22.2.0",
348
+ version: "22.2.3",
349
349
  ngImport: i0,
350
350
  type: PageFilterToggleComponent,
351
351
  decorators: [{
@@ -7,7 +7,7 @@ var PageOverviewComponent = class PageOverviewComponent {
7
7
  classes = computed(() => cn("block min-w-0 shrink-0 border-b border-border bg-surface/50 text-surface-foreground", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
8
8
  static ɵfac = i0.ɵɵngDeclareFactory({
9
9
  minVersion: "12.0.0",
10
- version: "22.2.0",
10
+ version: "22.2.3",
11
11
  ngImport: i0,
12
12
  type: PageOverviewComponent,
13
13
  deps: [],
@@ -15,7 +15,7 @@ var PageOverviewComponent = class PageOverviewComponent {
15
15
  });
16
16
  static ɵcmp = i0.ɵɵngDeclareComponent({
17
17
  minVersion: "17.1.0",
18
- version: "22.2.0",
18
+ version: "22.2.3",
19
19
  type: PageOverviewComponent,
20
20
  isStandalone: true,
21
21
  selector: "PageOverview",
@@ -50,7 +50,7 @@ var PageOverviewComponent = class PageOverviewComponent {
50
50
  };
51
51
  i0.ɵɵngDeclareClassMetadata({
52
52
  minVersion: "12.0.0",
53
- version: "22.2.0",
53
+ version: "22.2.3",
54
54
  ngImport: i0,
55
55
  type: PageOverviewComponent,
56
56
  decorators: [{
@@ -1,5 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import { Component, booleanAttribute, computed, contentChild, effect, inject, input, output } from "@angular/core";
3
+ import { LucideGrip } from "@lucide/angular";
4
+ import { provideIcons } from "@ojiepermana/angular/component/icon";
3
5
  import { cn } from "@ojiepermana/angular/component/utils/core";
4
6
  import { NavigationContainerComponent, NavigationFlyoutComponent, NavigationFooterComponent, NavigationHeaderComponent } from "@ojiepermana/angular/navigation";
5
7
  import { NAVIGATION_ADAPTER } from "@ojiepermana/angular/navigation/core";
@@ -50,7 +52,7 @@ var PageComponent = class PageComponent {
50
52
  transform: booleanAttribute
51
53
  });
52
54
  appsNavId = input("main", ...ngDevMode ? [{ debugName: "appsNavId" }] : /* istanbul ignore next */ []);
53
- appsIcon = input("apps", ...ngDevMode ? [{ debugName: "appsIcon" }] : /* istanbul ignore next */ []);
55
+ appsIcon = input("grip", ...ngDevMode ? [{ debugName: "appsIcon" }] : /* istanbul ignore next */ []);
54
56
  appsLabel = input("Open navigation", ...ngDevMode ? [{ debugName: "appsLabel" }] : /* istanbul ignore next */ []);
55
57
  overlayCloseLabel = input("Close overlay panel", ...ngDevMode ? [{ debugName: "overlayCloseLabel" }] : /* istanbul ignore next */ []);
56
58
  launcherNavId = `__page-apps-${pageAppsLauncherInstanceId += 1}`;
@@ -135,7 +137,7 @@ var PageComponent = class PageComponent {
135
137
  }
136
138
  static ɵfac = i0.ɵɵngDeclareFactory({
137
139
  minVersion: "12.0.0",
138
- version: "22.2.0",
140
+ version: "22.2.3",
139
141
  ngImport: i0,
140
142
  type: PageComponent,
141
143
  deps: [],
@@ -143,7 +145,7 @@ var PageComponent = class PageComponent {
143
145
  });
144
146
  static ɵcmp = i0.ɵɵngDeclareComponent({
145
147
  minVersion: "17.0.0",
146
- version: "22.2.0",
148
+ version: "22.2.3",
147
149
  type: PageComponent,
148
150
  isStandalone: true,
149
151
  selector: "Page",
@@ -277,7 +279,7 @@ var PageComponent = class PageComponent {
277
279
  "style.--page-filter-width": "filterWidthVar()"
278
280
  }
279
281
  },
280
- providers: [PageStateService],
282
+ providers: [PageStateService, provideIcons(LucideGrip)],
281
283
  queries: [
282
284
  {
283
285
  propertyName: "projectedSide",
@@ -443,14 +445,14 @@ var PageComponent = class PageComponent {
443
445
  };
444
446
  i0.ɵɵngDeclareClassMetadata({
445
447
  minVersion: "12.0.0",
446
- version: "22.2.0",
448
+ version: "22.2.3",
447
449
  ngImport: i0,
448
450
  type: PageComponent,
449
451
  decorators: [{
450
452
  type: Component,
451
453
  args: [{
452
454
  selector: "Page",
453
- providers: [PageStateService],
455
+ providers: [PageStateService, provideIcons(LucideGrip)],
454
456
  imports: [
455
457
  NavigationContainerComponent,
456
458
  NavigationFlyoutComponent,
@@ -32,7 +32,7 @@ var PageSideComponent = class PageSideComponent {
32
32
  classes = computed(() => {
33
33
  const position = this.resolvedPosition();
34
34
  const sideOpen = this.page.sideOpen();
35
- return cn("block min-h-0 border-border bg-background", this.resolvedScroll() === "content" && "h-full overflow-auto", this.resolvedScroll() === "page" && "overflow-visible", this.isSticky() && "shrink-0 w-[var(--page-side-width)]", this.isSticky() && position === "left" && "border-r", this.isSticky() && position === "right" && "order-last border-l", this.isDrawer() && "absolute inset-y-0 z-20 w-[var(--page-side-width)] border shadow-sm transition-transform duration-200 ease-out motion-reduce:transition-none", this.isDrawer() && position === "left" && (sideOpen ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isDrawer() && position === "right" && (sideOpen ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.isOverlay() && "absolute inset-y-0 z-30 w-[var(--page-side-width)] border shadow-md transition-transform duration-200 ease-out motion-reduce:transition-none", this.isOverlay() && position === "left" && (sideOpen ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isOverlay() && position === "right" && (sideOpen ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.class());
35
+ return cn("block min-h-0 border-border bg-background", this.resolvedScroll() === "content" && "h-full overflow-auto", this.resolvedScroll() === "page" && "overflow-visible", this.isSticky() && "shrink-0 w-[var(--page-side-width)]", this.isSticky() && position === "left" && "border-r", this.isSticky() && position === "right" && "order-last border-l", this.isDrawer() && "absolute inset-y-0 z-20 w-[var(--page-side-width)] border shadow-sm transition-transform duration-normal ease-out motion-reduce:transition-none", this.isDrawer() && position === "left" && (sideOpen ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isDrawer() && position === "right" && (sideOpen ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.isOverlay() && "absolute inset-y-0 z-30 w-[var(--page-side-width)] border shadow-md transition-transform duration-normal ease-out motion-reduce:transition-none", this.isOverlay() && position === "left" && (sideOpen ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isOverlay() && position === "right" && (sideOpen ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.class());
36
36
  }, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
37
37
  constructor() {
38
38
  ɵsetupOverlayFocusManagement({
@@ -68,7 +68,7 @@ var PageSideComponent = class PageSideComponent {
68
68
  }
69
69
  static ɵfac = i0.ɵɵngDeclareFactory({
70
70
  minVersion: "12.0.0",
71
- version: "22.2.0",
71
+ version: "22.2.3",
72
72
  ngImport: i0,
73
73
  type: PageSideComponent,
74
74
  deps: [],
@@ -76,7 +76,7 @@ var PageSideComponent = class PageSideComponent {
76
76
  });
77
77
  static ɵcmp = i0.ɵɵngDeclareComponent({
78
78
  minVersion: "17.1.0",
79
- version: "22.2.0",
79
+ version: "22.2.3",
80
80
  type: PageSideComponent,
81
81
  isStandalone: true,
82
82
  selector: "PageSide",
@@ -146,7 +146,7 @@ var PageSideComponent = class PageSideComponent {
146
146
  };
147
147
  i0.ɵɵngDeclareClassMetadata({
148
148
  minVersion: "12.0.0",
149
- version: "22.2.0",
149
+ version: "22.2.3",
150
150
  ngImport: i0,
151
151
  type: PageSideComponent,
152
152
  decorators: [{
@@ -236,7 +236,7 @@ var PageSideToggleComponent = class PageSideToggleComponent {
236
236
  }
237
237
  static ɵfac = i0.ɵɵngDeclareFactory({
238
238
  minVersion: "12.0.0",
239
- version: "22.2.0",
239
+ version: "22.2.3",
240
240
  ngImport: i0,
241
241
  type: PageSideToggleComponent,
242
242
  deps: [],
@@ -244,7 +244,7 @@ var PageSideToggleComponent = class PageSideToggleComponent {
244
244
  });
245
245
  static ɵcmp = i0.ɵɵngDeclareComponent({
246
246
  minVersion: "17.1.0",
247
- version: "22.2.0",
247
+ version: "22.2.3",
248
248
  type: PageSideToggleComponent,
249
249
  isStandalone: true,
250
250
  selector: "PageSideToggle",
@@ -289,7 +289,7 @@ var PageSideToggleComponent = class PageSideToggleComponent {
289
289
  };
290
290
  i0.ɵɵngDeclareClassMetadata({
291
291
  minVersion: "12.0.0",
292
- version: "22.2.0",
292
+ version: "22.2.3",
293
293
  ngImport: i0,
294
294
  type: PageSideToggleComponent,
295
295
  decorators: [{
@@ -14,7 +14,7 @@ var PageHeaderComponent = class PageHeaderComponent {
14
14
  classes = computed(() => cn("block shrink-0 border-b border-[hsl(var(--border)/var(--section-border-opacity))] bg-background", this.class(), this.resolvedHeight() === "fix" && "h-12 overflow-hidden"), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
15
15
  static ɵfac = i0.ɵɵngDeclareFactory({
16
16
  minVersion: "12.0.0",
17
- version: "22.2.0",
17
+ version: "22.2.3",
18
18
  ngImport: i0,
19
19
  type: PageHeaderComponent,
20
20
  deps: [],
@@ -22,7 +22,7 @@ var PageHeaderComponent = class PageHeaderComponent {
22
22
  });
23
23
  static ɵcmp = i0.ɵɵngDeclareComponent({
24
24
  minVersion: "17.1.0",
25
- version: "22.2.0",
25
+ version: "22.2.3",
26
26
  type: PageHeaderComponent,
27
27
  isStandalone: true,
28
28
  selector: "PageHeader",
@@ -47,7 +47,7 @@ var PageHeaderComponent = class PageHeaderComponent {
47
47
  };
48
48
  i0.ɵɵngDeclareClassMetadata({
49
49
  minVersion: "12.0.0",
50
- version: "22.2.0",
50
+ version: "22.2.3",
51
51
  ngImport: i0,
52
52
  type: PageHeaderComponent,
53
53
  decorators: [{
@@ -78,7 +78,7 @@ var PageContentComponent = class PageContentComponent {
78
78
  classes = computed(() => buildPageBodyClasses(this.resolvedScroll(), this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
79
79
  static ɵfac = i0.ɵɵngDeclareFactory({
80
80
  minVersion: "12.0.0",
81
- version: "22.2.0",
81
+ version: "22.2.3",
82
82
  ngImport: i0,
83
83
  type: PageContentComponent,
84
84
  deps: [],
@@ -86,7 +86,7 @@ var PageContentComponent = class PageContentComponent {
86
86
  });
87
87
  static ɵcmp = i0.ɵɵngDeclareComponent({
88
88
  minVersion: "17.1.0",
89
- version: "22.2.0",
89
+ version: "22.2.3",
90
90
  type: PageContentComponent,
91
91
  isStandalone: true,
92
92
  selector: "PageContent",
@@ -111,7 +111,7 @@ var PageContentComponent = class PageContentComponent {
111
111
  };
112
112
  i0.ɵɵngDeclareClassMetadata({
113
113
  minVersion: "12.0.0",
114
- version: "22.2.0",
114
+ version: "22.2.3",
115
115
  ngImport: i0,
116
116
  type: PageContentComponent,
117
117
  decorators: [{
@@ -142,7 +142,7 @@ var PageDashboardComponent = class PageDashboardComponent {
142
142
  classes = computed(() => buildPageBodyClasses(this.resolvedScroll(), this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
143
143
  static ɵfac = i0.ɵɵngDeclareFactory({
144
144
  minVersion: "12.0.0",
145
- version: "22.2.0",
145
+ version: "22.2.3",
146
146
  ngImport: i0,
147
147
  type: PageDashboardComponent,
148
148
  deps: [],
@@ -150,7 +150,7 @@ var PageDashboardComponent = class PageDashboardComponent {
150
150
  });
151
151
  static ɵcmp = i0.ɵɵngDeclareComponent({
152
152
  minVersion: "17.1.0",
153
- version: "22.2.0",
153
+ version: "22.2.3",
154
154
  type: PageDashboardComponent,
155
155
  isStandalone: true,
156
156
  selector: "PageDashboard",
@@ -172,7 +172,7 @@ var PageDashboardComponent = class PageDashboardComponent {
172
172
  };
173
173
  i0.ɵɵngDeclareClassMetadata({
174
174
  minVersion: "12.0.0",
175
- version: "22.2.0",
175
+ version: "22.2.3",
176
176
  ngImport: i0,
177
177
  type: PageDashboardComponent,
178
178
  decorators: [{
@@ -202,7 +202,7 @@ var PageFooterComponent = class PageFooterComponent {
202
202
  classes = computed(() => cn("block shrink-0 border-t border-[hsl(var(--border)/var(--section-border-opacity))] bg-background", this.class(), this.resolvedHeight() === "fix" && "h-12 overflow-hidden"), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
203
203
  static ɵfac = i0.ɵɵngDeclareFactory({
204
204
  minVersion: "12.0.0",
205
- version: "22.2.0",
205
+ version: "22.2.3",
206
206
  ngImport: i0,
207
207
  type: PageFooterComponent,
208
208
  deps: [],
@@ -210,7 +210,7 @@ var PageFooterComponent = class PageFooterComponent {
210
210
  });
211
211
  static ɵcmp = i0.ɵɵngDeclareComponent({
212
212
  minVersion: "17.1.0",
213
- version: "22.2.0",
213
+ version: "22.2.3",
214
214
  type: PageFooterComponent,
215
215
  isStandalone: true,
216
216
  selector: "PageFooter",
@@ -232,7 +232,7 @@ var PageFooterComponent = class PageFooterComponent {
232
232
  };
233
233
  i0.ɵɵngDeclareClassMetadata({
234
234
  minVersion: "12.0.0",
235
- version: "22.2.0",
235
+ version: "22.2.3",
236
236
  ngImport: i0,
237
237
  type: PageFooterComponent,
238
238
  decorators: [{
@@ -207,7 +207,7 @@ var ShellService = class ShellService {
207
207
  }
208
208
  static ɵfac = i0.ɵɵngDeclareFactory({
209
209
  minVersion: "12.0.0",
210
- version: "22.2.0",
210
+ version: "22.2.3",
211
211
  ngImport: i0,
212
212
  type: ShellService,
213
213
  deps: [],
@@ -215,14 +215,14 @@ var ShellService = class ShellService {
215
215
  });
216
216
  static ɵprov = i0.ɵɵngDeclareService({
217
217
  minVersion: "22.0.0",
218
- version: "22.2.0",
218
+ version: "22.2.3",
219
219
  ngImport: i0,
220
220
  type: ShellService
221
221
  });
222
222
  };
223
223
  i0.ɵɵngDeclareClassMetadata({
224
224
  minVersion: "12.0.0",
225
- version: "22.2.0",
225
+ version: "22.2.3",
226
226
  ngImport: i0,
227
227
  type: ShellService,
228
228
  decorators: [{ type: Service }],