tickera-angular-components 0.0.1-dev.194 → 0.0.1-dev.195
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.
|
@@ -5862,11 +5862,11 @@ class AppBreadcumbComponent {
|
|
|
5862
5862
|
steps = [];
|
|
5863
5863
|
theme = 'light';
|
|
5864
5864
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AppBreadcumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5865
|
-
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=\"
|
|
5865
|
+
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]=\"homeUrl\" 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 });
|
|
5866
5866
|
}
|
|
5867
5867
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AppBreadcumbComponent, decorators: [{
|
|
5868
5868
|
type: Component,
|
|
5869
|
-
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=\"
|
|
5869
|
+
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]=\"homeUrl\" 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"] }]
|
|
5870
5870
|
}], propDecorators: { homeUrl: [{
|
|
5871
5871
|
type: Input
|
|
5872
5872
|
}], steps: [{
|