tickera-angular-components 0.0.1-dev.90 → 0.0.1-dev.92
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.
|
@@ -4528,15 +4528,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
4528
4528
|
}] });
|
|
4529
4529
|
|
|
4530
4530
|
class AppBreadcumbComponent {
|
|
4531
|
+
homeUrl = undefined;
|
|
4531
4532
|
steps = [];
|
|
4532
4533
|
theme = 'light';
|
|
4533
4534
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AppBreadcumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4534
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: AppBreadcumbComponent, isStandalone: true, selector: "app-breadcrumb", inputs: { steps: "steps", theme: "theme" }, ngImport: i0, template: "<div class=\"breadcrumb\" [class.breadcrumb--dark]=\"theme === 'dark'\">\n <nav class=\"breadcrumb__nav\" aria-label=\"Breadcrumb\">\n <ol class=\"breadcrumb__list\">\n <li class=\"breadcrumb__item\">\n <a href=\"/\" class=\"breadcrumb__link\"> <i class=\"ri-home-2-line\"></i> Inicio </a>\n </li>\n\n @for (step of steps; track step.label) {\n <li class=\"breadcrumb__item\">\n <i class=\"ri-arrow-right-s-line breadcrumb__separator\"></i>\n\n @if (!!step.href) {\n <a [href]=\"step.href\" class=\"breadcrumb__link\">\n @if (step.icon; as icon) {\n <i [class]=\"icon\"></i>\n }\n\n {{ step.label }}\n </a>\n } @else {\n <span class=\"breadcrumb__current\">\n @if (step.icon; as icon) {\n <i [class]=\"icon\"></i>\n }\n\n {{ step.label }}\n </span>\n }\n </li>\n }\n </ol>\n </nav>\n</div>\n", styles: [".breadcrumb{
|
|
4535
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: AppBreadcumbComponent, isStandalone: true, selector: "app-breadcrumb", inputs: { homeUrl: "homeUrl", steps: "steps", theme: "theme" }, ngImport: i0, template: "<div class=\"breadcrumb\" [class.breadcrumb--dark]=\"theme === 'dark'\">\n <nav class=\"breadcrumb__nav\" aria-label=\"Breadcrumb\">\n <ol class=\"breadcrumb__list\">\n <li class=\"breadcrumb__item\">\n @if (!!homeUrl) {\n <a href=\"/\" class=\"breadcrumb__link\"> <i class=\"ri-home-2-line\"></i> Inicio </a>\n } @else {\n <span class=\"breadcrumb__link\"><i class=\"ri-home-2-line\"></i> Inicio</span>\n }\n </li>\n\n @for (step of steps; track step.label) {\n <li class=\"breadcrumb__item\">\n <i class=\"ri-arrow-right-s-line breadcrumb__separator\"></i>\n\n @if (!!step.href) {\n <a [href]=\"step.href\" class=\"breadcrumb__link\">\n @if (step.icon; as icon) {\n <i [class]=\"icon\"></i>\n }\n\n {{ step.label }}\n </a>\n } @else {\n <span class=\"breadcrumb__current\">\n @if (step.icon; as icon) {\n <i [class]=\"icon\"></i>\n }\n\n {{ step.label }}\n </span>\n }\n </li>\n }\n </ol>\n </nav>\n</div>\n", styles: [".breadcrumb{align-items:center;display:flex;padding:0 1rem;width:100%}.breadcrumb__nav{display:flex;width:100%;max-width:80rem;margin:0 auto}.breadcrumb__list{display:inline-flex;align-items:center;gap:.25rem}@media(min-width:768px){.breadcrumb__list{gap:.5rem}}.breadcrumb__item{display:inline-flex;align-items:center;gap:.375rem}.breadcrumb__link,.breadcrumb__current{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500}.breadcrumb__link{gap:.5rem;color:#374151}.breadcrumb__link:hover{color:#4f46e5}.breadcrumb__current{color:#6b7280}.breadcrumb--dark .breadcrumb__link{color:#f3f4f6}.breadcrumb--dark .breadcrumb__current{color:#d1d5db}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None });
|
|
4535
4536
|
}
|
|
4536
4537
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AppBreadcumbComponent, decorators: [{
|
|
4537
4538
|
type: Component,
|
|
4538
|
-
args: [{ selector: 'app-breadcrumb', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"breadcrumb\" [class.breadcrumb--dark]=\"theme === 'dark'\">\n <nav class=\"breadcrumb__nav\" aria-label=\"Breadcrumb\">\n <ol class=\"breadcrumb__list\">\n <li class=\"breadcrumb__item\">\n <a href=\"/\" class=\"breadcrumb__link\"> <i class=\"ri-home-2-line\"></i> Inicio </a>\n </li>\n\n @for (step of steps; track step.label) {\n <li class=\"breadcrumb__item\">\n <i class=\"ri-arrow-right-s-line breadcrumb__separator\"></i>\n\n @if (!!step.href) {\n <a [href]=\"step.href\" class=\"breadcrumb__link\">\n @if (step.icon; as icon) {\n <i [class]=\"icon\"></i>\n }\n\n {{ step.label }}\n </a>\n } @else {\n <span class=\"breadcrumb__current\">\n @if (step.icon; as icon) {\n <i [class]=\"icon\"></i>\n }\n\n {{ step.label }}\n </span>\n }\n </li>\n }\n </ol>\n </nav>\n</div>\n", styles: [".breadcrumb{
|
|
4539
|
-
}], propDecorators: {
|
|
4539
|
+
args: [{ selector: 'app-breadcrumb', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"breadcrumb\" [class.breadcrumb--dark]=\"theme === 'dark'\">\n <nav class=\"breadcrumb__nav\" aria-label=\"Breadcrumb\">\n <ol class=\"breadcrumb__list\">\n <li class=\"breadcrumb__item\">\n @if (!!homeUrl) {\n <a href=\"/\" class=\"breadcrumb__link\"> <i class=\"ri-home-2-line\"></i> Inicio </a>\n } @else {\n <span class=\"breadcrumb__link\"><i class=\"ri-home-2-line\"></i> Inicio</span>\n }\n </li>\n\n @for (step of steps; track step.label) {\n <li class=\"breadcrumb__item\">\n <i class=\"ri-arrow-right-s-line breadcrumb__separator\"></i>\n\n @if (!!step.href) {\n <a [href]=\"step.href\" class=\"breadcrumb__link\">\n @if (step.icon; as icon) {\n <i [class]=\"icon\"></i>\n }\n\n {{ step.label }}\n </a>\n } @else {\n <span class=\"breadcrumb__current\">\n @if (step.icon; as icon) {\n <i [class]=\"icon\"></i>\n }\n\n {{ step.label }}\n </span>\n }\n </li>\n }\n </ol>\n </nav>\n</div>\n", styles: [".breadcrumb{align-items:center;display:flex;padding:0 1rem;width:100%}.breadcrumb__nav{display:flex;width:100%;max-width:80rem;margin:0 auto}.breadcrumb__list{display:inline-flex;align-items:center;gap:.25rem}@media(min-width:768px){.breadcrumb__list{gap:.5rem}}.breadcrumb__item{display:inline-flex;align-items:center;gap:.375rem}.breadcrumb__link,.breadcrumb__current{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500}.breadcrumb__link{gap:.5rem;color:#374151}.breadcrumb__link:hover{color:#4f46e5}.breadcrumb__current{color:#6b7280}.breadcrumb--dark .breadcrumb__link{color:#f3f4f6}.breadcrumb--dark .breadcrumb__current{color:#d1d5db}\n"] }]
|
|
4540
|
+
}], propDecorators: { homeUrl: [{
|
|
4541
|
+
type: Input
|
|
4542
|
+
}], steps: [{
|
|
4540
4543
|
type: Input
|
|
4541
4544
|
}], theme: [{
|
|
4542
4545
|
type: Input
|