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

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

@ -19,9 +19,11 @@ import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/
@Component({ @Component({
selector: 'adf-toolbar-divider', selector: 'adf-toolbar-divider',
standalone: true,
template: '<div></div>', template: '<div></div>',
host: { class: 'adf-toolbar-divider' }, host: { class: 'adf-toolbar-divider' },
styles: [` styles: [
`
.adf-toolbar-divider > div { .adf-toolbar-divider > div {
height: 24px; height: 24px;
width: 1px; width: 1px;
@ -29,7 +31,8 @@ import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
} }
`], `
],
encapsulation: ViewEncapsulation.None, encapsulation: ViewEncapsulation.None,
changeDetection: ChangeDetectionStrategy.OnPush 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({ @Component({
selector: 'adf-toolbar-title', selector: 'adf-toolbar-title',
standalone: true,
template: '<ng-content></ng-content>', template: '<ng-content></ng-content>',
host: { class: 'adf-toolbar-title' } 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 { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
import { ThemePalette } from '@angular/material/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({ @Component({
selector: 'adf-toolbar', selector: 'adf-toolbar',
standalone: true,
templateUrl: './toolbar.component.html', templateUrl: './toolbar.component.html',
styleUrls: ['./toolbar.component.scss'], styleUrls: ['./toolbar.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush, changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None, encapsulation: ViewEncapsulation.None,
imports: [MatToolbarModule, TranslateModule, NgIf],
host: { class: 'adf-toolbar' } host: { class: 'adf-toolbar' }
}) })
export class ToolbarComponent { export class ToolbarComponent {
/** Toolbar title. */ /** Toolbar title. */
@Input() @Input()
title: string = ''; title: string = '';
@ -35,5 +39,4 @@ export class ToolbarComponent {
/** Toolbar color. Can be changed to empty value (default), `primary`, `accent` or `warn`. */ /** Toolbar color. Can be changed to empty value (default), `primary`, `accent` or `warn`. */
@Input() @Input()
color: ThemePalette; color: ThemePalette;
} }

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

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