@grumptech/ngx-basic-ui 1.0.0 → 1.0.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.
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { input, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
3
|
import { RouterLink, RouterLinkActive } from '@angular/router';
|
|
4
|
-
import * as i1 from '@angular/material/list';
|
|
5
|
-
import { MatListModule } from '@angular/material/list';
|
|
6
4
|
|
|
7
5
|
class Navigation {
|
|
8
6
|
urlPrefix = input('', ...(ngDevMode ? [{ debugName: "urlPrefix" }] : /* istanbul ignore next */ []));
|
|
@@ -24,11 +22,11 @@ class Navigation {
|
|
|
24
22
|
});
|
|
25
23
|
}
|
|
26
24
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: Navigation, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: Navigation, isStandalone: true, selector: "b-navigation", inputs: { urlPrefix: { classPropertyName: "urlPrefix", publicName: "urlPrefix", isSignal: true, isRequired: false, transformFunction: null }, relativeTo: { classPropertyName: "relativeTo", publicName: "relativeTo", isSignal: true, isRequired: false, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<nav>\n <div class=\"container\">\n @for (item of menuItems; track item) {\n @if (item.url) {\n <a\n
|
|
25
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: Navigation, isStandalone: true, selector: "b-navigation", inputs: { urlPrefix: { classPropertyName: "urlPrefix", publicName: "urlPrefix", isSignal: true, isRequired: false, transformFunction: null }, relativeTo: { classPropertyName: "relativeTo", publicName: "relativeTo", isSignal: true, isRequired: false, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<nav>\n <div class=\"container\">\n @for (item of menuItems; track item) {\n @if (item.url) {\n <a\n [style.paddingLeft.px]=\"item.level * 10 + 10\"\n [relativeTo]=\"relativeTo()\"\n [routerLink]=\"urlPrefix() + item.url\"\n routerLinkActive=\"active\"\n [routerLinkActiveOptions]=\"{\n matrixParams: 'ignored',\n queryParams: 'ignored',\n paths: 'exact',\n fragment: 'ignored',\n }\"\n >{{ item.name }}</a\n >\n } @else {\n <div [style.paddingLeft.px]=\"item.level * 10 + 10\" disabled>\n {{ item.name }}\n </div>\n }\n }\n </div>\n</nav>\n", styles: [":host{box-sizing:border-box}nav{height:100%;box-sizing:border-box;padding:5px}.container{padding-bottom:15px;font-size:16px}.container a{display:block;line-height:40px;color:#1e1e1e;text-decoration:none;height:40px;border-radius:8px}.container a:hover{background-color:#00000005}.container a:focus{background-color:#0000000d}.container a.active{background-color:#673ab740}.container div{height:40px;line-height:40px;color:#1e1e1eb3}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
28
26
|
}
|
|
29
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: Navigation, decorators: [{
|
|
30
28
|
type: Component,
|
|
31
|
-
args: [{ selector: 'b-navigation', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
29
|
+
args: [{ selector: 'b-navigation', changeDetection: ChangeDetectionStrategy.OnPush, imports: [RouterLink, RouterLinkActive], template: "<nav>\n <div class=\"container\">\n @for (item of menuItems; track item) {\n @if (item.url) {\n <a\n [style.paddingLeft.px]=\"item.level * 10 + 10\"\n [relativeTo]=\"relativeTo()\"\n [routerLink]=\"urlPrefix() + item.url\"\n routerLinkActive=\"active\"\n [routerLinkActiveOptions]=\"{\n matrixParams: 'ignored',\n queryParams: 'ignored',\n paths: 'exact',\n fragment: 'ignored',\n }\"\n >{{ item.name }}</a\n >\n } @else {\n <div [style.paddingLeft.px]=\"item.level * 10 + 10\" disabled>\n {{ item.name }}\n </div>\n }\n }\n </div>\n</nav>\n", styles: [":host{box-sizing:border-box}nav{height:100%;box-sizing:border-box;padding:5px}.container{padding-bottom:15px;font-size:16px}.container a{display:block;line-height:40px;color:#1e1e1e;text-decoration:none;height:40px;border-radius:8px}.container a:hover{background-color:#00000005}.container a:focus{background-color:#0000000d}.container a.active{background-color:#673ab740}.container div{height:40px;line-height:40px;color:#1e1e1eb3}\n"] }]
|
|
32
30
|
}], propDecorators: { urlPrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "urlPrefix", required: false }] }], relativeTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "relativeTo", required: false }] }], menu: [{ type: i0.Input, args: [{ isSignal: true, alias: "menu", required: false }] }] } });
|
|
33
31
|
|
|
34
32
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grumptech-ngx-basic-ui-navigation.mjs","sources":["../../../projects/ngx-basic-ui/navigation/navigation/navigation.component.ts","../../../projects/ngx-basic-ui/navigation/navigation/navigation.component.html","../../../projects/ngx-basic-ui/navigation/grumptech-ngx-basic-ui-navigation.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n OnChanges,\n SimpleChanges,\n input,\n} from '@angular/core';\nimport { ActivatedRoute, RouterLink, RouterLinkActive } from '@angular/router';\nimport {
|
|
1
|
+
{"version":3,"file":"grumptech-ngx-basic-ui-navigation.mjs","sources":["../../../projects/ngx-basic-ui/navigation/navigation/navigation.component.ts","../../../projects/ngx-basic-ui/navigation/navigation/navigation.component.html","../../../projects/ngx-basic-ui/navigation/grumptech-ngx-basic-ui-navigation.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n OnChanges,\n SimpleChanges,\n input,\n} from '@angular/core';\nimport { ActivatedRoute, RouterLink, RouterLinkActive } from '@angular/router';\nimport { MenuItem } from '../models';\n\ninterface FlatMenuItem {\n name: string;\n url?: string;\n level: number;\n}\n\n@Component({\n selector: 'b-navigation',\n templateUrl: 'navigation.component.html',\n styleUrl: 'navigation.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [RouterLink, RouterLinkActive],\n})\nexport class Navigation implements OnChanges {\n readonly urlPrefix = input('');\n readonly relativeTo = input<ActivatedRoute | null>();\n readonly menu = input<MenuItem[]>([]);\n menuItems: FlatMenuItem[] = [];\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.menu) {\n this.menuItems = this.toFlatMenuItemsRecursive(this.menu());\n }\n }\n\n private toFlatMenuItemsRecursive(\n items: MenuItem[],\n level = 0,\n ): FlatMenuItem[] {\n return items.flatMap((i) => {\n const item = i.url\n ? { name: i.name, url: i.url, level }\n : { name: i.name, level };\n const children = this.toFlatMenuItemsRecursive(i.children, level + 1);\n return [item].concat(children);\n });\n }\n}\n","<nav>\n <div class=\"container\">\n @for (item of menuItems; track item) {\n @if (item.url) {\n <a\n [style.paddingLeft.px]=\"item.level * 10 + 10\"\n [relativeTo]=\"relativeTo()\"\n [routerLink]=\"urlPrefix() + item.url\"\n routerLinkActive=\"active\"\n [routerLinkActiveOptions]=\"{\n matrixParams: 'ignored',\n queryParams: 'ignored',\n paths: 'exact',\n fragment: 'ignored',\n }\"\n >{{ item.name }}</a\n >\n } @else {\n <div [style.paddingLeft.px]=\"item.level * 10 + 10\" disabled>\n {{ item.name }}\n </div>\n }\n }\n </div>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@grumptech/ngx-basic-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "basic Angular ui components",
|
|
5
5
|
"author": "GrumpTech",
|
|
6
6
|
"license": "MIT",
|
|
@@ -16,6 +16,11 @@
|
|
|
16
16
|
"url": "https://github.com/GrumpTech/ngx-basic-ui/issues"
|
|
17
17
|
},
|
|
18
18
|
"homepage": "https://github.com/GrumpTech/ngx-basic-ui#readme",
|
|
19
|
+
"peerDependencies": {
|
|
20
|
+
"@angular/cdk": "^21.0.0",
|
|
21
|
+
"@angular/core": "^21.0.0",
|
|
22
|
+
"@angular/forms": "^21.0.0"
|
|
23
|
+
},
|
|
19
24
|
"module": "fesm2022/grumptech-ngx-basic-ui.mjs",
|
|
20
25
|
"typings": "types/grumptech-ngx-basic-ui.d.ts",
|
|
21
26
|
"exports": {
|