@energinet/watt 4.3.84 → 4.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i2 from '@angular/forms';
|
|
2
2
|
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { inject, ElementRef, model, signal, input, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
4
|
+
import { inject, ElementRef, model, signal, input, computed, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
5
5
|
import * as i1 from '@angular/material/slide-toggle';
|
|
6
6
|
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
7
7
|
|
|
@@ -31,6 +31,8 @@ class WattSlideToggleComponent {
|
|
|
31
31
|
checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
|
|
32
32
|
isDisabled = signal(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
|
|
33
33
|
required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
|
|
34
|
+
size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
35
|
+
classes = computed(() => `watt-slide-toggle-size--${this.size()}`, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
34
36
|
writeValue(checked) {
|
|
35
37
|
this.checked.set(checked);
|
|
36
38
|
}
|
|
@@ -44,7 +46,7 @@ class WattSlideToggleComponent {
|
|
|
44
46
|
this.isDisabled.set(isDisabled);
|
|
45
47
|
}
|
|
46
48
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: WattSlideToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", type: WattSlideToggleComponent, isStandalone: true, selector: "watt-slide-toggle", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, providers: [
|
|
49
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", type: WattSlideToggleComponent, isStandalone: true, selector: "watt-slide-toggle", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { properties: { "class": "classes()" } }, providers: [
|
|
48
50
|
{
|
|
49
51
|
provide: NG_VALUE_ACCESSOR,
|
|
50
52
|
useExisting: forwardRef(() => WattSlideToggleComponent),
|
|
@@ -57,7 +59,7 @@ class WattSlideToggleComponent {
|
|
|
57
59
|
[disableRipple]="true"
|
|
58
60
|
[hideIcon]="true"
|
|
59
61
|
><ng-content
|
|
60
|
-
/></mat-slide-toggle>`, isInline: true, styles: ["watt-slide-toggle .mat-mdc-slide-toggle{--mat-slide-toggle-track-outline-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-selected-track-outline-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-handle-horizontal-margin: 0 8px;--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 8px;--mat-slide-toggle-selected-handle-horizontal-margin: 0 -8px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 -8px;--mat-slide-toggle-unselected-hover-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-pressed-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-focus-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-selected-track-outline-width: 0px}watt-slide-toggle .mat-mdc-slide-toggle:focus-within{--mat-slide-toggle-track-outline-color: var(--watt-color-primary)}watt-slide-toggle .mat-mdc-slide-toggle * label{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;padding-left:8px}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__track{--mat-slide-toggle-track-shape: 100px;--mat-slide-toggle-track-height: 32px;--mat-slide-toggle-unselected-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-unselected-hover-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-unselected-focus-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-unselected-pressed-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-selected-track-color: var(--watt-color-primary);--mat-slide-toggle-selected-pressed-track-color: var(--watt-color-primary);--mat-slide-toggle-selected-hover-track-color: var(--watt-color-primary);--mat-slide-toggle-selected-focus-track-color: var(--watt-color-primary)}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch{--mat-slide-toggle-track-width: 52px;--mat-slide-toggle-handle-elevation-shadow: none}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle{--mat-slide-toggle-handle-surface-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-handle-width: 16px;--mat-slide-toggle-handle-height: 16px;--mat-slide-toggle-handle-shape: 24px;--mat-slide-toggle-unselected-handle-size: 16px;--mat-slide-toggle-pressed-handle-size: 16px;--mat-slide-toggle-selected-handle-size: 16px;--mat-slide-toggle-selected-pressed-handle-size: 16px}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle,watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch--selected{--mat-slide-toggle-selected-handle-color: var(--watt-color-neutral-white);--mat-slide-toggle-selected-hover-handle-color: var(--watt-color-neutral-white);--mat-slide-toggle-selected-focus-handle-color: var(--watt-color-neutral-white);--mat-slide-toggle-handle-surface-color: var(--watt-color-neutral-white)}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle,watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch--unselected:enabled:hover:not(:focus):not(:active){--mat-slide-toggle-unselected-hover-handle-color: var(--watt-on-light-low-emphasis)}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle-track{--mat-slide-toggle-handle-width: 16px}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__ripple{display:none}\n"], dependencies: [{ kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
62
|
+
/></mat-slide-toggle>`, isInline: true, styles: ["watt-slide-toggle .mat-mdc-slide-toggle{--mat-slide-toggle-track-outline-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-selected-track-outline-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-handle-horizontal-margin: 0 8px;--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 8px;--mat-slide-toggle-selected-handle-horizontal-margin: 0 -8px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 -8px;--mat-slide-toggle-unselected-hover-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-pressed-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-focus-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-selected-track-outline-width: 0px}watt-slide-toggle .mat-mdc-slide-toggle:focus-within{--mat-slide-toggle-track-outline-color: var(--watt-color-primary)}watt-slide-toggle .mat-mdc-slide-toggle * label{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;padding-left:8px}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__track{--mat-slide-toggle-track-shape: 100px;--mat-slide-toggle-track-height: 32px;--mat-slide-toggle-unselected-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-unselected-hover-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-unselected-focus-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-unselected-pressed-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-selected-track-color: var(--watt-color-primary);--mat-slide-toggle-selected-pressed-track-color: var(--watt-color-primary);--mat-slide-toggle-selected-hover-track-color: var(--watt-color-primary);--mat-slide-toggle-selected-focus-track-color: var(--watt-color-primary)}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch{--mat-slide-toggle-track-width: 52px;--mat-slide-toggle-handle-elevation-shadow: none}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle{--mat-slide-toggle-handle-surface-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-handle-width: 16px;--mat-slide-toggle-handle-height: 16px;--mat-slide-toggle-handle-shape: 24px;--mat-slide-toggle-unselected-handle-size: 16px;--mat-slide-toggle-pressed-handle-size: 16px;--mat-slide-toggle-selected-handle-size: 16px;--mat-slide-toggle-selected-pressed-handle-size: 16px}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle,watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch--selected{--mat-slide-toggle-selected-handle-color: var(--watt-color-neutral-white);--mat-slide-toggle-selected-hover-handle-color: var(--watt-color-neutral-white);--mat-slide-toggle-selected-focus-handle-color: var(--watt-color-neutral-white);--mat-slide-toggle-handle-surface-color: var(--watt-color-neutral-white)}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle,watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch--unselected:enabled:hover:not(:focus):not(:active){--mat-slide-toggle-unselected-hover-handle-color: var(--watt-on-light-low-emphasis)}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle-track{--mat-slide-toggle-handle-width: 16px}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__ripple{display:none}watt-slide-toggle.watt-slide-toggle-size--small .mat-mdc-slide-toggle .mdc-switch__track{--mat-slide-toggle-track-height: 24px}watt-slide-toggle.watt-slide-toggle-size--small .mat-mdc-slide-toggle .mdc-switch{--mat-slide-toggle-track-width: 40px}watt-slide-toggle.watt-slide-toggle-size--small .mat-mdc-slide-toggle .mdc-switch__handle{--mat-slide-toggle-handle-width: 12px;--mat-slide-toggle-handle-height: 12px;--mat-slide-toggle-unselected-handle-size: 12px;--mat-slide-toggle-pressed-handle-size: 12px;--mat-slide-toggle-selected-handle-size: 12px;--mat-slide-toggle-selected-pressed-handle-size: 12px}watt-slide-toggle.watt-slide-toggle-size--small .mat-mdc-slide-toggle .mdc-switch__handle-track{--mat-slide-toggle-handle-width: 12px}\n"], dependencies: [{ kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
61
63
|
}
|
|
62
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: WattSlideToggleComponent, decorators: [{
|
|
63
65
|
type: Component,
|
|
@@ -67,15 +69,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
|
|
|
67
69
|
useExisting: forwardRef(() => WattSlideToggleComponent),
|
|
68
70
|
multi: true,
|
|
69
71
|
},
|
|
70
|
-
], selector: 'watt-slide-toggle', template: `<mat-slide-toggle
|
|
72
|
+
], host: { '[class]': 'classes()' }, selector: 'watt-slide-toggle', template: `<mat-slide-toggle
|
|
71
73
|
[disabled]="isDisabled()"
|
|
72
74
|
[required]="required()"
|
|
73
75
|
[(ngModel)]="checked"
|
|
74
76
|
[disableRipple]="true"
|
|
75
77
|
[hideIcon]="true"
|
|
76
78
|
><ng-content
|
|
77
|
-
/></mat-slide-toggle>`, styles: ["watt-slide-toggle .mat-mdc-slide-toggle{--mat-slide-toggle-track-outline-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-selected-track-outline-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-handle-horizontal-margin: 0 8px;--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 8px;--mat-slide-toggle-selected-handle-horizontal-margin: 0 -8px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 -8px;--mat-slide-toggle-unselected-hover-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-pressed-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-focus-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-selected-track-outline-width: 0px}watt-slide-toggle .mat-mdc-slide-toggle:focus-within{--mat-slide-toggle-track-outline-color: var(--watt-color-primary)}watt-slide-toggle .mat-mdc-slide-toggle * label{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;padding-left:8px}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__track{--mat-slide-toggle-track-shape: 100px;--mat-slide-toggle-track-height: 32px;--mat-slide-toggle-unselected-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-unselected-hover-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-unselected-focus-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-unselected-pressed-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-selected-track-color: var(--watt-color-primary);--mat-slide-toggle-selected-pressed-track-color: var(--watt-color-primary);--mat-slide-toggle-selected-hover-track-color: var(--watt-color-primary);--mat-slide-toggle-selected-focus-track-color: var(--watt-color-primary)}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch{--mat-slide-toggle-track-width: 52px;--mat-slide-toggle-handle-elevation-shadow: none}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle{--mat-slide-toggle-handle-surface-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-handle-width: 16px;--mat-slide-toggle-handle-height: 16px;--mat-slide-toggle-handle-shape: 24px;--mat-slide-toggle-unselected-handle-size: 16px;--mat-slide-toggle-pressed-handle-size: 16px;--mat-slide-toggle-selected-handle-size: 16px;--mat-slide-toggle-selected-pressed-handle-size: 16px}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle,watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch--selected{--mat-slide-toggle-selected-handle-color: var(--watt-color-neutral-white);--mat-slide-toggle-selected-hover-handle-color: var(--watt-color-neutral-white);--mat-slide-toggle-selected-focus-handle-color: var(--watt-color-neutral-white);--mat-slide-toggle-handle-surface-color: var(--watt-color-neutral-white)}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle,watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch--unselected:enabled:hover:not(:focus):not(:active){--mat-slide-toggle-unselected-hover-handle-color: var(--watt-on-light-low-emphasis)}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle-track{--mat-slide-toggle-handle-width: 16px}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__ripple{display:none}\n"] }]
|
|
78
|
-
}], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }] } });
|
|
79
|
+
/></mat-slide-toggle>`, styles: ["watt-slide-toggle .mat-mdc-slide-toggle{--mat-slide-toggle-track-outline-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-selected-track-outline-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-handle-horizontal-margin: 0 8px;--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 8px;--mat-slide-toggle-selected-handle-horizontal-margin: 0 -8px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 -8px;--mat-slide-toggle-unselected-hover-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-pressed-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-unselected-focus-handle-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-selected-track-outline-width: 0px}watt-slide-toggle .mat-mdc-slide-toggle:focus-within{--mat-slide-toggle-track-outline-color: var(--watt-color-primary)}watt-slide-toggle .mat-mdc-slide-toggle * label{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;padding-left:8px}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__track{--mat-slide-toggle-track-shape: 100px;--mat-slide-toggle-track-height: 32px;--mat-slide-toggle-unselected-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-unselected-hover-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-unselected-focus-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-unselected-pressed-track-color: var(--watt-color-neutral-white);--mat-slide-toggle-selected-track-color: var(--watt-color-primary);--mat-slide-toggle-selected-pressed-track-color: var(--watt-color-primary);--mat-slide-toggle-selected-hover-track-color: var(--watt-color-primary);--mat-slide-toggle-selected-focus-track-color: var(--watt-color-primary)}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch{--mat-slide-toggle-track-width: 52px;--mat-slide-toggle-handle-elevation-shadow: none}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle{--mat-slide-toggle-handle-surface-color: var(--watt-on-light-low-emphasis);--mat-slide-toggle-handle-width: 16px;--mat-slide-toggle-handle-height: 16px;--mat-slide-toggle-handle-shape: 24px;--mat-slide-toggle-unselected-handle-size: 16px;--mat-slide-toggle-pressed-handle-size: 16px;--mat-slide-toggle-selected-handle-size: 16px;--mat-slide-toggle-selected-pressed-handle-size: 16px}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle,watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch--selected{--mat-slide-toggle-selected-handle-color: var(--watt-color-neutral-white);--mat-slide-toggle-selected-hover-handle-color: var(--watt-color-neutral-white);--mat-slide-toggle-selected-focus-handle-color: var(--watt-color-neutral-white);--mat-slide-toggle-handle-surface-color: var(--watt-color-neutral-white)}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle,watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch--unselected:enabled:hover:not(:focus):not(:active){--mat-slide-toggle-unselected-hover-handle-color: var(--watt-on-light-low-emphasis)}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__handle-track{--mat-slide-toggle-handle-width: 16px}watt-slide-toggle .mat-mdc-slide-toggle .mdc-switch__ripple{display:none}watt-slide-toggle.watt-slide-toggle-size--small .mat-mdc-slide-toggle .mdc-switch__track{--mat-slide-toggle-track-height: 24px}watt-slide-toggle.watt-slide-toggle-size--small .mat-mdc-slide-toggle .mdc-switch{--mat-slide-toggle-track-width: 40px}watt-slide-toggle.watt-slide-toggle-size--small .mat-mdc-slide-toggle .mdc-switch__handle{--mat-slide-toggle-handle-width: 12px;--mat-slide-toggle-handle-height: 12px;--mat-slide-toggle-unselected-handle-size: 12px;--mat-slide-toggle-pressed-handle-size: 12px;--mat-slide-toggle-selected-handle-size: 12px;--mat-slide-toggle-selected-pressed-handle-size: 12px}watt-slide-toggle.watt-slide-toggle-size--small .mat-mdc-slide-toggle .mdc-switch__handle-track{--mat-slide-toggle-handle-width: 12px}\n"] }]
|
|
80
|
+
}], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
79
81
|
|
|
80
82
|
//#region License
|
|
81
83
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"energinet-watt-slide-toggle.mjs","sources":["../../../libs/watt/package/slide-toggle/watt-slide-toggle.component.ts","../../../libs/watt/package/slide-toggle/index.ts","../../../libs/watt/package/slide-toggle/energinet-watt-slide-toggle.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';\nimport {\n inject,\n input,\n model,\n signal,\n Component,\n forwardRef,\n ElementRef,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\n\n/**\n * Slide toggle\n */\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [MatSlideToggleModule, FormsModule],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => WattSlideToggleComponent),\n multi: true,\n },\n ],\n selector: 'watt-slide-toggle',\n styleUrls: ['./watt-slide-toggle.component.scss'],\n template: `<mat-slide-toggle\n [disabled]=\"isDisabled()\"\n [required]=\"required()\"\n [(ngModel)]=\"checked\"\n [disableRipple]=\"true\"\n [hideIcon]=\"true\"\n ><ng-content\n /></mat-slide-toggle>`,\n})\nexport class WattSlideToggleComponent implements ControlValueAccessor {\n private element = inject(ElementRef);\n\n checked = model(false);\n isDisabled = signal(false);\n required = input(false);\n\n writeValue(checked: boolean): void {\n this.checked.set(checked);\n }\n\n registerOnChange(fn: (value: boolean) => void): void {\n this.checked.subscribe(fn);\n }\n\n registerOnTouched(fn: (value: boolean) => void): void {\n this.element.nativeElement.addEventListener('focusout', fn);\n }\n\n setDisabledState?(isDisabled: boolean): void {\n this.isDisabled.set(isDisabled);\n }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattSlideToggleComponent } from './watt-slide-toggle.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;AACA;;;;;;;;;;;;;;;AAeG;AACH;
|
|
1
|
+
{"version":3,"file":"energinet-watt-slide-toggle.mjs","sources":["../../../libs/watt/package/slide-toggle/watt-slide-toggle.component.ts","../../../libs/watt/package/slide-toggle/index.ts","../../../libs/watt/package/slide-toggle/energinet-watt-slide-toggle.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';\nimport {\n inject,\n input,\n model,\n signal,\n computed,\n Component,\n forwardRef,\n ElementRef,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\n\nexport type WattSlideToggleSize = 'small' | 'medium';\n\n/**\n * Slide toggle\n */\n@Component({\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [MatSlideToggleModule, FormsModule],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => WattSlideToggleComponent),\n multi: true,\n },\n ],\n host: { '[class]': 'classes()' },\n selector: 'watt-slide-toggle',\n styleUrls: ['./watt-slide-toggle.component.scss'],\n template: `<mat-slide-toggle\n [disabled]=\"isDisabled()\"\n [required]=\"required()\"\n [(ngModel)]=\"checked\"\n [disableRipple]=\"true\"\n [hideIcon]=\"true\"\n ><ng-content\n /></mat-slide-toggle>`,\n})\nexport class WattSlideToggleComponent implements ControlValueAccessor {\n private element = inject(ElementRef);\n\n checked = model(false);\n isDisabled = signal(false);\n required = input(false);\n size = input<WattSlideToggleSize>('medium');\n classes = computed(() => `watt-slide-toggle-size--${this.size()}`);\n\n writeValue(checked: boolean): void {\n this.checked.set(checked);\n }\n\n registerOnChange(fn: (value: boolean) => void): void {\n this.checked.subscribe(fn);\n }\n\n registerOnTouched(fn: (value: boolean) => void): void {\n this.element.nativeElement.addEventListener('focusout', fn);\n }\n\n setDisabledState?(isDisabled: boolean): void {\n this.isDisabled.set(isDisabled);\n }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattSlideToggleComponent } from './watt-slide-toggle.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
|
|
4
|
+
type WattSlideToggleSize = 'small' | 'medium';
|
|
4
5
|
/**
|
|
5
6
|
* Slide toggle
|
|
6
7
|
*/
|
|
@@ -9,12 +10,14 @@ declare class WattSlideToggleComponent implements ControlValueAccessor {
|
|
|
9
10
|
checked: _angular_core.ModelSignal<boolean>;
|
|
10
11
|
isDisabled: _angular_core.WritableSignal<boolean>;
|
|
11
12
|
required: _angular_core.InputSignal<boolean>;
|
|
13
|
+
size: _angular_core.InputSignal<WattSlideToggleSize>;
|
|
14
|
+
classes: _angular_core.Signal<string>;
|
|
12
15
|
writeValue(checked: boolean): void;
|
|
13
16
|
registerOnChange(fn: (value: boolean) => void): void;
|
|
14
17
|
registerOnTouched(fn: (value: boolean) => void): void;
|
|
15
18
|
setDisabledState?(isDisabled: boolean): void;
|
|
16
19
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattSlideToggleComponent, never>;
|
|
17
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattSlideToggleComponent, "watt-slide-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
|
|
20
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattSlideToggleComponent, "watt-slide-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
|
|
18
21
|
}
|
|
19
22
|
|
|
20
23
|
export { WattSlideToggleComponent };
|