inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-06-30 18:15:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-7388][ADF] Break Toolbar dependency on Material Module (#9486)

Browse Source 
* [ACS-7388] transform toolbar to standalone

* [ACS-7388] transform toolbar to standalone
This commit is contained in:
tamaragruszka 2024-04-02 19:29:46 +02:00 committed by GitHub
parent 3927f09b9e
commit c73fb1bf4c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 20 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
lib/core/src/lib/toolbar/toolbar-divider.component.ts
View File

@ -19,17 +19,20 @@ import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/
@Component({
selector: 'adf-toolbar-divider',
standalone: true,
template: '<div></div>',
host: { class: 'adf-toolbar-divider' },
styles: [`
.adf-toolbar-divider > div {
height: 24px;
width: 1px;
background: rgba(0, 0, 0, 0.26);
margin-left: 5px;
margin-right: 5px;
}
`],
styles: [
`
.adf-toolbar-divider > div {
height: 24px;
width: 1px;
background: rgba(0, 0, 0, 0.26);
margin-left: 5px;
margin-right: 5px;
}
`
],
encapsulation: ViewEncapsulation.None,
changeDetection: ChangeDetectionStrategy.OnPush
})

1
lib/core/src/lib/toolbar/toolbar-title.component.ts
View File

@ -19,6 +19,7 @@ import { Component } from '@angular/core';
@Component({
selector: 'adf-toolbar-title',
standalone: true,
template: '<ng-content></ng-content>',
host: { class: 'adf-toolbar-title' }
})

7
lib/core/src/lib/toolbar/toolbar.component.ts
View File

@ -17,17 +17,21 @@
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
import { ThemePalette } from '@angular/material/core';
import { MatToolbarModule } from '@angular/material/toolbar';
import { TranslateModule } from '@ngx-translate/core';
import { NgIf } from '@angular/common';
@Component({
selector: 'adf-toolbar',
standalone: true,
templateUrl: './toolbar.component.html',
styleUrls: ['./toolbar.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
imports: [MatToolbarModule, TranslateModule, NgIf],
host: { class: 'adf-toolbar' }
})
export class ToolbarComponent {
/** Toolbar title. */
@Input()
title: string = '';
@ -35,5 +39,4 @@ export class ToolbarComponent {
/** Toolbar color. Can be changed to empty value (default), `primary`, `accent` or `warn`. */
@Input()
color: ThemePalette;
}

21
lib/core/src/lib/toolbar/toolbar.module.ts
View File

@ -15,30 +15,13 @@
* limitations under the License.
*/
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { TranslateModule } from '@ngx-translate/core';
import { MaterialModule } from '../material.module';
import { ToolbarDividerComponent } from './toolbar-divider.component';
import { ToolbarTitleComponent } from './toolbar-title.component';
import { ToolbarComponent } from './toolbar.component';
@NgModule({
imports: [
CommonModule,
MaterialModule,
TranslateModule
],
declarations: [
ToolbarComponent,
ToolbarTitleComponent,
ToolbarDividerComponent
],
exports: [
ToolbarComponent,
ToolbarTitleComponent,
ToolbarDividerComponent
]
imports: [ToolbarComponent, ToolbarTitleComponent, ToolbarDividerComponent],
exports: [ToolbarComponent, ToolbarTitleComponent, ToolbarDividerComponent]
})
export class ToolbarModule {}