How to use the @ptsecurity/mosaic/core.ThemePalette.Primary function in @ptsecurity/mosaic

To help you get started, we’ve selected a few @ptsecurity/mosaic examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github positive-js / mosaic / packages / mosaic / toggle / toggle.component.ts View on Github external
let nextUniqueId = 0;

type ToggleLabelPositionType = 'left' | 'right';

export class McToggleBase {
    // tslint:disable-next-line: naming-convention
    constructor(public _elementRef: ElementRef) {}
}

// tslint:disable-next-line: naming-convention
export const McToggleMixinBase:
    HasTabIndexCtor &
    CanDisableCtor &
    CanColorCtor &
    typeof McToggleBase = mixinTabIndex(mixinColor(mixinDisabled(McToggleBase), ThemePalette.Primary));

export class McToggleChange {
    source: McToggleComponent;
    checked: boolean;
}

@Component({
    selector: 'mc-toggle',
    exportAs: 'mcToggle',
    templateUrl: './toggle.component.html',
    styleUrls: ['./toggle.css'],
    providers: [
        {provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => McToggleComponent), multi: true}
    ],
    changeDetection: ChangeDetectionStrategy.OnPush,
    encapsulation: ViewEncapsulation.None,
github positive-js / mosaic / packages / mosaic / progress-spinner / progress-spinner.component.spec.ts View on Github external
it('should has default primary color', () => {
        const fixture = TestBed.createComponent(TestApp);
        const progressSpinnerDebugElement = fixture.debugElement.query(By.css('.default'));

        expect(progressSpinnerDebugElement.nativeElement.classList.contains(`mc-${ThemePalette.Primary}`)).toBe(true);
    });
github positive-js / mosaic / src / lib / progress-bar / progress-bar.component.spec.ts View on Github external
it('should has default primary color', () => {
        const fixture = TestBed.createComponent(TestApp);
        const progressBarDebugElement = fixture.debugElement.query(By.css('.default'));

        expect(progressBarDebugElement.nativeElement.classList.contains(`mc-${ThemePalette.Primary}`)).toBe(true);
    });
github positive-js / mosaic / packages / mosaic / progress-bar / progress-bar.component.spec.ts View on Github external
it('should has default primary color', () => {
        const fixture = TestBed.createComponent(TestApp);
        const progressBarDebugElement = fixture.debugElement.query(By.css('.default'));

        expect(progressBarDebugElement.nativeElement.classList.contains(`mc-${ThemePalette.Primary}`)).toBe(true);
    });
github positive-js / mosaic / src / lib / progress-spinner / progress-spinner.component.spec.ts View on Github external
it('should has default primary color', () => {
        const fixture = TestBed.createComponent(TestApp);
        const progressSpinnerDebugElement = fixture.debugElement.query(By.css('.default'));

        expect(progressSpinnerDebugElement.nativeElement.classList.contains(`mc-${ThemePalette.Primary}`)).toBe(true);
    });
github positive-js / mosaic / packages / mosaic / datepicker / datepicker.spec.ts View on Github external
it('should pass the form field theme color to the overlay', fakeAsync(() => {
                testComponent.formField.color = ThemePalette.Primary;
                testComponent.datepicker.open();
                fixture.detectChanges();
                flush();

                let contentEl = document.querySelector('.mc-datepicker__content')!;

                expect(contentEl.classList).toContain('mc-primary');

                testComponent.datepicker.close();
                fixture.detectChanges();
                flush();

                testComponent.formField.color = ThemePalette.Error;
                testComponent.datepicker.open();

                contentEl = document.querySelector('.mc-datepicker__content')!;
github positive-js / mosaic / src / lib / progress-bar / progress-bar.component.ts View on Github external
@Component({
    selector: 'mc-progress-bar',
    templateUrl: './progress-bar.component.html',
    styleUrls: ['./progress-bar.css'],
    changeDetection: ChangeDetectionStrategy.OnPush,
    encapsulation: ViewEncapsulation.None,
    host: {
        class: 'mc-progress-bar',
        '[attr.id]': 'id'
    }
})
export class McProgressBar extends _McProgressBarMixinBase implements CanColor {
    @Input() id: string = `mc-progress-bar-${idIterator++}`;
    @Input() value: number = 0;
    @Input() mode: ProgressBarMode = 'determinate';
    @Input() color: ThemePalette = ThemePalette.Primary;

    constructor(elementRef: ElementRef) {
        super(elementRef);
    }

    get percentage(): number {
        return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value)) / MAX_PERCENT;
    }
}
github positive-js / mosaic / src / lib / toggle / toggle.component.ts View on Github external
} from '@ptsecurity/mosaic/core';


let nextUniqueId = 0;

type ToggleLabelPositionType = 'left' | 'right';

export class McToggleBase {
    constructor(public _elementRef: ElementRef) {}
}

export const _McToggleMixinBase:
    HasTabIndexCtor &
    CanDisableCtor &
    CanColorCtor &
    typeof McToggleBase = mixinTabIndex(mixinColor(mixinDisabled(McToggleBase), ThemePalette.Primary));

export class McToggleChange {
    source: McToggleComponent;
    checked: boolean;
}

@Component({
    selector: 'mc-toggle',
    exportAs: 'mcToggle',
    templateUrl: './toggle.component.html',
    styleUrls: ['./toggle.css'],
    providers: [
        {provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => McToggleComponent), multi: true}
    ],
    changeDetection: ChangeDetectionStrategy.OnPush,
    encapsulation: ViewEncapsulation.None,
github positive-js / mosaic / packages / mosaic / progress-bar / progress-bar.component.ts View on Github external
@Component({
    selector: 'mc-progress-bar',
    templateUrl: './progress-bar.component.html',
    styleUrls: ['./progress-bar.css'],
    changeDetection: ChangeDetectionStrategy.OnPush,
    encapsulation: ViewEncapsulation.None,
    host: {
        class: 'mc-progress-bar',
        '[attr.id]': 'id'
    }
})
export class McProgressBar extends McProgressBarMixinBase implements CanColor {
    @Input() id: string = `mc-progress-bar-${idIterator++}`;
    @Input() value: number = 0;
    @Input() mode: ProgressBarMode = 'determinate';
    @Input() color: ThemePalette = ThemePalette.Primary;

    constructor(elementRef: ElementRef) {
        super(elementRef);
    }

    get percentage(): number {
        return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value)) / MAX_PERCENT;
    }
}
github positive-js / mosaic / src / lib / progress-spinner / progress-spinner.component.ts View on Github external
@Component({
    selector: 'mc-progress-spinner',
    templateUrl: './progress-spinner.component.html',
    styleUrls: ['./progress-spinner.css'],
    changeDetection: ChangeDetectionStrategy.OnPush,
    encapsulation: ViewEncapsulation.None,
    host: {
        class: 'mc-progress-spinner',
        '[attr.id]': 'id'
    }
})
export class McProgressSpinner extends _McProgressSpinnerMixinBase implements CanColor {
    @Input() id: string = `mc-progress-spinner-${idIterator++}`;
    @Input() value: number = 0;
    @Input() mode: ProgressSpinnerMode = 'determinate';
    @Input() color: ThemePalette = ThemePalette.Primary;

    constructor(elementRef: ElementRef) {
        super(elementRef);
    }

    get percentage(): number {
        return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value)) / MAX_PERCENT;
    }

    get dashOffsetPercent(): string {
        return `${MAX_DASH_ARRAY - this.percentage * MAX_DASH_ARRAY}%`;
    }
}