@alfresco/adf-core 8.4.0-18311588280 → 8.4.0-18345253376
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/fesm2022/adf-core.mjs
CHANGED
|
@@ -26601,11 +26601,11 @@ class DynamicChipListComponent {
|
|
|
26601
26601
|
}
|
|
26602
26602
|
}
|
|
26603
26603
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DynamicChipListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26604
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DynamicChipListComponent, isStandalone: true, selector: "adf-dynamic-chip-list", inputs: { pagination: "pagination", chips: "chips", showDelete: "showDelete", disableDelete: "disableDelete", limitChipsDisplayed: "limitChipsDisplayed", roundUpChips: "roundUpChips" }, outputs: { displayNext: "displayNext", removedChip: "removedChip" }, viewQueries: [{ propertyName: "containerView", first: true, predicate: ["nodeListContainer"], descendants: true }, { propertyName: "matChips", predicate: MatChip, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"adf-dynamic-chip-list-container\"\n [class.adf-dynamic-chip-list-flex-column]=\"limitChipsDisplayed && (!calculationsDone || columnFlexDirection)\"\n [class.adf-dynamic-chip-list-button-in-next-line]=\"moveLoadMoreButtonToNextRow\"\n [class.adf-dynamic-chip-list-paginated]=\"paginationData\"\n #nodeListContainer>\n <mat-chip-set\n [class.adf-dynamic-chip-list-full-width]=\"limitChipsDisplayed && !calculationsDone\"\n role=\"
|
|
26604
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DynamicChipListComponent, isStandalone: true, selector: "adf-dynamic-chip-list", inputs: { pagination: "pagination", chips: "chips", showDelete: "showDelete", disableDelete: "disableDelete", limitChipsDisplayed: "limitChipsDisplayed", roundUpChips: "roundUpChips" }, outputs: { displayNext: "displayNext", removedChip: "removedChip" }, viewQueries: [{ propertyName: "containerView", first: true, predicate: ["nodeListContainer"], descendants: true }, { propertyName: "matChips", predicate: MatChip, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"adf-dynamic-chip-list-container\"\n [class.adf-dynamic-chip-list-flex-column]=\"limitChipsDisplayed && (!calculationsDone || columnFlexDirection)\"\n [class.adf-dynamic-chip-list-button-in-next-line]=\"moveLoadMoreButtonToNextRow\"\n [class.adf-dynamic-chip-list-paginated]=\"paginationData\"\n #nodeListContainer>\n <mat-chip-set\n [class.adf-dynamic-chip-list-full-width]=\"limitChipsDisplayed && !calculationsDone\"\n role=\"list\"\n [attr.aria-label]=\"'METADATA.BASIC.TAGS' | translate\">\n <mat-chip\n *ngFor=\"let chip of chipsToDisplay; let idx = index\"\n class=\"adf-dynamic-chip-list-chip\"\n [style.border-radius]=\"roundUpChips ? '20px' : '10px'\"\n [style.font-weight]=\"'bold'\"\n role=\"listitem\"\n tabIndex=\"0\"\n [attr.aria-label]=\"chip.name\"\n (removed)=\"removedChip.emit(chip.id)\">\n <span id=\"adf-dynamic-chip-list-chip-name-{{ idx }}\">{{ chip.name }}</span>\n <mat-icon *ngIf=\"showDelete\"\n id=\"adf-dynamic-chip-list-delete-{{ chip.name }}\"\n class=\"adf-dynamic-chip-list-delete-icon\"\n [disabled]=\"disableDelete\"\n matChipRemove>\n close\n </mat-icon>\n </mat-chip>\n </mat-chip-set>\n <button\n data-automation-id=\"adf-dynamic-chip-list-view-more-button\"\n mat-button\n [hidden]=\"chipsToDisplay?.length === 0 || !limitChipsDisplayed\"\n [style.left.px]=\"viewMoreButtonLeftOffset\"\n [style.top.px]=\"!!pagination ? viewMoreButtonTop : ''\"\n class=\"adf-dynamic-chip-list-view-more-button\"\n [class.adf-dynamic-chip-list-hidden-btn]=\"!calculationsDone\"\n (click)=\"displayNextChips($event)\">\n {{\n paginationData ? ('DYNAMIC_CHIP_LIST.LOAD_MORE' | translate) :\n ('TAG_NODE_LIST.VIEW_MORE' | translate: { count: undisplayedChipsCount })\n }}\n </button>\n</div>\n", styles: [".adf-dynamic-chip-list-container{display:flex;flex-direction:row;width:inherit;padding-top:12px;padding-bottom:12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button{margin-left:5px;position:absolute;padding:0 16px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button[hidden]{visibility:hidden}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column{flex-direction:column}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column .adf-dynamic-chip-list-view-more-button{position:relative}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-paginated .adf-dynamic-chip-list-view-more-button{margin-left:24px}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-button-in-next-line{align-items:unset;padding-bottom:54px}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated){align-items:center}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated):not(.adf-dynamic-chip-list-flex-column) .adf-dynamic-chip-list-view-more-button{margin-left:4px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-full-width{width:100%}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-hidden-btn{visibility:hidden}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip{word-break:break-word;margin-top:0;margin-bottom:0;padding:6px 11px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action{padding:2px 12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action .mdc-evolution-chip__text-label{color:var(--adf-theme-foreground-text-color-054)}\n"], dependencies: [{ kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i8.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
26605
26605
|
}
|
|
26606
26606
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DynamicChipListComponent, decorators: [{
|
|
26607
26607
|
type: Component,
|
|
26608
|
-
args: [{ selector: 'adf-dynamic-chip-list', imports: [MatChipsModule, TranslatePipe, NgForOf, MatIconModule, NgIf, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"adf-dynamic-chip-list-container\"\n [class.adf-dynamic-chip-list-flex-column]=\"limitChipsDisplayed && (!calculationsDone || columnFlexDirection)\"\n [class.adf-dynamic-chip-list-button-in-next-line]=\"moveLoadMoreButtonToNextRow\"\n [class.adf-dynamic-chip-list-paginated]=\"paginationData\"\n #nodeListContainer>\n <mat-chip-set\n [class.adf-dynamic-chip-list-full-width]=\"limitChipsDisplayed && !calculationsDone\"\n role=\"
|
|
26608
|
+
args: [{ selector: 'adf-dynamic-chip-list', imports: [MatChipsModule, TranslatePipe, NgForOf, MatIconModule, NgIf, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"adf-dynamic-chip-list-container\"\n [class.adf-dynamic-chip-list-flex-column]=\"limitChipsDisplayed && (!calculationsDone || columnFlexDirection)\"\n [class.adf-dynamic-chip-list-button-in-next-line]=\"moveLoadMoreButtonToNextRow\"\n [class.adf-dynamic-chip-list-paginated]=\"paginationData\"\n #nodeListContainer>\n <mat-chip-set\n [class.adf-dynamic-chip-list-full-width]=\"limitChipsDisplayed && !calculationsDone\"\n role=\"list\"\n [attr.aria-label]=\"'METADATA.BASIC.TAGS' | translate\">\n <mat-chip\n *ngFor=\"let chip of chipsToDisplay; let idx = index\"\n class=\"adf-dynamic-chip-list-chip\"\n [style.border-radius]=\"roundUpChips ? '20px' : '10px'\"\n [style.font-weight]=\"'bold'\"\n role=\"listitem\"\n tabIndex=\"0\"\n [attr.aria-label]=\"chip.name\"\n (removed)=\"removedChip.emit(chip.id)\">\n <span id=\"adf-dynamic-chip-list-chip-name-{{ idx }}\">{{ chip.name }}</span>\n <mat-icon *ngIf=\"showDelete\"\n id=\"adf-dynamic-chip-list-delete-{{ chip.name }}\"\n class=\"adf-dynamic-chip-list-delete-icon\"\n [disabled]=\"disableDelete\"\n matChipRemove>\n close\n </mat-icon>\n </mat-chip>\n </mat-chip-set>\n <button\n data-automation-id=\"adf-dynamic-chip-list-view-more-button\"\n mat-button\n [hidden]=\"chipsToDisplay?.length === 0 || !limitChipsDisplayed\"\n [style.left.px]=\"viewMoreButtonLeftOffset\"\n [style.top.px]=\"!!pagination ? viewMoreButtonTop : ''\"\n class=\"adf-dynamic-chip-list-view-more-button\"\n [class.adf-dynamic-chip-list-hidden-btn]=\"!calculationsDone\"\n (click)=\"displayNextChips($event)\">\n {{\n paginationData ? ('DYNAMIC_CHIP_LIST.LOAD_MORE' | translate) :\n ('TAG_NODE_LIST.VIEW_MORE' | translate: { count: undisplayedChipsCount })\n }}\n </button>\n</div>\n", styles: [".adf-dynamic-chip-list-container{display:flex;flex-direction:row;width:inherit;padding-top:12px;padding-bottom:12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button{margin-left:5px;position:absolute;padding:0 16px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button[hidden]{visibility:hidden}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column{flex-direction:column}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column .adf-dynamic-chip-list-view-more-button{position:relative}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-paginated .adf-dynamic-chip-list-view-more-button{margin-left:24px}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-button-in-next-line{align-items:unset;padding-bottom:54px}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated){align-items:center}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated):not(.adf-dynamic-chip-list-flex-column) .adf-dynamic-chip-list-view-more-button{margin-left:4px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-full-width{width:100%}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-hidden-btn{visibility:hidden}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip{word-break:break-word;margin-top:0;margin-bottom:0;padding:6px 11px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action{padding:2px 12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action .mdc-evolution-chip__text-label{color:var(--adf-theme-foreground-text-color-054)}\n"] }]
|
|
26609
26609
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { pagination: [{
|
|
26610
26610
|
type: Input
|
|
26611
26611
|
}], chips: [{
|