nath-angular-ui 0.5.1 → 0.5.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.
|
@@ -354,11 +354,11 @@ class NathBreadcrumbs {
|
|
|
354
354
|
home = this.breadcrumbService.home;
|
|
355
355
|
breadcrumbs = this.breadcrumbService.breadcrumbs;
|
|
356
356
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathBreadcrumbs, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
357
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NathBreadcrumbs, isStandalone: true, selector: "nath-breadcrumbs", ngImport: i0, template: "@if (home() || breadcrumbs().length > 0) {\n <nav aria-label=\"breadcrumb\" class=\"nath-breadcrumb-container\">\n <ol class=\"nath-breadcrumb-list\">\n @let h = home();\n @if (h) {\n <li class=\"nath-breadcrumb-item\">\n @if (h.routerLink) {\n <a\n class=\"nath-breadcrumb-link\"\n [routerLink]=\"h.routerLink\"\n [queryParams]=\"h.queryParams\"\n [routerLinkActive]=\"h.routerLinkActive ?? []\"\n [routerLinkActiveOptions]=\"h.routerLinkActiveOptions ?? { exact: false }\"\n ><svg lucideHouse [size]=\"16\"\n /></a>\n } @else {\n <span class=\"nath-breadcrumb
|
|
357
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NathBreadcrumbs, isStandalone: true, selector: "nath-breadcrumbs", ngImport: i0, template: "@if (home() || breadcrumbs().length > 0) {\n <nav aria-label=\"breadcrumb\" class=\"nath-breadcrumb-container\">\n <ol class=\"nath-breadcrumb-list\">\n @let h = home();\n @if (h) {\n <li class=\"nath-breadcrumb-item\">\n @if (h.routerLink) {\n <a\n class=\"nath-breadcrumb-link\"\n [routerLink]=\"h.routerLink\"\n [queryParams]=\"h.queryParams\"\n [routerLinkActive]=\"h.routerLinkActive ?? []\"\n [routerLinkActiveOptions]=\"h.routerLinkActiveOptions ?? { exact: false }\"\n ><svg lucideHouse [size]=\"16\"\n /></a>\n } @else {\n <span class=\"nath-breadcrumb--current\" aria-current=\"page\"\n ><svg lucideHouse [size]=\"16\"\n /></span>\n }\n </li>\n }\n @for (crumb of breadcrumbs(); track crumb.label; let last = $last) {\n <li class=\"nath-breadcrumb-item\" [class.is-active]=\"last\">\n @if (crumb.routerLink && !last && !crumb.disabled) {\n <a\n class=\"nath-breadcrumb-link\"\n [routerLink]=\"crumb.routerLink\"\n [queryParams]=\"crumb.queryParams\"\n [routerLinkActive]=\"crumb.routerLinkActive ?? []\"\n [routerLinkActiveOptions]=\"crumb.routerLinkActiveOptions ?? { exact: false }\"\n >{{ crumb.label }}</a\n >\n } @else {\n <span\n [class.nath-breadcrumb--current]=\"!crumb.disabled\"\n [class.nath-breadcrumb--disabled]=\"crumb.disabled\"\n aria-current=\"page\"\n >{{ crumb.label }}</span\n >\n }\n </li>\n }\n </ol>\n </nav>\n}\n", styles: ["nath-breadcrumbs,.nath-breadcrumbs-theme{--nath-breadcrumb-gap: .5rem;--nath-breadcrumb-padding-y: 1rem;--nath-breadcrumb-separator: \"/\";--nath-breadcrumb-separator-margin: .5rem;--nath-breadcrumb-separator-color: var(--color-zinc-400, oklch(70.5% .015 286.067));--nath-breadcrumb-link-color: var(--color-blue-500, oklch(62.3% .214 259.815));--nath-breadcrumb-link-hover-color: var(--color-blue-600, oklch(54.6% .245 262.881));--nath-breadcrumb-active-color: var(--color-zinc-600, oklch(44.2% .017 285.786));--nath-breadcrumb-active-font-weight: 500;--nath-breadcrumb-disabled-color: var(--color-zinc-400, oklch(70.5% .015 286.067))}.dark nath-breadcrumbs,.dark .nath-breadcrumbs-theme{--nath-breadcrumb-separator-color: var(--color-zinc-600, oklch(44.2% .017 285.786));--nath-breadcrumb-link-color: var(--color-blue-400, oklch(70.7% .165 254.624));--nath-breadcrumb-link-hover-color: var(--color-blue-300, oklch(80.9% .105 251.813));--nath-breadcrumb-active-color: var(--color-zinc-400, oklch(70.5% .015 286.067));--nath-breadcrumb-disabled-color: var(--color-zinc-400, oklch(70.5% .015 286.067))}.nath-breadcrumb-container{display:block}.nath-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nath-breadcrumb-gap);padding-top:var(--nath-breadcrumb-padding-y);padding-bottom:var(--nath-breadcrumb-padding-y);list-style:none;margin:0}.nath-breadcrumb-item{display:flex;align-items:center}.nath-breadcrumb-item:not(:last-child):after{content:var(--nath-breadcrumb-separator);margin-left:var(--nath-breadcrumb-separator-margin);color:var(--nath-breadcrumb-separator-color)}.nath-breadcrumb-link{color:var(--nath-breadcrumb-link-color);text-decoration:none;transition:color .2s ease-in-out}.nath-breadcrumb-link:hover{color:var(--nath-breadcrumb-link-hover-color);text-decoration:underline}.nath-breadcrumb--current{color:var(--nath-breadcrumb-active-color);font-weight:var(--nath-breadcrumb-active-font-weight)}.nath-breadcrumb--disabled{color:var(--nath-breadcrumb-disabled-color)}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: LucideHouse, selector: "svg[lucideHouse], svg[lucideHome]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
358
358
|
}
|
|
359
359
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathBreadcrumbs, decorators: [{
|
|
360
360
|
type: Component,
|
|
361
|
-
args: [{ selector: 'nath-breadcrumbs', imports: [RouterModule, LucideHouse], encapsulation: ViewEncapsulation.None, template: "@if (home() || breadcrumbs().length > 0) {\n <nav aria-label=\"breadcrumb\" class=\"nath-breadcrumb-container\">\n <ol class=\"nath-breadcrumb-list\">\n @let h = home();\n @if (h) {\n <li class=\"nath-breadcrumb-item\">\n @if (h.routerLink) {\n <a\n class=\"nath-breadcrumb-link\"\n [routerLink]=\"h.routerLink\"\n [queryParams]=\"h.queryParams\"\n [routerLinkActive]=\"h.routerLinkActive ?? []\"\n [routerLinkActiveOptions]=\"h.routerLinkActiveOptions ?? { exact: false }\"\n ><svg lucideHouse [size]=\"16\"\n /></a>\n } @else {\n <span class=\"nath-breadcrumb
|
|
361
|
+
args: [{ selector: 'nath-breadcrumbs', imports: [RouterModule, LucideHouse], encapsulation: ViewEncapsulation.None, template: "@if (home() || breadcrumbs().length > 0) {\n <nav aria-label=\"breadcrumb\" class=\"nath-breadcrumb-container\">\n <ol class=\"nath-breadcrumb-list\">\n @let h = home();\n @if (h) {\n <li class=\"nath-breadcrumb-item\">\n @if (h.routerLink) {\n <a\n class=\"nath-breadcrumb-link\"\n [routerLink]=\"h.routerLink\"\n [queryParams]=\"h.queryParams\"\n [routerLinkActive]=\"h.routerLinkActive ?? []\"\n [routerLinkActiveOptions]=\"h.routerLinkActiveOptions ?? { exact: false }\"\n ><svg lucideHouse [size]=\"16\"\n /></a>\n } @else {\n <span class=\"nath-breadcrumb--current\" aria-current=\"page\"\n ><svg lucideHouse [size]=\"16\"\n /></span>\n }\n </li>\n }\n @for (crumb of breadcrumbs(); track crumb.label; let last = $last) {\n <li class=\"nath-breadcrumb-item\" [class.is-active]=\"last\">\n @if (crumb.routerLink && !last && !crumb.disabled) {\n <a\n class=\"nath-breadcrumb-link\"\n [routerLink]=\"crumb.routerLink\"\n [queryParams]=\"crumb.queryParams\"\n [routerLinkActive]=\"crumb.routerLinkActive ?? []\"\n [routerLinkActiveOptions]=\"crumb.routerLinkActiveOptions ?? { exact: false }\"\n >{{ crumb.label }}</a\n >\n } @else {\n <span\n [class.nath-breadcrumb--current]=\"!crumb.disabled\"\n [class.nath-breadcrumb--disabled]=\"crumb.disabled\"\n aria-current=\"page\"\n >{{ crumb.label }}</span\n >\n }\n </li>\n }\n </ol>\n </nav>\n}\n", styles: ["nath-breadcrumbs,.nath-breadcrumbs-theme{--nath-breadcrumb-gap: .5rem;--nath-breadcrumb-padding-y: 1rem;--nath-breadcrumb-separator: \"/\";--nath-breadcrumb-separator-margin: .5rem;--nath-breadcrumb-separator-color: var(--color-zinc-400, oklch(70.5% .015 286.067));--nath-breadcrumb-link-color: var(--color-blue-500, oklch(62.3% .214 259.815));--nath-breadcrumb-link-hover-color: var(--color-blue-600, oklch(54.6% .245 262.881));--nath-breadcrumb-active-color: var(--color-zinc-600, oklch(44.2% .017 285.786));--nath-breadcrumb-active-font-weight: 500;--nath-breadcrumb-disabled-color: var(--color-zinc-400, oklch(70.5% .015 286.067))}.dark nath-breadcrumbs,.dark .nath-breadcrumbs-theme{--nath-breadcrumb-separator-color: var(--color-zinc-600, oklch(44.2% .017 285.786));--nath-breadcrumb-link-color: var(--color-blue-400, oklch(70.7% .165 254.624));--nath-breadcrumb-link-hover-color: var(--color-blue-300, oklch(80.9% .105 251.813));--nath-breadcrumb-active-color: var(--color-zinc-400, oklch(70.5% .015 286.067));--nath-breadcrumb-disabled-color: var(--color-zinc-400, oklch(70.5% .015 286.067))}.nath-breadcrumb-container{display:block}.nath-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nath-breadcrumb-gap);padding-top:var(--nath-breadcrumb-padding-y);padding-bottom:var(--nath-breadcrumb-padding-y);list-style:none;margin:0}.nath-breadcrumb-item{display:flex;align-items:center}.nath-breadcrumb-item:not(:last-child):after{content:var(--nath-breadcrumb-separator);margin-left:var(--nath-breadcrumb-separator-margin);color:var(--nath-breadcrumb-separator-color)}.nath-breadcrumb-link{color:var(--nath-breadcrumb-link-color);text-decoration:none;transition:color .2s ease-in-out}.nath-breadcrumb-link:hover{color:var(--nath-breadcrumb-link-hover-color);text-decoration:underline}.nath-breadcrumb--current{color:var(--nath-breadcrumb-active-color);font-weight:var(--nath-breadcrumb-active-font-weight)}.nath-breadcrumb--disabled{color:var(--nath-breadcrumb-disabled-color)}\n"] }]
|
|
362
362
|
}] });
|
|
363
363
|
|
|
364
364
|
class CodeFileTabNamePipe {
|
|
@@ -4830,30 +4830,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
4830
4830
|
|
|
4831
4831
|
class TabDirective {
|
|
4832
4832
|
templateRef = inject(TemplateRef);
|
|
4833
|
-
tabTitle = input.required({ ...(ngDevMode ? { debugName: "tabTitle" } : /* istanbul ignore next */ {}), alias: '
|
|
4833
|
+
tabTitle = input.required({ ...(ngDevMode ? { debugName: "tabTitle" } : /* istanbul ignore next */ {}), alias: 'nathTab' });
|
|
4834
4834
|
disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
4835
4835
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TabDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4836
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: TabDirective, isStandalone: true, selector: "[
|
|
4836
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: TabDirective, isStandalone: true, selector: "[nathTab]", inputs: { tabTitle: { classPropertyName: "tabTitle", publicName: "nathTab", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
4837
4837
|
}
|
|
4838
4838
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TabDirective, decorators: [{
|
|
4839
4839
|
type: Directive,
|
|
4840
4840
|
args: [{
|
|
4841
|
-
selector: '[
|
|
4841
|
+
selector: '[nathTab]',
|
|
4842
4842
|
}]
|
|
4843
|
-
}], propDecorators: { tabTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "
|
|
4843
|
+
}], propDecorators: { tabTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "nathTab", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
4844
4844
|
|
|
4845
4845
|
class TabPanelDirective {
|
|
4846
4846
|
templateRef = inject(TemplateRef);
|
|
4847
|
-
tabTitle = input.required({ ...(ngDevMode ? { debugName: "tabTitle" } : /* istanbul ignore next */ {}), alias: '
|
|
4847
|
+
tabTitle = input.required({ ...(ngDevMode ? { debugName: "tabTitle" } : /* istanbul ignore next */ {}), alias: 'nathTabPanel' });
|
|
4848
4848
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TabPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4849
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: TabPanelDirective, isStandalone: true, selector: "[
|
|
4849
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: TabPanelDirective, isStandalone: true, selector: "[nathTabPanel]", inputs: { tabTitle: { classPropertyName: "tabTitle", publicName: "nathTabPanel", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
|
|
4850
4850
|
}
|
|
4851
4851
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TabPanelDirective, decorators: [{
|
|
4852
4852
|
type: Directive,
|
|
4853
4853
|
args: [{
|
|
4854
|
-
selector: '[
|
|
4854
|
+
selector: '[nathTabPanel]',
|
|
4855
4855
|
}]
|
|
4856
|
-
}], propDecorators: { tabTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "
|
|
4856
|
+
}], propDecorators: { tabTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "nathTabPanel", required: true }] }] } });
|
|
4857
4857
|
|
|
4858
4858
|
class NathTabs {
|
|
4859
4859
|
activeTab = model.required(/* @ts-ignore */
|