@alfresco/adf-content-services 8.4.0-18526997709 → 8.4.0-18553153862
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.
|
@@ -660,8 +660,8 @@
|
|
|
660
660
|
},
|
|
661
661
|
"BREADCRUMB": {
|
|
662
662
|
"ARIA-LABEL": {
|
|
663
|
-
"BREADCRUMB": "Breadcrumb",
|
|
664
|
-
"DROPDOWN": "
|
|
663
|
+
"BREADCRUMB": "Breadcrumb navigation",
|
|
664
|
+
"DROPDOWN": "Open breadcrumb menu for {{folderName}}"
|
|
665
665
|
},
|
|
666
666
|
"HEADER": {
|
|
667
667
|
"SELECTED": "Selected ({{ count }})"
|
|
@@ -9360,11 +9360,11 @@ class DropdownBreadcrumbComponent extends BreadcrumbComponent {
|
|
|
9360
9360
|
return this.previousNodes.length > 0;
|
|
9361
9361
|
}
|
|
9362
9362
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownBreadcrumbComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9363
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DropdownBreadcrumbComponent, isStandalone: true, selector: "adf-dropdown-breadcrumb", host: { classAttribute: "adf-dropdown-breadcrumb" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nav *ngIf=\"route.length > 0\" class=\"adf-dropdown-breadcrumb-container\"\n role=\"navigation\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate\">\n\n <button\n id=\"dropdown-breadcrumb-button\"\n [tabindex]=\"hasPreviousNodes() ? 0 : -1\"\n class=\"adf-dropdown-breadcrumb-trigger\"\n (click)=\"open()\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.DROPDOWN' | translate\"\n data-automation-id=\"dropdown-breadcrumb-trigger\">\n <mat-icon class=\"adf-dropdown-breadcrumb-icon\" [class.adf-isRoot]=\"!hasPreviousNodes()\">folder</mat-icon>\n </button>\n\n <mat-icon class=\"adf-dropdown-breadcrumb-icon adf-dropdown-breadcrumb-item-chevron\">chevron_right</mat-icon>\n\n <div class=\"adf-dropdown-breadcrumb-path\">\n <mat-select\n #dropdown\n *ngIf=\"hasPreviousNodes()\"\n panelClass=\"adf-breadcrumb-dropdown-panel\"\n class=\"adf-dropdown-breadcrumb-path-select\"\n tabindex=\"-1\"\n role=\"button\"\n data-automation-id=\"dropdown-breadcrumb-path\"\n aria-labelledby=\"dropdown-breadcrumb-button\">\n\n <mat-option\n *ngFor=\"let node of previousNodes;\"\n (click)=\"onRoutePathClick(node, $event)\"\n (onSelectionChange)=\"onRouteClick(node)\"\n class=\"adf-dropdown-breadcrumb-path-option adf-dropdown-breadcrumb-path-option-node\"\n data-automation-class=\"dropdown-breadcrumb-path-option\"\n [disabled]=\"readOnly\">\n {{ node.name | translate }}\n </mat-option>\n </mat-select>\n </div>\n\n <span\n class=\"adf-current-folder\"\n [class.adf-isRoot]=\"!hasPreviousNodes()\"\n data-automation-id=\"current-folder\"\n aria-current=\"location\">{{ currentNode.name }}\n </span>\n</nav>\n", styles: [".adf-dropdown-breadcrumb{display:flex;flex:1;line-height:24px;font-size:var(--theme-body-1-font-size);font-weight:600;letter-spacing:-.2px;color:var(--adf-theme-foreground-text-color-054);overflow:hidden;margin-top:10px}.adf-dropdown-breadcrumb-icon{height:35px}.adf-dropdown-breadcrumb-container{margin:0;padding:0;list-style-type:none;cursor:default;display:flex;overflow:hidden}.adf-dropdown-breadcrumb-trigger{cursor:pointer;padding:0;border:none;background:transparent;width:25px}.adf-dropdown-breadcrumb-trigger:focus{color:var(--theme-primary-color);outline:none}.adf-dropdown-breadcrumb-trigger.adf-isRoot{cursor:not-allowed}.adf-dropdown-breadcrumb-path{width:0;height:0;overflow:hidden}.adf-dropdown-breadcrumb-path-select{width:0}.adf-current-folder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:75%;color:var(--adf-theme-foreground-text-color)}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node{padding:0 12px;font-size:var(--theme-caption-font-size)}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node:first-child{padding-top:4px}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node:last-child{padding-bottom:4px}[dir=ltr] .adf-dropdown-breadcrumb-path{margin-left:-30px}[dir=ltr] .adf-current-folder{margin-left:30px}[dir=rtl] .adf-dropdown-breadcrumb-path{margin-right:-30px}[dir=rtl] .adf-current-folder{margin-right:30px}.cdk-overlay-pane:has(>.adf-breadcrumb-dropdown-panel){min-width:fit-content}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9363
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DropdownBreadcrumbComponent, isStandalone: true, selector: "adf-dropdown-breadcrumb", host: { classAttribute: "adf-dropdown-breadcrumb" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nav *ngIf=\"route.length > 0\" class=\"adf-dropdown-breadcrumb-container\"\n role=\"navigation\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate\">\n\n <button\n id=\"dropdown-breadcrumb-button\"\n [tabindex]=\"hasPreviousNodes() ? 0 : -1\"\n class=\"adf-dropdown-breadcrumb-trigger\"\n (click)=\"open()\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.DROPDOWN' | translate:{ folderName: currentNode?.name }\"\n [attr.aria-haspopup]=\"hasPreviousNodes() ? 'true' : null\"\n [attr.aria-expanded]=\"dropdown?.panelOpen || false\"\n data-automation-id=\"dropdown-breadcrumb-trigger\">\n <mat-icon class=\"adf-dropdown-breadcrumb-icon\" [class.adf-isRoot]=\"!hasPreviousNodes()\">folder</mat-icon>\n </button>\n\n <mat-icon class=\"adf-dropdown-breadcrumb-icon adf-dropdown-breadcrumb-item-chevron\">chevron_right</mat-icon>\n\n <div class=\"adf-dropdown-breadcrumb-path\">\n <mat-select\n #dropdown\n *ngIf=\"hasPreviousNodes()\"\n panelClass=\"adf-breadcrumb-dropdown-panel\"\n class=\"adf-dropdown-breadcrumb-path-select\"\n tabindex=\"-1\"\n role=\"button\"\n data-automation-id=\"dropdown-breadcrumb-path\"\n aria-labelledby=\"dropdown-breadcrumb-button\">\n\n <mat-option\n *ngFor=\"let node of previousNodes;\"\n (click)=\"onRoutePathClick(node, $event)\"\n (onSelectionChange)=\"onRouteClick(node)\"\n class=\"adf-dropdown-breadcrumb-path-option adf-dropdown-breadcrumb-path-option-node\"\n data-automation-class=\"dropdown-breadcrumb-path-option\"\n [disabled]=\"readOnly\">\n {{ node.name | translate }}\n </mat-option>\n </mat-select>\n </div>\n\n <span\n class=\"adf-current-folder\"\n [class.adf-isRoot]=\"!hasPreviousNodes()\"\n data-automation-id=\"current-folder\"\n aria-current=\"location\">{{ currentNode.name }}\n </span>\n</nav>\n", styles: [".adf-dropdown-breadcrumb{display:flex;flex:1;line-height:24px;font-size:var(--theme-body-1-font-size);font-weight:600;letter-spacing:-.2px;color:var(--adf-theme-foreground-text-color-054);overflow:hidden;margin-top:10px}.adf-dropdown-breadcrumb-icon{height:35px}.adf-dropdown-breadcrumb-container{margin:0;padding:0;list-style-type:none;cursor:default;display:flex;overflow:hidden}.adf-dropdown-breadcrumb-trigger{cursor:pointer;padding:0;border:none;background:transparent;width:25px}.adf-dropdown-breadcrumb-trigger:focus{color:var(--theme-primary-color);outline:none}.adf-dropdown-breadcrumb-trigger.adf-isRoot{cursor:not-allowed}.adf-dropdown-breadcrumb-path{width:0;height:0;overflow:hidden}.adf-dropdown-breadcrumb-path-select{width:0}.adf-current-folder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:75%;color:var(--adf-theme-foreground-text-color)}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node{padding:0 12px;font-size:var(--theme-caption-font-size)}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node:first-child{padding-top:4px}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node:last-child{padding-bottom:4px}[dir=ltr] .adf-dropdown-breadcrumb-path{margin-left:-30px}[dir=ltr] .adf-current-folder{margin-left:30px}[dir=rtl] .adf-dropdown-breadcrumb-path{margin-right:-30px}[dir=rtl] .adf-current-folder{margin-right:30px}.cdk-overlay-pane:has(>.adf-breadcrumb-dropdown-panel){min-width:fit-content}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9364
9364
|
}
|
|
9365
9365
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownBreadcrumbComponent, decorators: [{
|
|
9366
9366
|
type: Component,
|
|
9367
|
-
args: [{ selector: 'adf-dropdown-breadcrumb', imports: [CommonModule, MatIconModule, MatSelectModule, TranslatePipe], encapsulation: ViewEncapsulation.None, host: { class: 'adf-dropdown-breadcrumb' }, template: "<nav *ngIf=\"route.length > 0\" class=\"adf-dropdown-breadcrumb-container\"\n role=\"navigation\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate\">\n\n <button\n id=\"dropdown-breadcrumb-button\"\n [tabindex]=\"hasPreviousNodes() ? 0 : -1\"\n class=\"adf-dropdown-breadcrumb-trigger\"\n (click)=\"open()\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.DROPDOWN' | translate\"\n data-automation-id=\"dropdown-breadcrumb-trigger\">\n <mat-icon class=\"adf-dropdown-breadcrumb-icon\" [class.adf-isRoot]=\"!hasPreviousNodes()\">folder</mat-icon>\n </button>\n\n <mat-icon class=\"adf-dropdown-breadcrumb-icon adf-dropdown-breadcrumb-item-chevron\">chevron_right</mat-icon>\n\n <div class=\"adf-dropdown-breadcrumb-path\">\n <mat-select\n #dropdown\n *ngIf=\"hasPreviousNodes()\"\n panelClass=\"adf-breadcrumb-dropdown-panel\"\n class=\"adf-dropdown-breadcrumb-path-select\"\n tabindex=\"-1\"\n role=\"button\"\n data-automation-id=\"dropdown-breadcrumb-path\"\n aria-labelledby=\"dropdown-breadcrumb-button\">\n\n <mat-option\n *ngFor=\"let node of previousNodes;\"\n (click)=\"onRoutePathClick(node, $event)\"\n (onSelectionChange)=\"onRouteClick(node)\"\n class=\"adf-dropdown-breadcrumb-path-option adf-dropdown-breadcrumb-path-option-node\"\n data-automation-class=\"dropdown-breadcrumb-path-option\"\n [disabled]=\"readOnly\">\n {{ node.name | translate }}\n </mat-option>\n </mat-select>\n </div>\n\n <span\n class=\"adf-current-folder\"\n [class.adf-isRoot]=\"!hasPreviousNodes()\"\n data-automation-id=\"current-folder\"\n aria-current=\"location\">{{ currentNode.name }}\n </span>\n</nav>\n", styles: [".adf-dropdown-breadcrumb{display:flex;flex:1;line-height:24px;font-size:var(--theme-body-1-font-size);font-weight:600;letter-spacing:-.2px;color:var(--adf-theme-foreground-text-color-054);overflow:hidden;margin-top:10px}.adf-dropdown-breadcrumb-icon{height:35px}.adf-dropdown-breadcrumb-container{margin:0;padding:0;list-style-type:none;cursor:default;display:flex;overflow:hidden}.adf-dropdown-breadcrumb-trigger{cursor:pointer;padding:0;border:none;background:transparent;width:25px}.adf-dropdown-breadcrumb-trigger:focus{color:var(--theme-primary-color);outline:none}.adf-dropdown-breadcrumb-trigger.adf-isRoot{cursor:not-allowed}.adf-dropdown-breadcrumb-path{width:0;height:0;overflow:hidden}.adf-dropdown-breadcrumb-path-select{width:0}.adf-current-folder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:75%;color:var(--adf-theme-foreground-text-color)}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node{padding:0 12px;font-size:var(--theme-caption-font-size)}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node:first-child{padding-top:4px}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node:last-child{padding-bottom:4px}[dir=ltr] .adf-dropdown-breadcrumb-path{margin-left:-30px}[dir=ltr] .adf-current-folder{margin-left:30px}[dir=rtl] .adf-dropdown-breadcrumb-path{margin-right:-30px}[dir=rtl] .adf-current-folder{margin-right:30px}.cdk-overlay-pane:has(>.adf-breadcrumb-dropdown-panel){min-width:fit-content}\n"] }]
|
|
9367
|
+
args: [{ selector: 'adf-dropdown-breadcrumb', imports: [CommonModule, MatIconModule, MatSelectModule, TranslatePipe], encapsulation: ViewEncapsulation.None, host: { class: 'adf-dropdown-breadcrumb' }, template: "<nav *ngIf=\"route.length > 0\" class=\"adf-dropdown-breadcrumb-container\"\n role=\"navigation\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate\">\n\n <button\n id=\"dropdown-breadcrumb-button\"\n [tabindex]=\"hasPreviousNodes() ? 0 : -1\"\n class=\"adf-dropdown-breadcrumb-trigger\"\n (click)=\"open()\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.DROPDOWN' | translate:{ folderName: currentNode?.name }\"\n [attr.aria-haspopup]=\"hasPreviousNodes() ? 'true' : null\"\n [attr.aria-expanded]=\"dropdown?.panelOpen || false\"\n data-automation-id=\"dropdown-breadcrumb-trigger\">\n <mat-icon class=\"adf-dropdown-breadcrumb-icon\" [class.adf-isRoot]=\"!hasPreviousNodes()\">folder</mat-icon>\n </button>\n\n <mat-icon class=\"adf-dropdown-breadcrumb-icon adf-dropdown-breadcrumb-item-chevron\">chevron_right</mat-icon>\n\n <div class=\"adf-dropdown-breadcrumb-path\">\n <mat-select\n #dropdown\n *ngIf=\"hasPreviousNodes()\"\n panelClass=\"adf-breadcrumb-dropdown-panel\"\n class=\"adf-dropdown-breadcrumb-path-select\"\n tabindex=\"-1\"\n role=\"button\"\n data-automation-id=\"dropdown-breadcrumb-path\"\n aria-labelledby=\"dropdown-breadcrumb-button\">\n\n <mat-option\n *ngFor=\"let node of previousNodes;\"\n (click)=\"onRoutePathClick(node, $event)\"\n (onSelectionChange)=\"onRouteClick(node)\"\n class=\"adf-dropdown-breadcrumb-path-option adf-dropdown-breadcrumb-path-option-node\"\n data-automation-class=\"dropdown-breadcrumb-path-option\"\n [disabled]=\"readOnly\">\n {{ node.name | translate }}\n </mat-option>\n </mat-select>\n </div>\n\n <span\n class=\"adf-current-folder\"\n [class.adf-isRoot]=\"!hasPreviousNodes()\"\n data-automation-id=\"current-folder\"\n aria-current=\"location\">{{ currentNode.name }}\n </span>\n</nav>\n", styles: [".adf-dropdown-breadcrumb{display:flex;flex:1;line-height:24px;font-size:var(--theme-body-1-font-size);font-weight:600;letter-spacing:-.2px;color:var(--adf-theme-foreground-text-color-054);overflow:hidden;margin-top:10px}.adf-dropdown-breadcrumb-icon{height:35px}.adf-dropdown-breadcrumb-container{margin:0;padding:0;list-style-type:none;cursor:default;display:flex;overflow:hidden}.adf-dropdown-breadcrumb-trigger{cursor:pointer;padding:0;border:none;background:transparent;width:25px}.adf-dropdown-breadcrumb-trigger:focus{color:var(--theme-primary-color);outline:none}.adf-dropdown-breadcrumb-trigger.adf-isRoot{cursor:not-allowed}.adf-dropdown-breadcrumb-path{width:0;height:0;overflow:hidden}.adf-dropdown-breadcrumb-path-select{width:0}.adf-current-folder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:75%;color:var(--adf-theme-foreground-text-color)}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node{padding:0 12px;font-size:var(--theme-caption-font-size)}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node:first-child{padding-top:4px}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node:last-child{padding-bottom:4px}[dir=ltr] .adf-dropdown-breadcrumb-path{margin-left:-30px}[dir=ltr] .adf-current-folder{margin-left:30px}[dir=rtl] .adf-dropdown-breadcrumb-path{margin-right:-30px}[dir=rtl] .adf-current-folder{margin-right:30px}.cdk-overlay-pane:has(>.adf-breadcrumb-dropdown-panel){min-width:fit-content}\n"] }]
|
|
9368
9368
|
}], propDecorators: { dropdown: [{
|
|
9369
9369
|
type: ViewChild,
|
|
9370
9370
|
args: ['dropdown']
|