@ojiepermana/angular 22.2.0 → 22.2.1
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.
- package/fesm2022/ojiepermana-angular-chart-area.mjs +3 -3
- package/fesm2022/ojiepermana-angular-chart-bar.mjs +3 -3
- package/fesm2022/ojiepermana-angular-chart-core.mjs +33 -33
- package/fesm2022/ojiepermana-angular-chart-line.mjs +3 -3
- package/fesm2022/ojiepermana-angular-chart-pie.mjs +3 -3
- package/fesm2022/ojiepermana-angular-chart-primitives.mjs +33 -33
- package/fesm2022/ojiepermana-angular-chart-radar.mjs +3 -3
- package/fesm2022/ojiepermana-angular-chart-radial.mjs +3 -3
- package/fesm2022/ojiepermana-angular-chart-scatter.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-accordion.mjs +15 -15
- package/fesm2022/ojiepermana-angular-component-alert-dialog.mjs +27 -27
- package/fesm2022/ojiepermana-angular-component-alert.mjs +12 -12
- package/fesm2022/ojiepermana-angular-component-aspect-ratio.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-avatar.mjs +18 -18
- package/fesm2022/ojiepermana-angular-component-badge.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-breadcrumb.mjs +21 -21
- package/fesm2022/ojiepermana-angular-component-button-group.mjs +9 -9
- package/fesm2022/ojiepermana-angular-component-button.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-calendar.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-card.mjs +21 -21
- package/fesm2022/ojiepermana-angular-component-carousel.mjs +18 -18
- package/fesm2022/ojiepermana-angular-component-checkbox.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-collapsible.mjs +12 -12
- package/fesm2022/ojiepermana-angular-component-combobox.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-command.mjs +27 -27
- package/fesm2022/ojiepermana-angular-component-composer.mjs +21 -21
- package/fesm2022/ojiepermana-angular-component-context-menu.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-date-picker.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-dialog.mjs +21 -21
- package/fesm2022/ojiepermana-angular-component-drawer.mjs +1 -2
- package/fesm2022/ojiepermana-angular-component-dropdown-menu.mjs +39 -39
- package/fesm2022/ojiepermana-angular-component-editor.mjs +18 -18
- package/fesm2022/ojiepermana-angular-component-empty.mjs +18 -18
- package/fesm2022/ojiepermana-angular-component-form.mjs +36 -36
- package/fesm2022/ojiepermana-angular-component-hover-card.mjs +9 -9
- package/fesm2022/ojiepermana-angular-component-icon.mjs +6 -6
- package/fesm2022/ojiepermana-angular-component-input-group.mjs +18 -18
- package/fesm2022/ojiepermana-angular-component-input-otp.mjs +15 -15
- package/fesm2022/ojiepermana-angular-component-input.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-item.mjs +30 -30
- package/fesm2022/ojiepermana-angular-component-kanban.mjs +27 -27
- package/fesm2022/ojiepermana-angular-component-kbd.mjs +6 -6
- package/fesm2022/ojiepermana-angular-component-label.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-menubar.mjs +12 -12
- package/fesm2022/ojiepermana-angular-component-native-select.mjs +9 -9
- package/fesm2022/ojiepermana-angular-component-navigation-menu.mjs +21 -21
- package/fesm2022/ojiepermana-angular-component-pagination.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-pillbox.mjs +15 -15
- package/fesm2022/ojiepermana-angular-component-popover.mjs +6 -6
- package/fesm2022/ojiepermana-angular-component-progress.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-radio.mjs +6 -6
- package/fesm2022/ojiepermana-angular-component-resizable.mjs +12 -12
- package/fesm2022/ojiepermana-angular-component-scroll-area.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-segmented-control.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-select.mjs +6 -6
- package/fesm2022/ojiepermana-angular-component-separator.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-sheet.mjs +21 -21
- package/fesm2022/ojiepermana-angular-component-skeleton.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-slider.mjs +6 -6
- package/fesm2022/ojiepermana-angular-component-spinner.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-switch.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-table.mjs +24 -24
- package/fesm2022/ojiepermana-angular-component-tabs.mjs +18 -18
- package/fesm2022/ojiepermana-angular-component-textarea.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-timeline.mjs +18 -18
- package/fesm2022/ojiepermana-angular-component-toast.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-toggle-group.mjs +9 -9
- package/fesm2022/ojiepermana-angular-component-toggle.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-tooltip.mjs +15 -15
- package/fesm2022/ojiepermana-angular-component-utils-scale.mjs +3 -3
- package/fesm2022/ojiepermana-angular-navigation-icon.mjs +3 -3
- package/fesm2022/{ojiepermana-angular-navigation-navigation-badge-count.component-BKCeWzml.mjs → ojiepermana-angular-navigation-navigation-badge-count.component-DYuysKVf.mjs} +3 -3
- package/fesm2022/{ojiepermana-angular-navigation-navigation-dockbar-menu.component-DFEJK2jD.mjs → ojiepermana-angular-navigation-navigation-dockbar-menu.component-COiTaw34.mjs} +7 -6
- package/fesm2022/{ojiepermana-angular-navigation-navigation-entry-grid.component-mpK9Ar08.mjs → ojiepermana-angular-navigation-navigation-entry-grid.component-YIz0IsIb.mjs} +27 -46
- package/fesm2022/{ojiepermana-angular-navigation-navigation-flyout-menu.component-BPgH7FJk.mjs → ojiepermana-angular-navigation-navigation-flyout-menu.component-D2vwEwBY.mjs} +5 -5
- package/fesm2022/{ojiepermana-angular-navigation-navigation-horizontal.component-DMpYcD9t.mjs → ojiepermana-angular-navigation-navigation-horizontal.component-B5D7yXfb.mjs} +5 -5
- package/fesm2022/{ojiepermana-angular-navigation-navigation-item.component-Basp5SIk.mjs → ojiepermana-angular-navigation-navigation-item.component-CUb68MZH.mjs} +27 -36
- package/fesm2022/{ojiepermana-angular-navigation-navigation-list.component-YUzHI9Pj.mjs → ojiepermana-angular-navigation-navigation-list.component-CrK16trj.mjs} +22 -6
- package/fesm2022/ojiepermana-angular-navigation-service.mjs +6 -4
- package/fesm2022/ojiepermana-angular-navigation-types.mjs +113 -1
- package/fesm2022/ojiepermana-angular-navigation.mjs +271 -67
- package/fesm2022/ojiepermana-angular-theme-component-settings.mjs +29 -19
- package/fesm2022/ojiepermana-angular-theme-layout-services.mjs +6 -6
- package/fesm2022/ojiepermana-angular-theme-layout-wrapper.mjs +239 -31
- package/fesm2022/ojiepermana-angular-theme-layout.mjs +24 -24
- package/fesm2022/ojiepermana-angular-theme-page-core.mjs +3 -3
- package/fesm2022/ojiepermana-angular-theme-page-filter.mjs +6 -6
- package/fesm2022/ojiepermana-angular-theme-page-overview.mjs +3 -3
- package/fesm2022/ojiepermana-angular-theme-page-root.mjs +3 -3
- package/fesm2022/ojiepermana-angular-theme-page-side.mjs +6 -6
- package/fesm2022/ojiepermana-angular-theme-page-slots.mjs +12 -12
- package/fesm2022/ojiepermana-angular-theme-shell-services.mjs +3 -3
- package/fesm2022/ojiepermana-angular-theme-shell.mjs +9 -9
- package/fesm2022/ojiepermana-angular-theme-styles.mjs +15 -15
- package/navigation/README.md +68 -17
- package/package.json +2 -2
- package/types/ojiepermana-angular-component-card.d.ts +1 -1
- package/types/ojiepermana-angular-component-command.d.ts +1 -1
- package/types/ojiepermana-angular-navigation-types.d.ts +47 -2
- package/types/ojiepermana-angular-navigation.d.ts +47 -3
- package/types/ojiepermana-angular-theme-component-settings.d.ts +5 -3
- package/types/ojiepermana-angular-theme-layout-wrapper.d.ts +48 -1
|
@@ -16,7 +16,7 @@ var TooltipComponent = class TooltipComponent {
|
|
|
16
16
|
closeDelay = input(150, ...ngDevMode ? [{ debugName: "closeDelay" }] : /* istanbul ignore next */ []);
|
|
17
17
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
18
18
|
minVersion: "12.0.0",
|
|
19
|
-
version: "22.2.
|
|
19
|
+
version: "22.2.2",
|
|
20
20
|
ngImport: i0,
|
|
21
21
|
type: TooltipComponent,
|
|
22
22
|
deps: [],
|
|
@@ -24,7 +24,7 @@ var TooltipComponent = class TooltipComponent {
|
|
|
24
24
|
});
|
|
25
25
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
26
26
|
minVersion: "17.1.0",
|
|
27
|
-
version: "22.2.
|
|
27
|
+
version: "22.2.2",
|
|
28
28
|
type: TooltipComponent,
|
|
29
29
|
isStandalone: true,
|
|
30
30
|
selector: "Tooltip",
|
|
@@ -77,7 +77,7 @@ var TooltipComponent = class TooltipComponent {
|
|
|
77
77
|
};
|
|
78
78
|
i0.ɵɵngDeclareClassMetadata({
|
|
79
79
|
minVersion: "12.0.0",
|
|
80
|
-
version: "22.2.
|
|
80
|
+
version: "22.2.2",
|
|
81
81
|
ngImport: i0,
|
|
82
82
|
type: TooltipComponent,
|
|
83
83
|
decorators: [{
|
|
@@ -144,7 +144,7 @@ var TooltipContentDirective = class TooltipContentDirective {
|
|
|
144
144
|
densityBase = this.componentScale.densityBase;
|
|
145
145
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
146
146
|
minVersion: "12.0.0",
|
|
147
|
-
version: "22.2.
|
|
147
|
+
version: "22.2.2",
|
|
148
148
|
ngImport: i0,
|
|
149
149
|
type: TooltipContentDirective,
|
|
150
150
|
deps: [],
|
|
@@ -152,7 +152,7 @@ var TooltipContentDirective = class TooltipContentDirective {
|
|
|
152
152
|
});
|
|
153
153
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
154
154
|
minVersion: "14.0.0",
|
|
155
|
-
version: "22.2.
|
|
155
|
+
version: "22.2.2",
|
|
156
156
|
type: TooltipContentDirective,
|
|
157
157
|
isStandalone: true,
|
|
158
158
|
selector: "ng-template[TooltipContent]",
|
|
@@ -171,7 +171,7 @@ var TooltipContentDirective = class TooltipContentDirective {
|
|
|
171
171
|
};
|
|
172
172
|
i0.ɵɵngDeclareClassMetadata({
|
|
173
173
|
minVersion: "12.0.0",
|
|
174
|
-
version: "22.2.
|
|
174
|
+
version: "22.2.2",
|
|
175
175
|
ngImport: i0,
|
|
176
176
|
type: TooltipContentDirective,
|
|
177
177
|
decorators: [{
|
|
@@ -363,7 +363,7 @@ var TooltipTriggerDirective = class TooltipTriggerDirective {
|
|
|
363
363
|
}
|
|
364
364
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
365
365
|
minVersion: "12.0.0",
|
|
366
|
-
version: "22.2.
|
|
366
|
+
version: "22.2.2",
|
|
367
367
|
ngImport: i0,
|
|
368
368
|
type: TooltipTriggerDirective,
|
|
369
369
|
deps: [],
|
|
@@ -371,7 +371,7 @@ var TooltipTriggerDirective = class TooltipTriggerDirective {
|
|
|
371
371
|
});
|
|
372
372
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
373
373
|
minVersion: "17.1.0",
|
|
374
|
-
version: "22.2.
|
|
374
|
+
version: "22.2.2",
|
|
375
375
|
type: TooltipTriggerDirective,
|
|
376
376
|
isStandalone: true,
|
|
377
377
|
selector: "[TooltipTrigger]",
|
|
@@ -446,7 +446,7 @@ var TooltipTriggerDirective = class TooltipTriggerDirective {
|
|
|
446
446
|
};
|
|
447
447
|
i0.ɵɵngDeclareClassMetadata({
|
|
448
448
|
minVersion: "12.0.0",
|
|
449
|
-
version: "22.2.
|
|
449
|
+
version: "22.2.2",
|
|
450
450
|
ngImport: i0,
|
|
451
451
|
type: TooltipTriggerDirective,
|
|
452
452
|
decorators: [{
|
|
@@ -559,7 +559,7 @@ var TooltipTextComponent = class TooltipTextComponent {
|
|
|
559
559
|
text = signal("", ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
|
|
560
560
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
561
561
|
minVersion: "12.0.0",
|
|
562
|
-
version: "22.2.
|
|
562
|
+
version: "22.2.2",
|
|
563
563
|
ngImport: i0,
|
|
564
564
|
type: TooltipTextComponent,
|
|
565
565
|
deps: [],
|
|
@@ -567,7 +567,7 @@ var TooltipTextComponent = class TooltipTextComponent {
|
|
|
567
567
|
});
|
|
568
568
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
569
569
|
minVersion: "14.0.0",
|
|
570
|
-
version: "22.2.
|
|
570
|
+
version: "22.2.2",
|
|
571
571
|
type: TooltipTextComponent,
|
|
572
572
|
isStandalone: true,
|
|
573
573
|
selector: "ng-component",
|
|
@@ -578,7 +578,7 @@ var TooltipTextComponent = class TooltipTextComponent {
|
|
|
578
578
|
};
|
|
579
579
|
i0.ɵɵngDeclareClassMetadata({
|
|
580
580
|
minVersion: "12.0.0",
|
|
581
|
-
version: "22.2.
|
|
581
|
+
version: "22.2.2",
|
|
582
582
|
ngImport: i0,
|
|
583
583
|
type: TooltipTextComponent,
|
|
584
584
|
decorators: [{
|
|
@@ -678,7 +678,7 @@ var TooltipDirective = class TooltipDirective {
|
|
|
678
678
|
}
|
|
679
679
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
680
680
|
minVersion: "12.0.0",
|
|
681
|
-
version: "22.2.
|
|
681
|
+
version: "22.2.2",
|
|
682
682
|
ngImport: i0,
|
|
683
683
|
type: TooltipDirective,
|
|
684
684
|
deps: [],
|
|
@@ -686,7 +686,7 @@ var TooltipDirective = class TooltipDirective {
|
|
|
686
686
|
});
|
|
687
687
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
688
688
|
minVersion: "17.1.0",
|
|
689
|
-
version: "22.2.
|
|
689
|
+
version: "22.2.2",
|
|
690
690
|
type: TooltipDirective,
|
|
691
691
|
isStandalone: true,
|
|
692
692
|
selector: "[Tooltip]",
|
|
@@ -740,7 +740,7 @@ var TooltipDirective = class TooltipDirective {
|
|
|
740
740
|
};
|
|
741
741
|
i0.ɵɵngDeclareClassMetadata({
|
|
742
742
|
minVersion: "12.0.0",
|
|
743
|
-
version: "22.2.
|
|
743
|
+
version: "22.2.2",
|
|
744
744
|
ngImport: i0,
|
|
745
745
|
type: TooltipDirective,
|
|
746
746
|
decorators: [{
|
|
@@ -8,7 +8,7 @@ var ComponentScaleDirective = class ComponentScaleDirective {
|
|
|
8
8
|
densityBase = computed(() => densityBaseValue(this.density()), ...ngDevMode ? [{ debugName: "densityBase" }] : /* istanbul ignore next */ []);
|
|
9
9
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
10
10
|
minVersion: "12.0.0",
|
|
11
|
-
version: "22.2.
|
|
11
|
+
version: "22.2.2",
|
|
12
12
|
ngImport: i0,
|
|
13
13
|
type: ComponentScaleDirective,
|
|
14
14
|
deps: [],
|
|
@@ -16,7 +16,7 @@ var ComponentScaleDirective = class ComponentScaleDirective {
|
|
|
16
16
|
});
|
|
17
17
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
18
18
|
minVersion: "17.1.0",
|
|
19
|
-
version: "22.2.
|
|
19
|
+
version: "22.2.2",
|
|
20
20
|
type: ComponentScaleDirective,
|
|
21
21
|
isStandalone: true,
|
|
22
22
|
inputs: {
|
|
@@ -44,7 +44,7 @@ var ComponentScaleDirective = class ComponentScaleDirective {
|
|
|
44
44
|
};
|
|
45
45
|
i0.ɵɵngDeclareClassMetadata({
|
|
46
46
|
minVersion: "12.0.0",
|
|
47
|
-
version: "22.2.
|
|
47
|
+
version: "22.2.2",
|
|
48
48
|
ngImport: i0,
|
|
49
49
|
type: ComponentScaleDirective,
|
|
50
50
|
decorators: [{
|
|
@@ -7,7 +7,7 @@ var NavigationIconDirective = class NavigationIconDirective {
|
|
|
7
7
|
}
|
|
8
8
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
9
9
|
minVersion: "12.0.0",
|
|
10
|
-
version: "22.2.
|
|
10
|
+
version: "22.2.2",
|
|
11
11
|
ngImport: i0,
|
|
12
12
|
type: NavigationIconDirective,
|
|
13
13
|
deps: [],
|
|
@@ -15,7 +15,7 @@ var NavigationIconDirective = class NavigationIconDirective {
|
|
|
15
15
|
});
|
|
16
16
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
17
17
|
minVersion: "14.0.0",
|
|
18
|
-
version: "22.2.
|
|
18
|
+
version: "22.2.2",
|
|
19
19
|
type: NavigationIconDirective,
|
|
20
20
|
isStandalone: true,
|
|
21
21
|
selector: "ng-template[NavigationIcon]",
|
|
@@ -24,7 +24,7 @@ var NavigationIconDirective = class NavigationIconDirective {
|
|
|
24
24
|
};
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({
|
|
26
26
|
minVersion: "12.0.0",
|
|
27
|
-
version: "22.2.
|
|
27
|
+
version: "22.2.2",
|
|
28
28
|
ngImport: i0,
|
|
29
29
|
type: NavigationIconDirective,
|
|
30
30
|
decorators: [{
|
|
@@ -34,7 +34,7 @@ var NavigationBadgeCountComponent = class NavigationBadgeCountComponent {
|
|
|
34
34
|
badgeClasses = computed(() => cn("nav-badge inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-destructive px-1 text-xs font-semibold text-destructive-foreground", this.badge()?.classes, this.class()), ...ngDevMode ? [{ debugName: "badgeClasses" }] : /* istanbul ignore next */ []);
|
|
35
35
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
36
36
|
minVersion: "12.0.0",
|
|
37
|
-
version: "22.2.
|
|
37
|
+
version: "22.2.2",
|
|
38
38
|
ngImport: i0,
|
|
39
39
|
type: NavigationBadgeCountComponent,
|
|
40
40
|
deps: [],
|
|
@@ -42,7 +42,7 @@ var NavigationBadgeCountComponent = class NavigationBadgeCountComponent {
|
|
|
42
42
|
});
|
|
43
43
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
44
44
|
minVersion: "17.0.0",
|
|
45
|
-
version: "22.2.
|
|
45
|
+
version: "22.2.2",
|
|
46
46
|
type: NavigationBadgeCountComponent,
|
|
47
47
|
isStandalone: true,
|
|
48
48
|
selector: "NavigationBadgeCount",
|
|
@@ -83,7 +83,7 @@ var NavigationBadgeCountComponent = class NavigationBadgeCountComponent {
|
|
|
83
83
|
};
|
|
84
84
|
i0.ɵɵngDeclareClassMetadata({
|
|
85
85
|
minVersion: "12.0.0",
|
|
86
|
-
version: "22.2.
|
|
86
|
+
version: "22.2.2",
|
|
87
87
|
ngImport: i0,
|
|
88
88
|
type: NavigationBadgeCountComponent,
|
|
89
89
|
decorators: [{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as NavigationItemContentComponent, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-
|
|
2
|
-
import { t as NavigationListComponent } from "./ojiepermana-angular-navigation-navigation-list.component-
|
|
3
|
-
import { NavigationBadgeCountComponent } from "./ojiepermana-angular-navigation-navigation-badge-count.component-
|
|
1
|
+
import { r as NavigationItemContentComponent, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-CUb68MZH.mjs";
|
|
2
|
+
import { t as NavigationListComponent } from "./ojiepermana-angular-navigation-navigation-list.component-CrK16trj.mjs";
|
|
3
|
+
import { NavigationBadgeCountComponent } from "./ojiepermana-angular-navigation-navigation-badge-count.component-DYuysKVf.mjs";
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import { Component, ElementRef, Injector, afterNextRender, computed, inject, input, output, signal } from "@angular/core";
|
|
6
6
|
import { cn } from "@ojiepermana/angular/component/utils/core";
|
|
@@ -155,7 +155,7 @@ var NavigationDockbarMenuComponent = class NavigationDockbarMenuComponent {
|
|
|
155
155
|
}
|
|
156
156
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
157
157
|
minVersion: "12.0.0",
|
|
158
|
-
version: "22.2.
|
|
158
|
+
version: "22.2.2",
|
|
159
159
|
ngImport: i0,
|
|
160
160
|
type: NavigationDockbarMenuComponent,
|
|
161
161
|
deps: [],
|
|
@@ -163,7 +163,7 @@ var NavigationDockbarMenuComponent = class NavigationDockbarMenuComponent {
|
|
|
163
163
|
});
|
|
164
164
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
165
165
|
minVersion: "17.0.0",
|
|
166
|
-
version: "22.2.
|
|
166
|
+
version: "22.2.2",
|
|
167
167
|
type: NavigationDockbarMenuComponent,
|
|
168
168
|
isStandalone: true,
|
|
169
169
|
selector: "NavigationDockbarMenu",
|
|
@@ -487,6 +487,7 @@ var NavigationDockbarMenuComponent = class NavigationDockbarMenuComponent {
|
|
|
487
487
|
"items",
|
|
488
488
|
"collapsed",
|
|
489
489
|
"compact",
|
|
490
|
+
"fill",
|
|
490
491
|
"position",
|
|
491
492
|
"itemClass",
|
|
492
493
|
"activeIds",
|
|
@@ -525,7 +526,7 @@ var NavigationDockbarMenuComponent = class NavigationDockbarMenuComponent {
|
|
|
525
526
|
};
|
|
526
527
|
i0.ɵɵngDeclareClassMetadata({
|
|
527
528
|
minVersion: "12.0.0",
|
|
528
|
-
version: "22.2.
|
|
529
|
+
version: "22.2.2",
|
|
529
530
|
ngImport: i0,
|
|
530
531
|
type: NavigationDockbarMenuComponent,
|
|
531
532
|
decorators: [{
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import { n as navigationPanelId, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-
|
|
1
|
+
import { n as navigationPanelId, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-CUb68MZH.mjs";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import { Component, computed, inject, input, output, signal } from "@angular/core";
|
|
4
|
-
import {
|
|
4
|
+
import { ActivatedRoute, Router, RouterLink } from "@angular/router";
|
|
5
5
|
import { cn } from "@ojiepermana/angular/component/utils/core";
|
|
6
|
-
import { NAVIGATION_ADAPTER } from "@ojiepermana/angular/navigation/core";
|
|
6
|
+
import { NAVIGATION_ADAPTER, NAVIGATION_ROUTE_CONTEXT_ADAPTER } from "@ojiepermana/angular/navigation/core";
|
|
7
7
|
import { NgTemplateOutlet } from "@angular/common";
|
|
8
8
|
import { IconComponent } from "@ojiepermana/angular/component/icon";
|
|
9
9
|
var NavigationEntryGridComponent = class NavigationEntryGridComponent {
|
|
10
10
|
nav = inject(NAVIGATION_ADAPTER);
|
|
11
|
+
routeContext = inject(NAVIGATION_ROUTE_CONTEXT_ADAPTER);
|
|
12
|
+
router = inject(Router, { optional: true });
|
|
13
|
+
activatedRoute = inject(ActivatedRoute, { optional: true });
|
|
11
14
|
navId = input("default", ...ngDevMode ? [{ debugName: "navId" }] : /* istanbul ignore next */ []);
|
|
12
15
|
branch = input.required(...ngDevMode ? [{ debugName: "branch" }] : /* istanbul ignore next */ []);
|
|
13
16
|
typeStyle = input("flat", ...ngDevMode ? [{ debugName: "typeStyle" }] : /* istanbul ignore next */ []);
|
|
@@ -28,12 +31,20 @@ var NavigationEntryGridComponent = class NavigationEntryGridComponent {
|
|
|
28
31
|
const navId = this.navId();
|
|
29
32
|
return new Map(this.branch().children.map((child) => [child, {
|
|
30
33
|
active: this.nav.isItemActive(child, activeIds, activeUrl),
|
|
34
|
+
routeActive: this.nav.isRouterItem(child) && this.isRouteActive(child),
|
|
31
35
|
panelId: navigationPanelId(navId, child)
|
|
32
36
|
}]));
|
|
33
37
|
}, ...ngDevMode ? [{ debugName: "entryState" }] : /* istanbul ignore next */ []);
|
|
34
38
|
isItemActive(item) {
|
|
35
39
|
return this.entryState().get(item)?.active ?? this.nav.isItemActive(item, this.activeIds(), this.activeUrl());
|
|
36
40
|
}
|
|
41
|
+
isRouterEntryActive(item) {
|
|
42
|
+
return (this.entryState().get(item)?.routeActive ?? this.isRouteActive(item)) || this.isItemActive(item);
|
|
43
|
+
}
|
|
44
|
+
isRouteActive(item) {
|
|
45
|
+
if (item.disabled || !this.router?.lastSuccessfulNavigation()) return false;
|
|
46
|
+
return this.routeContext.isItemRouteActive(item, null, this.activatedRoute);
|
|
47
|
+
}
|
|
37
48
|
panelIdFor(item) {
|
|
38
49
|
return this.entryState().get(item)?.panelId ?? navigationPanelId(this.navId(), item);
|
|
39
50
|
}
|
|
@@ -73,9 +84,6 @@ var NavigationEntryGridComponent = class NavigationEntryGridComponent {
|
|
|
73
84
|
relFor(item) {
|
|
74
85
|
return this.nav.relFor(item);
|
|
75
86
|
}
|
|
76
|
-
routerLinkActiveOptions(item) {
|
|
77
|
-
return this.nav.routerLinkActiveOptions(item);
|
|
78
|
-
}
|
|
79
87
|
iconContext(item, active) {
|
|
80
88
|
return this.nav.iconContext(item, active, 1, "horizontal");
|
|
81
89
|
}
|
|
@@ -110,7 +118,7 @@ var NavigationEntryGridComponent = class NavigationEntryGridComponent {
|
|
|
110
118
|
}
|
|
111
119
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
112
120
|
minVersion: "12.0.0",
|
|
113
|
-
version: "22.2.
|
|
121
|
+
version: "22.2.2",
|
|
114
122
|
ngImport: i0,
|
|
115
123
|
type: NavigationEntryGridComponent,
|
|
116
124
|
deps: [],
|
|
@@ -118,7 +126,7 @@ var NavigationEntryGridComponent = class NavigationEntryGridComponent {
|
|
|
118
126
|
});
|
|
119
127
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
120
128
|
minVersion: "17.0.0",
|
|
121
|
-
version: "22.2.
|
|
129
|
+
version: "22.2.2",
|
|
122
130
|
type: NavigationEntryGridComponent,
|
|
123
131
|
isStandalone: true,
|
|
124
132
|
selector: "NavigationEntryGrid",
|
|
@@ -264,32 +272,25 @@ var NavigationEntryGridComponent = class NavigationEntryGridComponent {
|
|
|
264
272
|
} @else {
|
|
265
273
|
<li role="none" class="min-w-0" [attr.data-navigation-item-key]="child.key">
|
|
266
274
|
@if (isRouterItem(child)) {
|
|
275
|
+
@let entryActive = isRouterEntryActive(child);
|
|
267
276
|
<a
|
|
268
277
|
role="menuitem"
|
|
269
278
|
data-navigation-flyout-entry="true"
|
|
270
|
-
[class]="entryClasses(child,
|
|
271
|
-
[routerLink]="child.link ?? null"
|
|
279
|
+
[class]="entryClasses(child, entryActive)"
|
|
280
|
+
[routerLink]="child.disabled ? null : (child.link ?? null)"
|
|
272
281
|
[queryParams]="child.queryParams ?? null"
|
|
273
282
|
[queryParamsHandling]="child.queryParamsHandling ?? null"
|
|
274
283
|
[fragment]="child.fragment ?? undefined"
|
|
275
284
|
[preserveFragment]="child.preserveFragment ?? false"
|
|
276
285
|
[target]="child.target ?? undefined"
|
|
277
286
|
[attr.rel]="relFor(child)"
|
|
278
|
-
|
|
279
|
-
#routerActive="routerLinkActive"
|
|
280
|
-
[routerLinkActiveOptions]="routerLinkActiveOptions(child)"
|
|
281
|
-
[attr.aria-current]="
|
|
282
|
-
routerActive.isActive || isItemActive(child) ? 'page' : null
|
|
283
|
-
"
|
|
287
|
+
[attr.aria-current]="entryActive ? 'page' : null"
|
|
284
288
|
[attr.aria-disabled]="child.disabled || null"
|
|
285
289
|
(click)="selectEntry(child, $event)"
|
|
286
290
|
>
|
|
287
291
|
<ng-container
|
|
288
292
|
[ngTemplateOutlet]="entryContent"
|
|
289
|
-
[ngTemplateOutletContext]="{
|
|
290
|
-
$implicit: child,
|
|
291
|
-
active: routerActive.isActive || isItemActive(child),
|
|
292
|
-
}"
|
|
293
|
+
[ngTemplateOutletContext]="{ $implicit: child, active: entryActive }"
|
|
293
294
|
/>
|
|
294
295
|
</a>
|
|
295
296
|
} @else if (hrefFor(child)) {
|
|
@@ -446,18 +447,6 @@ var NavigationEntryGridComponent = class NavigationEntryGridComponent {
|
|
|
446
447
|
"routerLink"
|
|
447
448
|
]
|
|
448
449
|
},
|
|
449
|
-
{
|
|
450
|
-
kind: "directive",
|
|
451
|
-
type: RouterLinkActive,
|
|
452
|
-
selector: "[routerLinkActive]",
|
|
453
|
-
inputs: [
|
|
454
|
-
"routerLinkActiveOptions",
|
|
455
|
-
"ariaCurrentWhenActive",
|
|
456
|
-
"routerLinkActive"
|
|
457
|
-
],
|
|
458
|
-
outputs: ["isActiveChange"],
|
|
459
|
-
exportAs: ["routerLinkActive"]
|
|
460
|
-
},
|
|
461
450
|
{
|
|
462
451
|
kind: "component",
|
|
463
452
|
type: IconComponent,
|
|
@@ -502,7 +491,7 @@ var NavigationEntryGridComponent = class NavigationEntryGridComponent {
|
|
|
502
491
|
};
|
|
503
492
|
i0.ɵɵngDeclareClassMetadata({
|
|
504
493
|
minVersion: "12.0.0",
|
|
505
|
-
version: "22.2.
|
|
494
|
+
version: "22.2.2",
|
|
506
495
|
ngImport: i0,
|
|
507
496
|
type: NavigationEntryGridComponent,
|
|
508
497
|
decorators: [{
|
|
@@ -512,7 +501,6 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
512
501
|
imports: [
|
|
513
502
|
NgTemplateOutlet,
|
|
514
503
|
RouterLink,
|
|
515
|
-
RouterLinkActive,
|
|
516
504
|
IconComponent,
|
|
517
505
|
NavigationItemComponent
|
|
518
506
|
],
|
|
@@ -588,32 +576,25 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
588
576
|
} @else {
|
|
589
577
|
<li role="none" class="min-w-0" [attr.data-navigation-item-key]="child.key">
|
|
590
578
|
@if (isRouterItem(child)) {
|
|
579
|
+
@let entryActive = isRouterEntryActive(child);
|
|
591
580
|
<a
|
|
592
581
|
role="menuitem"
|
|
593
582
|
data-navigation-flyout-entry="true"
|
|
594
|
-
[class]="entryClasses(child,
|
|
595
|
-
[routerLink]="child.link ?? null"
|
|
583
|
+
[class]="entryClasses(child, entryActive)"
|
|
584
|
+
[routerLink]="child.disabled ? null : (child.link ?? null)"
|
|
596
585
|
[queryParams]="child.queryParams ?? null"
|
|
597
586
|
[queryParamsHandling]="child.queryParamsHandling ?? null"
|
|
598
587
|
[fragment]="child.fragment ?? undefined"
|
|
599
588
|
[preserveFragment]="child.preserveFragment ?? false"
|
|
600
589
|
[target]="child.target ?? undefined"
|
|
601
590
|
[attr.rel]="relFor(child)"
|
|
602
|
-
|
|
603
|
-
#routerActive="routerLinkActive"
|
|
604
|
-
[routerLinkActiveOptions]="routerLinkActiveOptions(child)"
|
|
605
|
-
[attr.aria-current]="
|
|
606
|
-
routerActive.isActive || isItemActive(child) ? 'page' : null
|
|
607
|
-
"
|
|
591
|
+
[attr.aria-current]="entryActive ? 'page' : null"
|
|
608
592
|
[attr.aria-disabled]="child.disabled || null"
|
|
609
593
|
(click)="selectEntry(child, $event)"
|
|
610
594
|
>
|
|
611
595
|
<ng-container
|
|
612
596
|
[ngTemplateOutlet]="entryContent"
|
|
613
|
-
[ngTemplateOutletContext]="{
|
|
614
|
-
$implicit: child,
|
|
615
|
-
active: routerActive.isActive || isItemActive(child),
|
|
616
|
-
}"
|
|
597
|
+
[ngTemplateOutletContext]="{ $implicit: child, active: entryActive }"
|
|
617
598
|
/>
|
|
618
599
|
</a>
|
|
619
600
|
} @else if (hrefFor(child)) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as NavigationItemContentComponent, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-
|
|
2
|
-
import { t as NavigationEntryGridComponent } from "./ojiepermana-angular-navigation-navigation-entry-grid.component-
|
|
1
|
+
import { r as NavigationItemContentComponent, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-CUb68MZH.mjs";
|
|
2
|
+
import { t as NavigationEntryGridComponent } from "./ojiepermana-angular-navigation-navigation-entry-grid.component-YIz0IsIb.mjs";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import { Component, ElementRef, Injector, afterNextRender, computed, effect, inject, input, output, signal } from "@angular/core";
|
|
5
5
|
import { cn } from "@ojiepermana/angular/component/utils/core";
|
|
@@ -199,7 +199,7 @@ var NavigationFlyoutMenuComponent = class NavigationFlyoutMenuComponent {
|
|
|
199
199
|
}
|
|
200
200
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
201
201
|
minVersion: "12.0.0",
|
|
202
|
-
version: "22.2.
|
|
202
|
+
version: "22.2.2",
|
|
203
203
|
ngImport: i0,
|
|
204
204
|
type: NavigationFlyoutMenuComponent,
|
|
205
205
|
deps: [],
|
|
@@ -207,7 +207,7 @@ var NavigationFlyoutMenuComponent = class NavigationFlyoutMenuComponent {
|
|
|
207
207
|
});
|
|
208
208
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
209
209
|
minVersion: "17.0.0",
|
|
210
|
-
version: "22.2.
|
|
210
|
+
version: "22.2.2",
|
|
211
211
|
type: NavigationFlyoutMenuComponent,
|
|
212
212
|
isStandalone: true,
|
|
213
213
|
selector: "NavigationFlyoutMenu",
|
|
@@ -446,7 +446,7 @@ var NavigationFlyoutMenuComponent = class NavigationFlyoutMenuComponent {
|
|
|
446
446
|
};
|
|
447
447
|
i0.ɵɵngDeclareClassMetadata({
|
|
448
448
|
minVersion: "12.0.0",
|
|
449
|
-
version: "22.2.
|
|
449
|
+
version: "22.2.2",
|
|
450
450
|
ngImport: i0,
|
|
451
451
|
type: NavigationFlyoutMenuComponent,
|
|
452
452
|
decorators: [{
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { n as navigationPanelId, r as NavigationItemContentComponent, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-
|
|
2
|
-
import { t as NavigationEntryGridComponent } from "./ojiepermana-angular-navigation-navigation-entry-grid.component-
|
|
1
|
+
import { n as navigationPanelId, r as NavigationItemContentComponent, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-CUb68MZH.mjs";
|
|
2
|
+
import { t as NavigationEntryGridComponent } from "./ojiepermana-angular-navigation-navigation-entry-grid.component-YIz0IsIb.mjs";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import { Component, ElementRef, Injector, afterNextRender, computed, effect, inject, input, output, signal } from "@angular/core";
|
|
5
5
|
import { cn } from "@ojiepermana/angular/component/utils/core";
|
|
@@ -155,7 +155,7 @@ var NavigationHorizontalComponent = class NavigationHorizontalComponent {
|
|
|
155
155
|
}
|
|
156
156
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
157
157
|
minVersion: "12.0.0",
|
|
158
|
-
version: "22.2.
|
|
158
|
+
version: "22.2.2",
|
|
159
159
|
ngImport: i0,
|
|
160
160
|
type: NavigationHorizontalComponent,
|
|
161
161
|
deps: [],
|
|
@@ -163,7 +163,7 @@ var NavigationHorizontalComponent = class NavigationHorizontalComponent {
|
|
|
163
163
|
});
|
|
164
164
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
165
165
|
minVersion: "17.0.0",
|
|
166
|
-
version: "22.2.
|
|
166
|
+
version: "22.2.2",
|
|
167
167
|
type: NavigationHorizontalComponent,
|
|
168
168
|
isStandalone: true,
|
|
169
169
|
selector: "NavigationHorizontal",
|
|
@@ -433,7 +433,7 @@ var NavigationHorizontalComponent = class NavigationHorizontalComponent {
|
|
|
433
433
|
};
|
|
434
434
|
i0.ɵɵngDeclareClassMetadata({
|
|
435
435
|
minVersion: "12.0.0",
|
|
436
|
-
version: "22.2.
|
|
436
|
+
version: "22.2.2",
|
|
437
437
|
ngImport: i0,
|
|
438
438
|
type: NavigationHorizontalComponent,
|
|
439
439
|
decorators: [{
|