@almoamendev/ngx-md3 0.0.8 → 0.0.9

package/src/lib/styles/typography/type-display.spec.ts

@@ -1,28 +1,28 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { TypeDisplay } from './type-display';
-
-@Component({
-    imports: [TypeDisplay],
-    template: `<md3-type-display></md3-type-display>`,
-})
-class HostComponent { }
-
-describe('TypeDisplay', () => {
-    let fixture: ComponentFixture<HostComponent>;
-
-    beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            imports: [HostComponent],
-        }).compileComponents();
-
-        fixture = TestBed.createComponent(HostComponent);
-        fixture.detectChanges();
-    });
-
-    it('should create an instance', () => {
-        const directive = fixture.debugElement.query(By.directive(TypeDisplay)).injector.get(TypeDisplay);
-        expect(directive).toBeTruthy();
-    });
-});
+import { Component } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { TypeDisplay } from './type-display';
+
+@Component({
+    imports: [TypeDisplay],
+    template: `<md3-type-display></md3-type-display>`,
+})
+class HostComponent { }
+
+describe('TypeDisplay', () => {
+    let fixture: ComponentFixture<HostComponent>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [HostComponent],
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(HostComponent);
+        fixture.detectChanges();
+    });
+
+    it('should create an instance', () => {
+        const directive = fixture.debugElement.query(By.directive(TypeDisplay)).injector.get(TypeDisplay);
+        expect(directive).toBeTruthy();
+    });
+});

package/src/lib/styles/typography/type-display.ts

@@ -1,42 +1,42 @@
-import { booleanAttribute, Directive, effect, ElementRef, input } from '@angular/core';
-import { TextColor } from '../../types/text-color.type';
-import { TextSize } from '../../types/text-size.type';
-
-@Directive({
-    selector: 'md3-type-display, [md3-type-display]',
-    host: {
-        'class': 'md3-text-display',
-        '[class.md3-emphasized]': 'emphasized()',
-    }
-})
-export class TypeDisplay {
-    public size = input<TextSize | 'default'>('default');
-    public color = input<TextColor | 'default'>('default');
-    public emphasized = input<boolean, unknown>(false, {
-        transform: booleanAttribute,
-    });
-
-    constructor(public el: ElementRef) {
-        effect((onCleanup) => {
-            const size = 'md3-text-' + this.size();
-            this.element.classList.add(size);
-
-            onCleanup(() => {
-                this.element.classList.remove(size);
-            });
-        });
-
-        effect((onCleanup) => {
-            const color = 'md3-color-' + this.color();
-            this.element.classList.add(color);
-
-            onCleanup(() => {
-                this.element.classList.remove(color);
-            });
-        });
-    }
-
-    public get element(): HTMLElement {
-        return this.el.nativeElement as HTMLElement;
-    }
-}
+import { booleanAttribute, Directive, effect, ElementRef, input } from '@angular/core';
+import { TextColor } from '../../types/text-color.type';
+import { TextSize } from '../../types/text-size.type';
+
+@Directive({
+    selector: 'md3-type-display, [md3-type-display]',
+    host: {
+        'class': 'md3-text-display',
+        '[class.md3-emphasized]': 'emphasized()',
+    }
+})
+export class TypeDisplay {
+    public size = input<TextSize | 'default'>('default');
+    public color = input<TextColor | 'default'>('default');
+    public emphasized = input<boolean, unknown>(false, {
+        transform: booleanAttribute,
+    });
+
+    constructor(public el: ElementRef) {
+        effect((onCleanup) => {
+            const size = 'md3-text-' + this.size();
+            this.element.classList.add(size);
+
+            onCleanup(() => {
+                this.element.classList.remove(size);
+            });
+        });
+
+        effect((onCleanup) => {
+            const color = 'md3-color-' + this.color();
+            this.element.classList.add(color);
+
+            onCleanup(() => {
+                this.element.classList.remove(color);
+            });
+        });
+    }
+
+    public get element(): HTMLElement {
+        return this.el.nativeElement as HTMLElement;
+    }
+}

package/src/lib/styles/typography/type-headline.spec.ts

@@ -1,28 +1,28 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { TypeHeadline } from './type-headline';
-
-@Component({
-    imports: [TypeHeadline],
-    template: `<md3-type-headline></md3-type-headline>`,
-})
-class HostComponent { }
-
-describe('TypeHeadline', () => {
-    let fixture: ComponentFixture<HostComponent>;
-
-    beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            imports: [HostComponent],
-        }).compileComponents();
-
-        fixture = TestBed.createComponent(HostComponent);
-        fixture.detectChanges();
-    });
-
-    it('should create an instance', () => {
-        const directive = fixture.debugElement.query(By.directive(TypeHeadline)).injector.get(TypeHeadline);
-        expect(directive).toBeTruthy();
-    });
-});
+import { Component } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { TypeHeadline } from './type-headline';
+
+@Component({
+    imports: [TypeHeadline],
+    template: `<md3-type-headline></md3-type-headline>`,
+})
+class HostComponent { }
+
+describe('TypeHeadline', () => {
+    let fixture: ComponentFixture<HostComponent>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [HostComponent],
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(HostComponent);
+        fixture.detectChanges();
+    });
+
+    it('should create an instance', () => {
+        const directive = fixture.debugElement.query(By.directive(TypeHeadline)).injector.get(TypeHeadline);
+        expect(directive).toBeTruthy();
+    });
+});

package/src/lib/styles/typography/type-headline.ts

@@ -1,42 +1,42 @@
-import { booleanAttribute, Directive, effect, ElementRef, input } from '@angular/core';
-import { TextColor } from '../../types/text-color.type';
-import { TextSize } from '../../types/text-size.type';
-
-@Directive({
-    selector: 'md3-type-headline, [md3-type-headline]',
-    host: {
-        'class': 'md3-text-headline',
-        '[class.md3-emphasized]': 'emphasized()',
-    }
-})
-export class TypeHeadline {
-    public size = input<TextSize | 'default'>('default');
-    public color = input<TextColor | 'default'>('default');
-    public emphasized = input<boolean, unknown>(false, {
-        transform: booleanAttribute,
-    });
-
-    constructor(public el: ElementRef) {
-        effect((onCleanup) => {
-            const size = 'md3-text-' + this.size();
-            this.element.classList.add(size);
-
-            onCleanup(() => {
-                this.element.classList.remove(size);
-            });
-        });
-
-        effect((onCleanup) => {
-            const color = 'md3-color-' + this.color();
-            this.element.classList.add(color);
-
-            onCleanup(() => {
-                this.element.classList.remove(color);
-            });
-        });
-    }
-
-    public get element(): HTMLElement {
-        return this.el.nativeElement as HTMLElement;
-    }
-}
+import { booleanAttribute, Directive, effect, ElementRef, input } from '@angular/core';
+import { TextColor } from '../../types/text-color.type';
+import { TextSize } from '../../types/text-size.type';
+
+@Directive({
+    selector: 'md3-type-headline, [md3-type-headline]',
+    host: {
+        'class': 'md3-text-headline',
+        '[class.md3-emphasized]': 'emphasized()',
+    }
+})
+export class TypeHeadline {
+    public size = input<TextSize | 'default'>('default');
+    public color = input<TextColor | 'default'>('default');
+    public emphasized = input<boolean, unknown>(false, {
+        transform: booleanAttribute,
+    });
+
+    constructor(public el: ElementRef) {
+        effect((onCleanup) => {
+            const size = 'md3-text-' + this.size();
+            this.element.classList.add(size);
+
+            onCleanup(() => {
+                this.element.classList.remove(size);
+            });
+        });
+
+        effect((onCleanup) => {
+            const color = 'md3-color-' + this.color();
+            this.element.classList.add(color);
+
+            onCleanup(() => {
+                this.element.classList.remove(color);
+            });
+        });
+    }
+
+    public get element(): HTMLElement {
+        return this.el.nativeElement as HTMLElement;
+    }
+}

package/src/lib/styles/typography/type-label.spec.ts

@@ -1,28 +1,28 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { TypeLabel } from './type-label';
-
-@Component({
-    imports: [TypeLabel],
-    template: `<md3-type-label></md3-type-label>`,
-})
-class HostComponent { }
-
-describe('TypeLabel', () => {
-    let fixture: ComponentFixture<HostComponent>;
-
-    beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            imports: [HostComponent],
-        }).compileComponents();
-
-        fixture = TestBed.createComponent(HostComponent);
-        fixture.detectChanges();
-    });
-
-    it('should create an instance', () => {
-        const directive = fixture.debugElement.query(By.directive(TypeLabel)).injector.get(TypeLabel);
-        expect(directive).toBeTruthy();
-    });
-});
+import { Component } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { TypeLabel } from './type-label';
+
+@Component({
+    imports: [TypeLabel],
+    template: `<md3-type-label></md3-type-label>`,
+})
+class HostComponent { }
+
+describe('TypeLabel', () => {
+    let fixture: ComponentFixture<HostComponent>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [HostComponent],
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(HostComponent);
+        fixture.detectChanges();
+    });
+
+    it('should create an instance', () => {
+        const directive = fixture.debugElement.query(By.directive(TypeLabel)).injector.get(TypeLabel);
+        expect(directive).toBeTruthy();
+    });
+});

package/src/lib/styles/typography/type-label.ts

@@ -1,42 +1,42 @@
-import { booleanAttribute, Directive, effect, ElementRef, input } from '@angular/core';
-import { TextColor } from '../../types/text-color.type';
-import { TextSize } from '../../types/text-size.type';
-
-@Directive({
-    selector: 'md3-type-label, [md3-type-label]',
-    host: {
-        'class': 'md3-text-label',
-        '[class.md3-emphasized]': 'emphasized()',
-    }
-})
-export class TypeLabel {
-    public size = input<TextSize | 'default'>('default');
-    public color = input<TextColor | 'default'>('default');
-    public emphasized = input<boolean, unknown>(false, {
-        transform: booleanAttribute,
-    });
-
-    constructor(public el: ElementRef) {
-        effect((onCleanup) => {
-            const size = 'md3-text-' + this.size();
-            this.element.classList.add(size);
-
-            onCleanup(() => {
-                this.element.classList.remove(size);
-            });
-        });
-
-        effect((onCleanup) => {
-            const color = 'md3-color-' + this.color();
-            this.element.classList.add(color);
-
-            onCleanup(() => {
-                this.element.classList.remove(color);
-            });
-        });
-    }
-
-    public get element(): HTMLElement {
-        return this.el.nativeElement as HTMLElement;
-    }
-}
+import { booleanAttribute, Directive, effect, ElementRef, input } from '@angular/core';
+import { TextColor } from '../../types/text-color.type';
+import { TextSize } from '../../types/text-size.type';
+
+@Directive({
+    selector: 'md3-type-label, [md3-type-label]',
+    host: {
+        'class': 'md3-text-label',
+        '[class.md3-emphasized]': 'emphasized()',
+    }
+})
+export class TypeLabel {
+    public size = input<TextSize | 'default'>('default');
+    public color = input<TextColor | 'default'>('default');
+    public emphasized = input<boolean, unknown>(false, {
+        transform: booleanAttribute,
+    });
+
+    constructor(public el: ElementRef) {
+        effect((onCleanup) => {
+            const size = 'md3-text-' + this.size();
+            this.element.classList.add(size);
+
+            onCleanup(() => {
+                this.element.classList.remove(size);
+            });
+        });
+
+        effect((onCleanup) => {
+            const color = 'md3-color-' + this.color();
+            this.element.classList.add(color);
+
+            onCleanup(() => {
+                this.element.classList.remove(color);
+            });
+        });
+    }
+
+    public get element(): HTMLElement {
+        return this.el.nativeElement as HTMLElement;
+    }
+}

package/src/lib/styles/typography/type-title.spec.ts

@@ -1,28 +1,28 @@
-import { Component } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { TypeTitle } from './type-title';
-
-@Component({
-    imports: [TypeTitle],
-    template: `<md3-type-title></md3-type-title>`,
-})
-class HostComponent { }
-
-describe('TypeTitle', () => {
-    let fixture: ComponentFixture<HostComponent>;
-
-    beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            imports: [HostComponent],
-        }).compileComponents();
-
-        fixture = TestBed.createComponent(HostComponent);
-        fixture.detectChanges();
-    });
-
-    it('should create an instance', () => {
-        const directive = fixture.debugElement.query(By.directive(TypeTitle)).injector.get(TypeTitle);
-        expect(directive).toBeTruthy();
-    });
-});
+import { Component } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { TypeTitle } from './type-title';
+
+@Component({
+    imports: [TypeTitle],
+    template: `<md3-type-title></md3-type-title>`,
+})
+class HostComponent { }
+
+describe('TypeTitle', () => {
+    let fixture: ComponentFixture<HostComponent>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [HostComponent],
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(HostComponent);
+        fixture.detectChanges();
+    });
+
+    it('should create an instance', () => {
+        const directive = fixture.debugElement.query(By.directive(TypeTitle)).injector.get(TypeTitle);
+        expect(directive).toBeTruthy();
+    });
+});

package/src/lib/styles/typography/type-title.ts

@@ -1,42 +1,42 @@
-import { booleanAttribute, Directive, effect, ElementRef, input } from '@angular/core';
-import { TextColor } from '../../types/text-color.type';
-import { TextSize } from '../../types/text-size.type';
-
-@Directive({
-    selector: 'md3-type-title, [md3-type-title]',
-    host: {
-        'class': 'md3-text-title',
-        '[class.md3-emphasized]': 'emphasized()',
-    }
-})
-export class TypeTitle {
-    public size = input<TextSize | 'default'>('default');
-    public color = input<TextColor | 'default'>('default');
-    public emphasized = input<boolean, unknown>(false, {
-        transform: booleanAttribute,
-    });
-
-    constructor(public el: ElementRef) {
-        effect((onCleanup) => {
-            const size = 'md3-text-' + this.size();
-            this.element.classList.add(size);
-
-            onCleanup(() => {
-                this.element.classList.remove(size);
-            });
-        });
-
-        effect((onCleanup) => {
-            const color = 'md3-color-' + this.color();
-            this.element.classList.add(color);
-
-            onCleanup(() => {
-                this.element.classList.remove(color);
-            });
-        });
-    }
-
-    public get element(): HTMLElement {
-        return this.el.nativeElement as HTMLElement;
-    }
-}
+import { booleanAttribute, Directive, effect, ElementRef, input } from '@angular/core';
+import { TextColor } from '../../types/text-color.type';
+import { TextSize } from '../../types/text-size.type';
+
+@Directive({
+    selector: 'md3-type-title, [md3-type-title]',
+    host: {
+        'class': 'md3-text-title',
+        '[class.md3-emphasized]': 'emphasized()',
+    }
+})
+export class TypeTitle {
+    public size = input<TextSize | 'default'>('default');
+    public color = input<TextColor | 'default'>('default');
+    public emphasized = input<boolean, unknown>(false, {
+        transform: booleanAttribute,
+    });
+
+    constructor(public el: ElementRef) {
+        effect((onCleanup) => {
+            const size = 'md3-text-' + this.size();
+            this.element.classList.add(size);
+
+            onCleanup(() => {
+                this.element.classList.remove(size);
+            });
+        });
+
+        effect((onCleanup) => {
+            const color = 'md3-color-' + this.color();
+            this.element.classList.add(color);
+
+            onCleanup(() => {
+                this.element.classList.remove(color);
+            });
+        });
+    }
+
+    public get element(): HTMLElement {
+        return this.el.nativeElement as HTMLElement;
+    }
+}