@xui/breadcrumb 2.0.0-alpha.0
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/README.md +7 -0
- package/fesm2022/xui-breadcrumb.mjs +213 -0
- package/fesm2022/xui-breadcrumb.mjs.map +1 -0
- package/index.d.ts +28 -0
- package/lib/breadcrumb-ellipsis.component.d.ts +8 -0
- package/lib/breadcrumb-item.directive.d.ts +9 -0
- package/lib/breadcrumb-link.directive.d.ts +10 -0
- package/lib/breadcrumb-list.directive.d.ts +8 -0
- package/lib/breadcrumb-page.directive.d.ts +8 -0
- package/lib/breadcrumb-separator.component.d.ts +8 -0
- package/lib/breadcrumb.directive.d.ts +9 -0
- package/package.json +31 -0
package/README.md
ADDED
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, computed, Component, booleanAttribute, Directive, NgModule } from '@angular/core';
|
|
3
|
+
import { NgIcon, provideIcons } from '@ng-icons/core';
|
|
4
|
+
import { matMoreHorizRound, matChevronRightRound } from '@ng-icons/material-icons/round';
|
|
5
|
+
import { xui } from '@xui/core';
|
|
6
|
+
import { XuiIconDirective } from '@xui/icon';
|
|
7
|
+
import * as i1 from '@angular/router';
|
|
8
|
+
import { RouterLink } from '@angular/router';
|
|
9
|
+
|
|
10
|
+
class XuiBreadcrumbEllipsisComponent {
|
|
11
|
+
class = input('');
|
|
12
|
+
computedClass = computed(() => xui('flex items-center justify-center', this.class()));
|
|
13
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbEllipsisComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.3", type: XuiBreadcrumbEllipsisComponent, isStandalone: true, selector: "xui-breadcrumb-ellipsis", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ matMoreHorizRound })], ngImport: i0, template: `
|
|
15
|
+
<span role="presentation" aria-hidden="true" [class]="computedClass()">
|
|
16
|
+
<ng-icon xui size="sm" name="matMoreHorizRound" />
|
|
17
|
+
<span class="sr-only">More</span>
|
|
18
|
+
</span>
|
|
19
|
+
`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: XuiIconDirective, selector: "ng-icon[xui]", inputs: ["size"] }] });
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbEllipsisComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{
|
|
24
|
+
selector: 'xui-breadcrumb-ellipsis',
|
|
25
|
+
imports: [NgIcon, XuiIconDirective],
|
|
26
|
+
providers: [provideIcons({ matMoreHorizRound })],
|
|
27
|
+
template: `
|
|
28
|
+
<span role="presentation" aria-hidden="true" [class]="computedClass()">
|
|
29
|
+
<ng-icon xui size="sm" name="matMoreHorizRound" />
|
|
30
|
+
<span class="sr-only">More</span>
|
|
31
|
+
</span>
|
|
32
|
+
`
|
|
33
|
+
}]
|
|
34
|
+
}] });
|
|
35
|
+
|
|
36
|
+
class XuiBreadcrumbItemDirective {
|
|
37
|
+
class = input('');
|
|
38
|
+
active = input(false, { transform: booleanAttribute });
|
|
39
|
+
computedClass = computed(() => xui('inline-flex items-center gap-1.5', this.active() && '[&>*]:font-semibold', this.class()));
|
|
40
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
41
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.3", type: XuiBreadcrumbItemDirective, isStandalone: true, selector: "[xuiBreadcrumbItem]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
|
|
42
|
+
}
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbItemDirective, decorators: [{
|
|
44
|
+
type: Directive,
|
|
45
|
+
args: [{
|
|
46
|
+
selector: '[xuiBreadcrumbItem]',
|
|
47
|
+
host: {
|
|
48
|
+
'[class]': 'computedClass()'
|
|
49
|
+
}
|
|
50
|
+
}]
|
|
51
|
+
}] });
|
|
52
|
+
|
|
53
|
+
class XuiBreadcrumbLinkDirective {
|
|
54
|
+
class = input('');
|
|
55
|
+
link = input();
|
|
56
|
+
computedClass = computed(() => xui('transition-colors hover:text-foreground', this.class()));
|
|
57
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
58
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.3", type: XuiBreadcrumbLinkDirective, isStandalone: true, selector: "[xuiBreadcrumbLink]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, hostDirectives: [{ directive: i1.RouterLink, inputs: ["target", "target", "queryParams", "queryParams", "fragment", "fragment", "queryParamsHandling", "queryParamsHandling", "state", "state", "info", "info", "relativeTo", "relativeTo", "preserveFragment", "preserveFragment", "skipLocationChange", "skipLocationChange", "replaceUrl", "replaceUrl", "routerLink", "link"] }], ngImport: i0 });
|
|
59
|
+
}
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbLinkDirective, decorators: [{
|
|
61
|
+
type: Directive,
|
|
62
|
+
args: [{
|
|
63
|
+
selector: '[xuiBreadcrumbLink]',
|
|
64
|
+
hostDirectives: [
|
|
65
|
+
{
|
|
66
|
+
directive: RouterLink,
|
|
67
|
+
inputs: [
|
|
68
|
+
'target',
|
|
69
|
+
'queryParams',
|
|
70
|
+
'fragment',
|
|
71
|
+
'queryParamsHandling',
|
|
72
|
+
'state',
|
|
73
|
+
'info',
|
|
74
|
+
'relativeTo',
|
|
75
|
+
'preserveFragment',
|
|
76
|
+
'skipLocationChange',
|
|
77
|
+
'replaceUrl',
|
|
78
|
+
'routerLink: link'
|
|
79
|
+
]
|
|
80
|
+
}
|
|
81
|
+
],
|
|
82
|
+
host: {
|
|
83
|
+
'[class]': 'computedClass()'
|
|
84
|
+
}
|
|
85
|
+
}]
|
|
86
|
+
}] });
|
|
87
|
+
|
|
88
|
+
class XuiBreadcrumbListDirective {
|
|
89
|
+
class = input('');
|
|
90
|
+
computedClass = computed(() => xui('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', this.class()));
|
|
91
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
92
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.3", type: XuiBreadcrumbListDirective, isStandalone: true, selector: "[xuiBreadcrumbList]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
|
|
93
|
+
}
|
|
94
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbListDirective, decorators: [{
|
|
95
|
+
type: Directive,
|
|
96
|
+
args: [{
|
|
97
|
+
selector: '[xuiBreadcrumbList]',
|
|
98
|
+
host: {
|
|
99
|
+
'[class]': 'computedClass()'
|
|
100
|
+
}
|
|
101
|
+
}]
|
|
102
|
+
}] });
|
|
103
|
+
|
|
104
|
+
class XuiBreadcrumbPageDirective {
|
|
105
|
+
class = input('');
|
|
106
|
+
computedClass = computed(() => xui('font-normal text-foreground', this.class()));
|
|
107
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbPageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
108
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.3", type: XuiBreadcrumbPageDirective, isStandalone: true, selector: "[xuiBreadcrumbPage]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "link" }, properties: { "class": "computedClass()" } }, ngImport: i0 });
|
|
109
|
+
}
|
|
110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbPageDirective, decorators: [{
|
|
111
|
+
type: Directive,
|
|
112
|
+
args: [{
|
|
113
|
+
selector: '[xuiBreadcrumbPage]',
|
|
114
|
+
host: {
|
|
115
|
+
role: 'link',
|
|
116
|
+
'[class]': 'computedClass()'
|
|
117
|
+
// TODO
|
|
118
|
+
// '[attr.aria-disabled]': 'disabled',
|
|
119
|
+
// '[attr.aria-current]': 'page',
|
|
120
|
+
}
|
|
121
|
+
}]
|
|
122
|
+
}] });
|
|
123
|
+
|
|
124
|
+
class XuiBreadcrumbSeparatorComponent {
|
|
125
|
+
class = input('');
|
|
126
|
+
computedClass = computed(() => xui('flex items-center justify-center [&>ng-icon]:w-3.5 [&>ng-icon]:h-3.5 [&>ng-icon]:flex', this.class()));
|
|
127
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
128
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.3", type: XuiBreadcrumbSeparatorComponent, isStandalone: true, selector: "[xuiBreadcrumbSeparator]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "class": "computedClass()", "attr.aria-hidden": "true" } }, providers: [provideIcons({ matChevronRightRound })], ngImport: i0, template: `
|
|
129
|
+
<ng-content>
|
|
130
|
+
<ng-icon size="sm" xui name="matChevronRightRound" />
|
|
131
|
+
</ng-content>
|
|
132
|
+
`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: XuiIconDirective, selector: "ng-icon[xui]", inputs: ["size"] }] });
|
|
133
|
+
}
|
|
134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbSeparatorComponent, decorators: [{
|
|
135
|
+
type: Component,
|
|
136
|
+
args: [{
|
|
137
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
|
138
|
+
selector: '[xuiBreadcrumbSeparator]',
|
|
139
|
+
imports: [NgIcon, XuiIconDirective],
|
|
140
|
+
providers: [provideIcons({ matChevronRightRound })],
|
|
141
|
+
host: {
|
|
142
|
+
role: 'presentation',
|
|
143
|
+
'[class]': 'computedClass()',
|
|
144
|
+
'[attr.aria-hidden]': 'true'
|
|
145
|
+
},
|
|
146
|
+
template: `
|
|
147
|
+
<ng-content>
|
|
148
|
+
<ng-icon size="sm" xui name="matChevronRightRound" />
|
|
149
|
+
</ng-content>
|
|
150
|
+
`
|
|
151
|
+
}]
|
|
152
|
+
}] });
|
|
153
|
+
|
|
154
|
+
class XuiBreadcrumbDirective {
|
|
155
|
+
class = input('');
|
|
156
|
+
ariaLabel = input('breadcrumb', { alias: 'aria-label' });
|
|
157
|
+
computedClass = computed(() => xui('', this.class()));
|
|
158
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
159
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.3", type: XuiBreadcrumbDirective, isStandalone: true, selector: "[xuiBreadcrumb]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "navigation" }, properties: { "class": "computedClass()", "attr.aria-label": "ariaLabel()" } }, ngImport: i0 });
|
|
160
|
+
}
|
|
161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbDirective, decorators: [{
|
|
162
|
+
type: Directive,
|
|
163
|
+
args: [{
|
|
164
|
+
selector: '[xuiBreadcrumb]',
|
|
165
|
+
host: {
|
|
166
|
+
role: 'navigation',
|
|
167
|
+
'[class]': 'computedClass()',
|
|
168
|
+
'[attr.aria-label]': 'ariaLabel()'
|
|
169
|
+
}
|
|
170
|
+
}]
|
|
171
|
+
}] });
|
|
172
|
+
|
|
173
|
+
const XuiBreadcrumbImports = [
|
|
174
|
+
XuiBreadcrumbDirective,
|
|
175
|
+
XuiBreadcrumbEllipsisComponent,
|
|
176
|
+
XuiBreadcrumbItemDirective,
|
|
177
|
+
XuiBreadcrumbLinkDirective,
|
|
178
|
+
XuiBreadcrumbListDirective,
|
|
179
|
+
XuiBreadcrumbPageDirective,
|
|
180
|
+
XuiBreadcrumbSeparatorComponent
|
|
181
|
+
];
|
|
182
|
+
class XuiBreadcrumbModule {
|
|
183
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
184
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbModule, imports: [XuiBreadcrumbDirective,
|
|
185
|
+
XuiBreadcrumbEllipsisComponent,
|
|
186
|
+
XuiBreadcrumbItemDirective,
|
|
187
|
+
XuiBreadcrumbLinkDirective,
|
|
188
|
+
XuiBreadcrumbListDirective,
|
|
189
|
+
XuiBreadcrumbPageDirective,
|
|
190
|
+
XuiBreadcrumbSeparatorComponent], exports: [XuiBreadcrumbDirective,
|
|
191
|
+
XuiBreadcrumbEllipsisComponent,
|
|
192
|
+
XuiBreadcrumbItemDirective,
|
|
193
|
+
XuiBreadcrumbLinkDirective,
|
|
194
|
+
XuiBreadcrumbListDirective,
|
|
195
|
+
XuiBreadcrumbPageDirective,
|
|
196
|
+
XuiBreadcrumbSeparatorComponent] });
|
|
197
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbModule, imports: [XuiBreadcrumbEllipsisComponent,
|
|
198
|
+
XuiBreadcrumbSeparatorComponent] });
|
|
199
|
+
}
|
|
200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiBreadcrumbModule, decorators: [{
|
|
201
|
+
type: NgModule,
|
|
202
|
+
args: [{
|
|
203
|
+
imports: [...XuiBreadcrumbImports],
|
|
204
|
+
exports: [...XuiBreadcrumbImports]
|
|
205
|
+
}]
|
|
206
|
+
}] });
|
|
207
|
+
|
|
208
|
+
/**
|
|
209
|
+
* Generated bundle index. Do not edit.
|
|
210
|
+
*/
|
|
211
|
+
|
|
212
|
+
export { XuiBreadcrumbDirective, XuiBreadcrumbEllipsisComponent, XuiBreadcrumbImports, XuiBreadcrumbItemDirective, XuiBreadcrumbLinkDirective, XuiBreadcrumbListDirective, XuiBreadcrumbModule, XuiBreadcrumbPageDirective, XuiBreadcrumbSeparatorComponent };
|
|
213
|
+
//# sourceMappingURL=xui-breadcrumb.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"xui-breadcrumb.mjs","sources":["../../../../../../libs/ui/breadcrumb/xui/src/lib/breadcrumb-ellipsis.component.ts","../../../../../../libs/ui/breadcrumb/xui/src/lib/breadcrumb-item.directive.ts","../../../../../../libs/ui/breadcrumb/xui/src/lib/breadcrumb-link.directive.ts","../../../../../../libs/ui/breadcrumb/xui/src/lib/breadcrumb-list.directive.ts","../../../../../../libs/ui/breadcrumb/xui/src/lib/breadcrumb-page.directive.ts","../../../../../../libs/ui/breadcrumb/xui/src/lib/breadcrumb-separator.component.ts","../../../../../../libs/ui/breadcrumb/xui/src/lib/breadcrumb.directive.ts","../../../../../../libs/ui/breadcrumb/xui/src/index.ts","../../../../../../libs/ui/breadcrumb/xui/src/xui-breadcrumb.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { matMoreHorizRound } from '@ng-icons/material-icons/round';\nimport { xui } from '@xui/core';\nimport { XuiIconDirective } from '@xui/icon';\nimport type { ClassValue } from 'clsx';\n\n@Component({\n selector: 'xui-breadcrumb-ellipsis',\n imports: [NgIcon, XuiIconDirective],\n providers: [provideIcons({ matMoreHorizRound })],\n template: `\n <span role=\"presentation\" aria-hidden=\"true\" [class]=\"computedClass()\">\n <ng-icon xui size=\"sm\" name=\"matMoreHorizRound\" />\n <span class=\"sr-only\">More</span>\n </span>\n `\n})\nexport class XuiBreadcrumbEllipsisComponent {\n readonly class = input<ClassValue>('');\n protected readonly computedClass = computed(() => xui('flex items-center justify-center', this.class()));\n}\n","import { Directive, booleanAttribute, computed, input } from '@angular/core';\nimport { xui } from '@xui/core';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n selector: '[xuiBreadcrumbItem]',\n host: {\n '[class]': 'computedClass()'\n }\n})\nexport class XuiBreadcrumbItemDirective {\n readonly class = input<ClassValue>('');\n readonly active = input(false, { transform: booleanAttribute });\n\n protected readonly computedClass = computed(() =>\n xui('inline-flex items-center gap-1.5', this.active() && '[&>*]:font-semibold', this.class())\n );\n}\n","import { Directive, computed, input } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { xui } from '@xui/core';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n selector: '[xuiBreadcrumbLink]',\n hostDirectives: [\n {\n directive: RouterLink,\n inputs: [\n 'target',\n 'queryParams',\n 'fragment',\n 'queryParamsHandling',\n 'state',\n 'info',\n 'relativeTo',\n 'preserveFragment',\n 'skipLocationChange',\n 'replaceUrl',\n 'routerLink: link'\n ]\n }\n ],\n host: {\n '[class]': 'computedClass()'\n }\n})\nexport class XuiBreadcrumbLinkDirective {\n readonly class = input<ClassValue>('');\n readonly link = input<RouterLink['routerLink']>();\n\n protected readonly computedClass = computed(() => xui('transition-colors hover:text-foreground', this.class()));\n}\n","import { Directive, computed, input } from '@angular/core';\nimport { xui } from '@xui/core';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n selector: '[xuiBreadcrumbList]',\n host: {\n '[class]': 'computedClass()'\n }\n})\nexport class XuiBreadcrumbListDirective {\n readonly class = input<ClassValue>('');\n\n protected readonly computedClass = computed(() =>\n xui('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', this.class())\n );\n}\n","import { Directive, computed, input } from '@angular/core';\nimport { xui } from '@xui/core';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n selector: '[xuiBreadcrumbPage]',\n host: {\n role: 'link',\n '[class]': 'computedClass()'\n // TODO\n // '[attr.aria-disabled]': 'disabled',\n // '[attr.aria-current]': 'page',\n }\n})\nexport class XuiBreadcrumbPageDirective {\n readonly class = input<ClassValue>('');\n\n protected readonly computedClass = computed(() => xui('font-normal text-foreground', this.class()));\n}\n","import { Component, computed, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { matChevronRightRound } from '@ng-icons/material-icons/round';\nimport { xui } from '@xui/core';\nimport { XuiIconDirective } from '@xui/icon';\nimport type { ClassValue } from 'clsx';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[xuiBreadcrumbSeparator]',\n imports: [NgIcon, XuiIconDirective],\n providers: [provideIcons({ matChevronRightRound })],\n host: {\n role: 'presentation',\n '[class]': 'computedClass()',\n '[attr.aria-hidden]': 'true'\n },\n template: `\n <ng-content>\n <ng-icon size=\"sm\" xui name=\"matChevronRightRound\" />\n </ng-content>\n `\n})\nexport class XuiBreadcrumbSeparatorComponent {\n readonly class = input<ClassValue>('');\n\n protected readonly computedClass = computed(() =>\n xui('flex items-center justify-center [&>ng-icon]:w-3.5 [&>ng-icon]:h-3.5 [&>ng-icon]:flex', this.class())\n );\n}\n","import { Directive, computed, input } from '@angular/core';\nimport { xui } from '@xui/core';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n selector: '[xuiBreadcrumb]',\n host: {\n role: 'navigation',\n '[class]': 'computedClass()',\n '[attr.aria-label]': 'ariaLabel()'\n }\n})\nexport class XuiBreadcrumbDirective {\n readonly class = input<ClassValue>('');\n readonly ariaLabel = input<string>('breadcrumb', { alias: 'aria-label' });\n\n protected readonly computedClass = computed(() => xui('', this.class()));\n}\n","import { NgModule } from '@angular/core';\nimport { XuiBreadcrumbEllipsisComponent } from './lib/breadcrumb-ellipsis.component';\nimport { XuiBreadcrumbItemDirective } from './lib/breadcrumb-item.directive';\nimport { XuiBreadcrumbLinkDirective } from './lib/breadcrumb-link.directive';\nimport { XuiBreadcrumbListDirective } from './lib/breadcrumb-list.directive';\nimport { XuiBreadcrumbPageDirective } from './lib/breadcrumb-page.directive';\nimport { XuiBreadcrumbSeparatorComponent } from './lib/breadcrumb-separator.component';\nimport { XuiBreadcrumbDirective } from './lib/breadcrumb.directive';\n\nexport * from './lib/breadcrumb-ellipsis.component';\nexport * from './lib/breadcrumb-item.directive';\nexport * from './lib/breadcrumb-link.directive';\nexport * from './lib/breadcrumb-list.directive';\nexport * from './lib/breadcrumb-page.directive';\nexport * from './lib/breadcrumb-separator.component';\nexport * from './lib/breadcrumb.directive';\n\nexport const XuiBreadcrumbImports = [\n XuiBreadcrumbDirective,\n XuiBreadcrumbEllipsisComponent,\n XuiBreadcrumbItemDirective,\n XuiBreadcrumbLinkDirective,\n XuiBreadcrumbListDirective,\n XuiBreadcrumbPageDirective,\n XuiBreadcrumbSeparatorComponent\n] as const;\n\n@NgModule({\n imports: [...XuiBreadcrumbImports],\n exports: [...XuiBreadcrumbImports]\n})\nexport class XuiBreadcrumbModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { XuiBreadcrumbEllipsisComponent } from './lib/breadcrumb-ellipsis.component';
|
|
2
|
+
import { XuiBreadcrumbItemDirective } from './lib/breadcrumb-item.directive';
|
|
3
|
+
import { XuiBreadcrumbLinkDirective } from './lib/breadcrumb-link.directive';
|
|
4
|
+
import { XuiBreadcrumbListDirective } from './lib/breadcrumb-list.directive';
|
|
5
|
+
import { XuiBreadcrumbPageDirective } from './lib/breadcrumb-page.directive';
|
|
6
|
+
import { XuiBreadcrumbSeparatorComponent } from './lib/breadcrumb-separator.component';
|
|
7
|
+
import { XuiBreadcrumbDirective } from './lib/breadcrumb.directive';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "./lib/breadcrumb.directive";
|
|
10
|
+
import * as i2 from "./lib/breadcrumb-ellipsis.component";
|
|
11
|
+
import * as i3 from "./lib/breadcrumb-item.directive";
|
|
12
|
+
import * as i4 from "./lib/breadcrumb-link.directive";
|
|
13
|
+
import * as i5 from "./lib/breadcrumb-list.directive";
|
|
14
|
+
import * as i6 from "./lib/breadcrumb-page.directive";
|
|
15
|
+
import * as i7 from "./lib/breadcrumb-separator.component";
|
|
16
|
+
export * from './lib/breadcrumb-ellipsis.component';
|
|
17
|
+
export * from './lib/breadcrumb-item.directive';
|
|
18
|
+
export * from './lib/breadcrumb-link.directive';
|
|
19
|
+
export * from './lib/breadcrumb-list.directive';
|
|
20
|
+
export * from './lib/breadcrumb-page.directive';
|
|
21
|
+
export * from './lib/breadcrumb-separator.component';
|
|
22
|
+
export * from './lib/breadcrumb.directive';
|
|
23
|
+
export declare const XuiBreadcrumbImports: readonly [typeof XuiBreadcrumbDirective, typeof XuiBreadcrumbEllipsisComponent, typeof XuiBreadcrumbItemDirective, typeof XuiBreadcrumbLinkDirective, typeof XuiBreadcrumbListDirective, typeof XuiBreadcrumbPageDirective, typeof XuiBreadcrumbSeparatorComponent];
|
|
24
|
+
export declare class XuiBreadcrumbModule {
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<XuiBreadcrumbModule, never>;
|
|
26
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<XuiBreadcrumbModule, never, [typeof i1.XuiBreadcrumbDirective, typeof i2.XuiBreadcrumbEllipsisComponent, typeof i3.XuiBreadcrumbItemDirective, typeof i4.XuiBreadcrumbLinkDirective, typeof i5.XuiBreadcrumbListDirective, typeof i6.XuiBreadcrumbPageDirective, typeof i7.XuiBreadcrumbSeparatorComponent], [typeof i1.XuiBreadcrumbDirective, typeof i2.XuiBreadcrumbEllipsisComponent, typeof i3.XuiBreadcrumbItemDirective, typeof i4.XuiBreadcrumbLinkDirective, typeof i5.XuiBreadcrumbListDirective, typeof i6.XuiBreadcrumbPageDirective, typeof i7.XuiBreadcrumbSeparatorComponent]>;
|
|
27
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<XuiBreadcrumbModule>;
|
|
28
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ClassValue } from 'clsx';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class XuiBreadcrumbEllipsisComponent {
|
|
4
|
+
readonly class: import("@angular/core").InputSignal<ClassValue>;
|
|
5
|
+
protected readonly computedClass: import("@angular/core").Signal<string>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<XuiBreadcrumbEllipsisComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<XuiBreadcrumbEllipsisComponent, "xui-breadcrumb-ellipsis", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ClassValue } from 'clsx';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class XuiBreadcrumbItemDirective {
|
|
4
|
+
readonly class: import("@angular/core").InputSignal<ClassValue>;
|
|
5
|
+
readonly active: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
6
|
+
protected readonly computedClass: import("@angular/core").Signal<string>;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<XuiBreadcrumbItemDirective, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<XuiBreadcrumbItemDirective, "[xuiBreadcrumbItem]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ClassValue } from 'clsx';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/router";
|
|
4
|
+
export declare class XuiBreadcrumbLinkDirective {
|
|
5
|
+
readonly class: import("@angular/core").InputSignal<ClassValue>;
|
|
6
|
+
readonly link: import("@angular/core").InputSignal<string | any[] | import("@angular/router").UrlTree | null | undefined>;
|
|
7
|
+
protected readonly computedClass: import("@angular/core").Signal<string>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<XuiBreadcrumbLinkDirective, never>;
|
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<XuiBreadcrumbLinkDirective, "[xuiBreadcrumbLink]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RouterLink; inputs: { "target": "target"; "queryParams": "queryParams"; "fragment": "fragment"; "queryParamsHandling": "queryParamsHandling"; "state": "state"; "info": "info"; "relativeTo": "relativeTo"; "preserveFragment": "preserveFragment"; "skipLocationChange": "skipLocationChange"; "replaceUrl": "replaceUrl"; "routerLink": "link"; }; outputs: {}; }]>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ClassValue } from 'clsx';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class XuiBreadcrumbListDirective {
|
|
4
|
+
readonly class: import("@angular/core").InputSignal<ClassValue>;
|
|
5
|
+
protected readonly computedClass: import("@angular/core").Signal<string>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<XuiBreadcrumbListDirective, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<XuiBreadcrumbListDirective, "[xuiBreadcrumbList]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ClassValue } from 'clsx';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class XuiBreadcrumbPageDirective {
|
|
4
|
+
readonly class: import("@angular/core").InputSignal<ClassValue>;
|
|
5
|
+
protected readonly computedClass: import("@angular/core").Signal<string>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<XuiBreadcrumbPageDirective, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<XuiBreadcrumbPageDirective, "[xuiBreadcrumbPage]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ClassValue } from 'clsx';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class XuiBreadcrumbSeparatorComponent {
|
|
4
|
+
readonly class: import("@angular/core").InputSignal<ClassValue>;
|
|
5
|
+
protected readonly computedClass: import("@angular/core").Signal<string>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<XuiBreadcrumbSeparatorComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<XuiBreadcrumbSeparatorComponent, "[xuiBreadcrumbSeparator]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ClassValue } from 'clsx';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class XuiBreadcrumbDirective {
|
|
4
|
+
readonly class: import("@angular/core").InputSignal<ClassValue>;
|
|
5
|
+
readonly ariaLabel: import("@angular/core").InputSignal<string>;
|
|
6
|
+
protected readonly computedClass: import("@angular/core").Signal<string>;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<XuiBreadcrumbDirective, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<XuiBreadcrumbDirective, "[xuiBreadcrumb]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
9
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@xui/breadcrumb",
|
|
3
|
+
"version": "2.0.0-alpha.0",
|
|
4
|
+
"sideEffects": false,
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"access": "public"
|
|
7
|
+
},
|
|
8
|
+
"peerDependencies": {
|
|
9
|
+
"@angular/core": "19",
|
|
10
|
+
"@angular/router": "19",
|
|
11
|
+
"@ng-icons/core": "^31.1.0",
|
|
12
|
+
"@ng-icons/material-icons": "^31.2.0",
|
|
13
|
+
"@xui/core": "2",
|
|
14
|
+
"@xui/icon": "2",
|
|
15
|
+
"clsx": "^2.1.1"
|
|
16
|
+
},
|
|
17
|
+
"module": "fesm2022/xui-breadcrumb.mjs",
|
|
18
|
+
"typings": "index.d.ts",
|
|
19
|
+
"exports": {
|
|
20
|
+
"./package.json": {
|
|
21
|
+
"default": "./package.json"
|
|
22
|
+
},
|
|
23
|
+
".": {
|
|
24
|
+
"types": "./index.d.ts",
|
|
25
|
+
"default": "./fesm2022/xui-breadcrumb.mjs"
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
"dependencies": {
|
|
29
|
+
"tslib": "^2.3.0"
|
|
30
|
+
}
|
|
31
|
+
}
|