@n-isi-platform/design-system 1.0.21 → 1.0.22
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.
|
@@ -2681,7 +2681,7 @@ class FilterHeaderComponent {
|
|
|
2681
2681
|
filterItems = [];
|
|
2682
2682
|
constructor() { }
|
|
2683
2683
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FilterHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2684
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FilterHeaderComponent, isStandalone: true, selector: "app-filter-header", inputs: { filterItems: "filterItems" }, ngImport: i0, template: "<!-- app.component.html -->\r\n\r\n<p-menubar class=\"accordion_menubar \">\r\n <ng-template pTemplate=\"start\">\r\n <div class=\"filter-chips\" >\r\n <p-chip\r\n *ngFor=\"let item of filterItems\"\r\n [label]=\"item\"\r\n styleClass=\"filter-chip\">\r\n </p-chip>\r\n </div>\r\n </ng-template>\r\n</p-menubar>\r\n", styles: [".accordion_menubar{
|
|
2684
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FilterHeaderComponent, isStandalone: true, selector: "app-filter-header", inputs: { filterItems: "filterItems" }, ngImport: i0, template: "<!-- app.component.html -->\r\n\r\n<p-menubar class=\"accordion_menubar \">\r\n <ng-template pTemplate=\"start\">\r\n <div class=\"filter-chips\" >\r\n <p-chip\r\n *ngFor=\"let item of filterItems\"\r\n [label]=\"item\"\r\n styleClass=\"filter-chip\">\r\n </p-chip>\r\n </div>\r\n </ng-template>\r\n</p-menubar>\r\n", styles: [".accordion_menubar{width:100%}.accordion_menubar .filter-chips{display:flex;gap:.5rem;flex-wrap:wrap}.accordion_menubar .filter-chip{font-size:1rem;padding:.4rem 1rem}@media (max-width: 1024px){.accordion_menubar .filter-chips{gap:.3rem;justify-content:center}.accordion_menubar .filter-chip{font-size:.95rem;padding:.35rem .9rem}}@media (max-width: 600px){.accordion_menubar .filter-chips{flex-direction:column;gap:.25rem;align-items:stretch}.accordion_menubar .filter-chip{font-size:.9rem;padding:.3rem .7rem;width:100%}}@media screen and (min-width: 768px){.filter-accordion .date_fields{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1200px){.filter-accordion .date_fields{grid-template-columns:repeat(4,1fr)}.filter-accordion .grid_container{grid-template-columns:repeat(3,1fr)}}:host ::ng-deep .filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}:host ::ng-deep .filter-chips .p-chip{background:#f0f0f0;padding:.5rem}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon{color:#666;margin-left:.5rem;cursor:pointer}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon:hover{color:#333}:host ::ng-deep .filter-chips .p-chip .filter-value{margin-left:.5rem;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MenubarModule }, { kind: "component", type: i2$3.Menubar, selector: "p-menubar", inputs: ["model", "style", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "breakpoint", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i4$1.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "style", "styleClass", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }] });
|
|
2685
2685
|
}
|
|
2686
2686
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FilterHeaderComponent, decorators: [{
|
|
2687
2687
|
type: Component,
|
|
@@ -2692,7 +2692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
2692
2692
|
CommonModule,
|
|
2693
2693
|
MenubarModule,
|
|
2694
2694
|
ChipModule,
|
|
2695
|
-
], template: "<!-- app.component.html -->\r\n\r\n<p-menubar class=\"accordion_menubar \">\r\n <ng-template pTemplate=\"start\">\r\n <div class=\"filter-chips\" >\r\n <p-chip\r\n *ngFor=\"let item of filterItems\"\r\n [label]=\"item\"\r\n styleClass=\"filter-chip\">\r\n </p-chip>\r\n </div>\r\n </ng-template>\r\n</p-menubar>\r\n", styles: [".accordion_menubar{
|
|
2695
|
+
], template: "<!-- app.component.html -->\r\n\r\n<p-menubar class=\"accordion_menubar \">\r\n <ng-template pTemplate=\"start\">\r\n <div class=\"filter-chips\" >\r\n <p-chip\r\n *ngFor=\"let item of filterItems\"\r\n [label]=\"item\"\r\n styleClass=\"filter-chip\">\r\n </p-chip>\r\n </div>\r\n </ng-template>\r\n</p-menubar>\r\n", styles: [".accordion_menubar{width:100%}.accordion_menubar .filter-chips{display:flex;gap:.5rem;flex-wrap:wrap}.accordion_menubar .filter-chip{font-size:1rem;padding:.4rem 1rem}@media (max-width: 1024px){.accordion_menubar .filter-chips{gap:.3rem;justify-content:center}.accordion_menubar .filter-chip{font-size:.95rem;padding:.35rem .9rem}}@media (max-width: 600px){.accordion_menubar .filter-chips{flex-direction:column;gap:.25rem;align-items:stretch}.accordion_menubar .filter-chip{font-size:.9rem;padding:.3rem .7rem;width:100%}}@media screen and (min-width: 768px){.filter-accordion .date_fields{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1200px){.filter-accordion .date_fields{grid-template-columns:repeat(4,1fr)}.filter-accordion .grid_container{grid-template-columns:repeat(3,1fr)}}:host ::ng-deep .filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}:host ::ng-deep .filter-chips .p-chip{background:#f0f0f0;padding:.5rem}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon{color:#666;margin-left:.5rem;cursor:pointer}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon:hover{color:#333}:host ::ng-deep .filter-chips .p-chip .filter-value{margin-left:.5rem;font-weight:500}\n"] }]
|
|
2696
2696
|
}], ctorParameters: () => [], propDecorators: { filterItems: [{
|
|
2697
2697
|
type: Input
|
|
2698
2698
|
}] } });
|