Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
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,
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);
});
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);
});
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);
});
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);
});
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')!;
@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;
}
}
} 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,
@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;
}
}
@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}%`;
}
}