@energinet/watt 4.2.15-alpha.0 → 4.2.15

package/esm2022/radio/watt-radio-group.component.js

@@ -0,0 +1,119 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { Component, forwardRef, ViewEncapsulation, input, model, output, computed, booleanAttribute, ChangeDetectionStrategy, contentChildren, effect, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { WattFieldComponent } from '@energinet/watt/field';
+import { WattRadioComponent } from './watt-radio.component';
+import * as i0 from "@angular/core";
+export class WattRadioGroupComponent {
+    /**
+     * The field label.
+     */
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    /**
+     * The value of the radio button group.
+     */
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    /**
+     * Optional input for setting the name of the radio buttons.
+     * If no name is provided, the name will be auto-generated.
+     */
+    name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
+    /**
+     * Whether the radio button group is readonly.
+     */
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * Whether the radio button group is disabled.
+     */
+    disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    /**
+     * Emits when the radio button group is touched.
+     */
+    touched = output();
+    /**
+     * Tracks the FormControl instance bound to the directive.
+     */
+    formControl = input(null, ...(ngDevMode ? [{ debugName: "formControl" }] : []));
+    // Used for generating unique radio button names
+    static instance = 1;
+    instance = WattRadioGroupComponent.instance++;
+    group = computed(() => this.name() ?? `watt-radio-group-${this.instance}`, ...(ngDevMode ? [{ debugName: "group" }] : []));
+    radios = contentChildren((WattRadioComponent), ...(ngDevMode ? [{ debugName: "radios", descendants: true }] : [{ descendants: true }]));
+    inheritPropertiesEffect = effect(() => {
+        this.radios().forEach((r) => {
+            r.disabled.set(this.disabled());
+            r.name.set(this.group());
+        });
+    }, ...(ngDevMode ? [{ debugName: "inheritPropertiesEffect" }] : []));
+    // Two-way binding
+    constructor() {
+        effect(() => {
+            // group -> buttons
+            this.radios().forEach((r) => {
+                r.checked.set(r.value() === this.value());
+            });
+        });
+        // buttons -> group
+        effect((onCleanup) => {
+            if (this.readonly())
+                return;
+            const subscriptions = this.radios().map((r) => r.isChecked.subscribe(() => {
+                this.value.set(r.value());
+            }));
+            onCleanup(() => subscriptions.forEach((s) => s.unsubscribe()));
+        });
+    }
+    // Implementation for ControlValueAccessor
+    writeValue = (value) => this.value.set(value);
+    setDisabledState = (isDisabled) => this.disabled.set(isDisabled);
+    registerOnTouched = (fn) => this.touched.subscribe(fn);
+    registerOnChange = (fn) => this.value.subscribe(fn);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", type: WattRadioGroupComponent, isStandalone: true, selector: "watt-radio-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", disabled: "disabledChange", touched: "touched" }, host: { properties: { "class.disabled": "disabled()", "class.readonly": "readonly()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => WattRadioGroupComponent),
+                multi: true,
+            },
+        ], queries: [{ propertyName: "radios", predicate: (WattRadioComponent), descendants: true, isSignal: true }], ngImport: i0, template: `
+    <watt-field [label]="label()" [control]="formControl()" displayMode="content">
+      <ng-content />
+    </watt-field>
+  `, isInline: true, styles: ["watt-radio-group.readonly watt-radio{pointer-events:none}watt-radio-group.readonly watt-radio input,watt-radio-group.readonly watt-radio:has(input:not(:checked)){display:none}\n"], dependencies: [{ kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "displayMode", "autoFocus", "showErrors"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattRadioGroupComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [WattFieldComponent], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => WattRadioGroupComponent),
+                            multi: true,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'watt-radio-group', template: `
+    <watt-field [label]="label()" [control]="formControl()" displayMode="content">
+      <ng-content />
+    </watt-field>
+  `, encapsulation: ViewEncapsulation.None, host: {
+                        '[class.disabled]': 'disabled()',
+                        '[class.readonly]': 'readonly()',
+                    }, styles: ["watt-radio-group.readonly watt-radio{pointer-events:none}watt-radio-group.readonly watt-radio input,watt-radio-group.readonly watt-radio:has(input:not(:checked)){display:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], touched: [{ type: i0.Output, args: ["touched"] }], formControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "formControl", required: false }] }], radios: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => WattRadioComponent), { ...{ descendants: true }, isSignal: true }] }] } });
+export const WATT_RADIO = [WattRadioGroupComponent, WattRadioComponent];
+//# sourceMappingURL=watt-radio-group.component.js.map

package/esm2022/radio/watt-radio-group.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-radio-group.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/radio/watt-radio-group.component.ts"],"names":[],"mappings":"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","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 {\n  Component,\n  forwardRef,\n  ViewEncapsulation,\n  input,\n  model,\n  output,\n  computed,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  contentChildren,\n  effect,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattRadioComponent } from './watt-radio.component';\n\n@Component({\n  imports: [WattFieldComponent],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattRadioGroupComponent),\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'watt-radio-group',\n  styles: `\n    watt-radio-group.readonly watt-radio {\n      pointer-events: none;\n\n      & input,\n      &:has(input:not(:checked)) {\n        display: none;\n      }\n    }\n  `,\n  template: `\n    <watt-field [label]=\"label()\" [control]=\"formControl()\" displayMode=\"content\">\n      <ng-content />\n    </watt-field>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class.disabled]': 'disabled()',\n    '[class.readonly]': 'readonly()',\n  },\n})\nexport class WattRadioGroupComponent<T> implements ControlValueAccessor {\n  /**\n   * The field label.\n   */\n  label = input<string>();\n\n  /**\n   * The value of the radio button group.\n   */\n  value = model<T | null>();\n\n  /**\n   * Optional input for setting the name of the radio buttons.\n   * If no name is provided, the name will be auto-generated.\n   */\n  name = input<string>();\n\n  /**\n   * Whether the radio button group is readonly.\n   */\n  readonly = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whether the radio button group is disabled.\n   */\n  disabled = model(false);\n\n  /**\n   * Emits when the radio button group is touched.\n   */\n  touched = output();\n\n  /**\n   * Tracks the FormControl instance bound to the directive.\n   */\n  formControl = input<FormControl | null>(null);\n\n  // Used for generating unique radio button names\n  private static instance = 1;\n  private instance = WattRadioGroupComponent.instance++;\n  private group = computed(() => this.name() ?? `watt-radio-group-${this.instance}`);\n\n  private radios = contentChildren(WattRadioComponent<T>, { descendants: true });\n  protected inheritPropertiesEffect = effect(() => {\n    this.radios().forEach((r) => {\n      r.disabled.set(this.disabled());\n      r.name.set(this.group());\n    });\n  });\n\n  // Two-way binding\n  constructor() {\n    effect(() => {\n      // group -> buttons\n      this.radios().forEach((r) => {\n        r.checked.set(r.value() === this.value());\n      });\n    });\n\n    // buttons -> group\n    effect((onCleanup) => {\n      if (this.readonly()) return;\n      const subscriptions = this.radios().map((r) =>\n        r.isChecked.subscribe(() => {\n          this.value.set(r.value());\n        })\n      );\n\n      onCleanup(() => subscriptions.forEach((s) => s.unsubscribe()));\n    });\n  }\n\n  // Implementation for ControlValueAccessor\n  writeValue = (value: T | null | undefined) => this.value.set(value);\n  setDisabledState = (isDisabled: boolean) => this.disabled.set(isDisabled);\n  registerOnTouched = (fn: () => void) => this.touched.subscribe(fn);\n  registerOnChange = (fn: (value: T | null | undefined) => void) => this.value.subscribe(fn);\n}\n\nexport const WATT_RADIO = [WattRadioGroupComponent, WattRadioComponent] as const;\n"]}

package/{fesm2022/energinet-watt-radio.mjs → esm2022/radio/watt-radio.component.js}

@@ -1,8 +1,3 @@
-import * as i0 from '@angular/core';
-import { input, linkedSignal, model, output, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component, booleanAttribute, computed, contentChildren, effect } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { WattFieldComponent } from '@energinet/watt/field';
-
 //#region License
 /**
  * @license
@@ -21,7 +16,10 @@ import { WattFieldComponent } from '@energinet/watt/field';
  * limitations under the License.
  */
 //#endregion
-class WattRadioComponent {
+import { Component, forwardRef, ViewEncapsulation, input, linkedSignal, model, output, ChangeDetectionStrategy, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+export class WattRadioComponent {
     /** The name of the radio button. Prefer using `<watt-radio-group>` over this. */
     group = input(...(ngDevMode ? [undefined, { debugName: "group" }] : []));
     name = linkedSignal(this.group, ...(ngDevMode ? [{ debugName: "name" }] : [])); // allows inheriting from `watt-radio-group`
@@ -87,143 +85,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         '[class.disabled]': 'disabled()',
                     }, styles: [":root{--watt-radio-color: var(--watt-on-light-low-emphasis);--watt-radio-color-hover: var(--watt-on-light-medium-emphasis);--watt-radio-color-focus: var(--watt-color-primary);--watt-radio-color-checked: var(--watt-color-primary);--watt-radio-color-checked-hover: var(--watt-color-primary-dark);--watt-radio-color-checked-focus: var(--watt-color-primary-dark);--watt-disabled-radio-color: var(--watt-color-neutral-grey-500);--watt-radio-label-color: var(--watt-on-light-high-emphasis);--watt-disabled-radio-label-color: var(--watt-on-light-low-emphasis)}watt-radio{padding:2px 0}watt-radio:not(:has(:disabled)) label,watt-radio:not(:has(:disabled)) input{cursor:pointer}watt-radio label{display:flex;align-items:center;color:var(--watt-radio-label-color)}watt-radio label.disabled{color:var(--watt-radio-disabled-label-color)}watt-radio input[type=radio]{width:16px;height:16px;min-width:16px;min-height:16px;appearance:none;margin:0 var(--watt-space-s) 0 0;background:var(--watt-radio-color);border-radius:50%;display:grid;place-content:center}watt-radio input[type=radio]:before{content:\"\";width:14px;height:14px;border-radius:50%;transform:scale(1);transition:var(--watt-time-extra-short) transform var(--watt-ease-linear);background:var(--watt-color-neutral-white)}watt-radio input[type=radio]:checked{background:var(--watt-radio-color-checked)}watt-radio input[type=radio]:checked:before{transform:scale(.33)}watt-radio input:focus{outline:none}watt-radio input:not(:disabled):hover{background:var(--watt-radio-color-hover)}watt-radio input:not(:disabled):hover:checked{background:var(--watt-radio-color-checked-hover)}watt-radio input:not(:disabled):focus-visible{background:var(--watt-radio-color-focus)}watt-radio input:not(:disabled):focus-visible:checked{background:var(--watt-radio-color-checked-focus)}watt-radio.disabled{--watt-radio-label-color: var(--watt-disabled-radio-label-color);--watt-radio-color: var(--watt-disabled-radio-color);--watt-radio-color-checked: var(--watt-disabled-radio-color)}\n"] }]
         }], propDecorators: { group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], isChecked: [{ type: i0.Output, args: ["isChecked"] }], touched: [{ type: i0.Output, args: ["touched"] }] } });
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-class WattRadioGroupComponent {
-    /**
-     * The field label.
-     */
-    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-    /**
-     * The value of the radio button group.
-     */
-    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
-    /**
-     * Optional input for setting the name of the radio buttons.
-     * If no name is provided, the name will be auto-generated.
-     */
-    name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
-    /**
-     * Whether the radio button group is readonly.
-     */
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /**
-     * Whether the radio button group is disabled.
-     */
-    disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-    /**
-     * Emits when the radio button group is touched.
-     */
-    touched = output();
-    /**
-     * Tracks the FormControl instance bound to the directive.
-     */
-    formControl = input(null, ...(ngDevMode ? [{ debugName: "formControl" }] : []));
-    // Used for generating unique radio button names
-    static instance = 1;
-    instance = WattRadioGroupComponent.instance++;
-    group = computed(() => this.name() ?? `watt-radio-group-${this.instance}`, ...(ngDevMode ? [{ debugName: "group" }] : []));
-    radios = contentChildren((WattRadioComponent), ...(ngDevMode ? [{ debugName: "radios", descendants: true }] : [{ descendants: true }]));
-    inheritPropertiesEffect = effect(() => {
-        this.radios().forEach((r) => {
-            r.disabled.set(this.disabled());
-            r.name.set(this.group());
-        });
-    }, ...(ngDevMode ? [{ debugName: "inheritPropertiesEffect" }] : []));
-    // Two-way binding
-    constructor() {
-        effect(() => {
-            // group -> buttons
-            this.radios().forEach((r) => {
-                r.checked.set(r.value() === this.value());
-            });
-        });
-        // buttons -> group
-        effect((onCleanup) => {
-            if (this.readonly())
-                return;
-            const subscriptions = this.radios().map((r) => r.isChecked.subscribe(() => {
-                this.value.set(r.value());
-            }));
-            onCleanup(() => subscriptions.forEach((s) => s.unsubscribe()));
-        });
-    }
-    // Implementation for ControlValueAccessor
-    writeValue = (value) => this.value.set(value);
-    setDisabledState = (isDisabled) => this.disabled.set(isDisabled);
-    registerOnTouched = (fn) => this.touched.subscribe(fn);
-    registerOnChange = (fn) => this.value.subscribe(fn);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", type: WattRadioGroupComponent, isStandalone: true, selector: "watt-radio-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", disabled: "disabledChange", touched: "touched" }, host: { properties: { "class.disabled": "disabled()", "class.readonly": "readonly()" } }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => WattRadioGroupComponent),
-                multi: true,
-            },
-        ], queries: [{ propertyName: "radios", predicate: (WattRadioComponent), descendants: true, isSignal: true }], ngImport: i0, template: `
-    <watt-field [label]="label()" [control]="formControl()" displayMode="content">
-      <ng-content />
-    </watt-field>
-  `, isInline: true, styles: ["watt-radio-group.readonly watt-radio{pointer-events:none}watt-radio-group.readonly watt-radio input,watt-radio-group.readonly watt-radio:has(input:not(:checked)){display:none}\n"], dependencies: [{ kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "displayMode", "autoFocus", "showErrors"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattRadioGroupComponent, decorators: [{
-            type: Component,
-            args: [{ imports: [WattFieldComponent], providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => WattRadioGroupComponent),
-                            multi: true,
-                        },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'watt-radio-group', template: `
-    <watt-field [label]="label()" [control]="formControl()" displayMode="content">
-      <ng-content />
-    </watt-field>
-  `, encapsulation: ViewEncapsulation.None, host: {
-                        '[class.disabled]': 'disabled()',
-                        '[class.readonly]': 'readonly()',
-                    }, styles: ["watt-radio-group.readonly watt-radio{pointer-events:none}watt-radio-group.readonly watt-radio input,watt-radio-group.readonly watt-radio:has(input:not(:checked)){display:none}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], touched: [{ type: i0.Output, args: ["touched"] }], formControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "formControl", required: false }] }], radios: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => WattRadioComponent), { ...{ descendants: true }, isSignal: true }] }] } });
-const WATT_RADIO = [WattRadioGroupComponent, WattRadioComponent];
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { WATT_RADIO, WattRadioComponent, WattRadioGroupComponent };
-//# sourceMappingURL=energinet-watt-radio.mjs.map
+//# sourceMappingURL=watt-radio.component.js.map

package/esm2022/radio/watt-radio.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-radio.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/radio/watt-radio.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EACL,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,KAAK,EACL,YAAY,EACZ,KAAK,EACL,MAAM,EACN,uBAAuB,GACxB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAwB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;;AAgCzE,MAAM,OAAO,kBAAkB;IAC7B,iFAAiF;IACjF,KAAK,GAAG,KAAK,2DAAU,CAAC;IACxB,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,gDAAC,CAAC,CAAC,4CAA4C;IAE7E,iCAAiC;IACjC,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAK,CAAC;IAE5B,qCAAqC;IACrC,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IAExB,oCAAoC;IACpC,OAAO,GAAG,KAAK,CAAC,KAAK,mDAAC,CAAC;IAEvB,wEAAwE;IACxE,SAAS,GAAG,MAAM,EAAE,CAAC;IAErB,uCAAuC;IACvC,OAAO,GAAG,MAAM,EAAE,CAAC;IAEnB,0CAA0C;IAC1C,UAAU,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACvF,gBAAgB,GAAG,CAAC,UAAmB,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC1E,iBAAiB,GAAG,CAAC,EAAc,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IACnE,gBAAgB,GAAG,CAAC,EAAyC,EAAE,EAAE,CAC/D,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;wGAzBxC,kBAAkB;4FAAlB,kBAAkB,4tBA5BlB;YACT;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC;gBACjD,KAAK,EAAE,IAAI;aACZ;SACF,0BAGS;;;;;;;;;;;;;GAaT;;4FAMU,kBAAkB;kBA9B9B,SAAS;sCACS,uBAAuB,CAAC,MAAM,aACpC;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,mBAAmB,CAAC;4BACjD,KAAK,EAAE,IAAI;yBACZ;qBACF,YACS,YAAY,YAEZ;;;;;;;;;;;;;GAaT,iBACc,iBAAiB,CAAC,IAAI,QAC/B;wBACJ,kBAAkB,EAAE,YAAY;qBACjC","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 {\n  Component,\n  forwardRef,\n  ViewEncapsulation,\n  input,\n  linkedSignal,\n  model,\n  output,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattRadioComponent),\n      multi: true,\n    },\n  ],\n  selector: 'watt-radio',\n  styleUrls: ['./watt-radio.component.scss'],\n  template: `\n    <label class=\"watt-text-s\">\n      <input\n        type=\"radio\"\n        [name]=\"name()\"\n        [value]=\"value()\"\n        [disabled]=\"disabled()\"\n        [checked]=\"checked()\"\n        (change)=\"isChecked.emit()\"\n        (blur)=\"touched.emit()\"\n      />\n      <ng-content />\n    </label>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class.disabled]': 'disabled()',\n  },\n})\nexport class WattRadioComponent<T> implements ControlValueAccessor {\n  /** The name of the radio button. Prefer using `<watt-radio-group>` over this. */\n  group = input<string>();\n  name = linkedSignal(this.group); // allows inheriting from `watt-radio-group`\n\n  /** Value of the radio button. */\n  value = input.required<T>();\n\n  /** Whether the radio is disabled. */\n  disabled = model(false);\n\n  /** Whether the radio is checked. */\n  checked = model(false);\n\n  /** Emits only when the radio is checked. Never emits when unchecked. */\n  isChecked = output();\n\n  /** Emits when the radio is touched. */\n  touched = output();\n\n  // Implementation for ControlValueAccessor\n  writeValue = (value: T | null | undefined) => this.checked.set(value === this.value());\n  setDisabledState = (isDisabled: boolean) => this.disabled.set(isDisabled);\n  registerOnTouched = (fn: () => void) => this.touched.subscribe(fn);\n  registerOnChange = (fn: (value: T | null | undefined) => void) =>\n    this.isChecked.subscribe(() => fn(this.value()));\n}\n"]}

package/esm2022/search/energinet-watt-search.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=energinet-watt-search.js.map

package/esm2022/search/energinet-watt-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-search.js","sourceRoot":"","sources":["../../../../libs/watt/package/search/energinet-watt-search.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/search/index.js

@@ -0,0 +1,20 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+export { WattSearchComponent } from './watt-search.component';
+//# sourceMappingURL=index.js.map

package/esm2022/search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/watt/package/search/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC","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\nexport { WattSearchComponent } from './watt-search.component';\n"]}

package/{fesm2022/energinet-watt-search.mjs → esm2022/search/watt-search.component.js}

@@ -1,9 +1,3 @@
-import { outputFromObservable } from '@angular/core/rxjs-interop';
-import * as i0 from '@angular/core';
-import { viewChild, input, Component } from '@angular/core';
-import { BehaviorSubject, skip, debounceTime } from 'rxjs';
-import { WattIconComponent } from '@energinet/watt/icon';
-
 //#region License
 /**
  * @license
@@ -22,7 +16,12 @@ import { WattIconComponent } from '@energinet/watt/icon';
  * limitations under the License.
  */
 //#endregion
-class WattSearchComponent {
+import { outputFromObservable } from '@angular/core/rxjs-interop';
+import { Component, input, viewChild } from '@angular/core';
+import { BehaviorSubject, debounceTime, skip } from 'rxjs';
+import { WattIconComponent } from '@energinet/watt/icon';
+import * as i0 from "@angular/core";
+export class WattSearchComponent {
     /**
      * @ignore
      */
@@ -113,29 +112,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
     </label>
   `, styles: [":host{height:44px}label{display:inline-block;width:100%;position:relative;text-transform:none;overflow:hidden;pointer-events:none}input{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;font-family:inherit;width:100%;height:44px;padding-left:var(--watt-space-l);padding-right:12px;border:1px solid var(--watt-on-light-low-emphasis);border-radius:4px;outline:0;opacity:0;transition-property:opacity}.wrapper{display:inline-flex;position:absolute;left:100%;width:100%;height:100%;transition-property:transform}.button{display:inline-flex;gap:var(--watt-space-xs);align-items:center;height:44px;padding:0 16px;color:var(--watt-color-primary);transform:translate(-100%);transition-property:transform;pointer-events:auto;cursor:pointer}.button:hover{color:var(--watt-color-primary-dark)}.text{opacity:1;transition-property:opacity}.clear{position:absolute;top:50%;right:var(--watt-space-s);padding:var(--watt-space-xs);border:none;border-radius:4px;background:none;color:var(--watt-color-primary);transform:translateY(-50%);cursor:pointer;pointer-events:auto}.clear:focus-visible{outline:2px solid var(--watt-color-primary)}input:placeholder-shown~.clear{display:none}input,.wrapper,.button,.text{transition-duration:.3s;transition-timing-function:cubic-bezier(.75,0,.25,1)}input{transition-timing-function:cubic-bezier(0,.5,0,1)}input:focus{border:1px solid var(--watt-color-primary)}input:not(:placeholder-shown),input:focus{pointer-events:auto;opacity:1;transition-timing-function:cubic-bezier(1,0,.5,0)}input:not(:placeholder-shown)+.wrapper,input:focus+.wrapper{transform:translate(-100%)}input:not(:placeholder-shown)+.wrapper .button,input:focus+.wrapper .button{pointer-events:none;transform:translate(-6px)}input:not(:placeholder-shown)+.wrapper .text,input:focus+.wrapper .text{opacity:0}\n"] }]
         }], propDecorators: { input: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], debounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceTime", required: false }] }], trim: [{ type: i0.Input, args: [{ isSignal: true, alias: "trim", required: false }] }], search: [{ type: i0.Output, args: ["search"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { WattSearchComponent };
-//# sourceMappingURL=energinet-watt-search.mjs.map
+//# sourceMappingURL=watt-search.component.js.map

package/esm2022/search/watt-search.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-search.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/search/watt-search.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAc,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAExE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAgB,MAAM,sBAAsB,CAAC;;AA2BvE,MAAM,OAAO,mBAAmB;IAC9B;;OAEG;IACH,KAAK,GAAG,SAAS,CAAC,QAAQ,CAA+B,OAAO,CAAC,CAAC;IAElE;;OAEG;IACH,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC,CAAC;IAE1B;;OAEG;IACH,YAAY,GAAG,KAAK,CAAS,GAAG,wDAAC,CAAC;IAElC;;OAEG;IACH,IAAI,GAAG,KAAK,CAAC,IAAI,gDAAC,CAAC;IAEnB;;OAEG;IACH,OAAO,GAAG,IAAI,eAAe,CAAS,EAAE,CAAC,CAAC;IAE1C;;OAEG;IACH,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IAE7F;;OAEG;IACH,IAAI,GAAG,KAAK,CAAe,GAAG,gDAAC,CAAC;IAEhC;;OAEG;IACH,OAAO,CAAC,KAAa;QACnB,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QACrD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC;IAED;;OAEG;IACH,KAAK;QACH,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC;QAC3C,IAAI,OAAO,CAAC,KAAK,KAAK,EAAE;YAAE,OAAO;QAEjC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;wGArDU,mBAAmB;4FAAnB,mBAAmB,itBArBpB;;;;;;;;;;;;;;;;;;;GAmBT,s3DAtBS,iBAAiB;;4FAwBhB,mBAAmB;kBAzB/B,SAAS;8BACC,CAAC,iBAAiB,CAAC,YAClB,aAAa,YAEb;;;;;;;;;;;;;;;;;;;GAmBT;mEAMwD,OAAO","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 { outputFromObservable } from '@angular/core/rxjs-interop';\nimport { Component, ElementRef, input, viewChild } from '@angular/core';\n\nimport { BehaviorSubject, debounceTime, skip } from 'rxjs';\n\nimport { WattIconComponent, WattIconSize } from '@energinet/watt/icon';\n\n@Component({\n  imports: [WattIconComponent],\n  selector: 'watt-search',\n  styleUrls: ['./watt-search.component.scss'],\n  template: `\n    <label>\n      <input\n        #input\n        type=\"text\"\n        role=\"searchbox\"\n        [placeholder]=\"label()\"\n        (input)=\"onInput(input.value)\"\n      />\n      <span class=\"wrapper\">\n        <span class=\"button\">\n          <watt-icon name=\"search\" [size]=\"size()\" aria-hidden=\"true\" />\n          <span class=\"text\">{{ label() }}</span>\n        </span>\n      </span>\n      <button class=\"clear\" (click)=\"clear()\">\n        <watt-icon name=\"close\" [size]=\"size()\" />\n      </button>\n    </label>\n  `,\n})\nexport class WattSearchComponent {\n  /**\n   * @ignore\n   */\n  input = viewChild.required<ElementRef<HTMLInputElement>>('input');\n\n  /**\n   * @ignore\n   */\n  label = input<string>('');\n\n  /**\n   * @ignore\n   */\n  debounceTime = input<number>(300);\n\n  /**\n   * If true, trims whitespace from the search value before emitting.\n   */\n  trim = input(true);\n\n  /**\n   * @ignore\n   */\n  search$ = new BehaviorSubject<string>('');\n\n  /**\n   * @ignore\n   */\n  search = outputFromObservable(this.search$.pipe(skip(1), debounceTime(this.debounceTime())));\n\n  /**\n   * @ignore\n   */\n  size = input<WattIconSize>('s');\n\n  /**\n   * Handles input event, optionally trimming the value.\n   */\n  onInput(value: string): void {\n    const processed = this.trim() ? value.trim() : value;\n    this.search$.next(processed);\n  }\n\n  /**\n   * @ignore\n   */\n  clear(): void {\n    const element = this.input().nativeElement;\n    if (element.value === '') return;\n\n    element.value = '';\n    this.onInput(element.value);\n  }\n}\n"]}

package/esm2022/segmented-buttons/energinet-watt-segmented-buttons.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=energinet-watt-segmented-buttons.js.map

package/esm2022/segmented-buttons/energinet-watt-segmented-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-segmented-buttons.js","sourceRoot":"","sources":["../../../../libs/watt/package/segmented-buttons/energinet-watt-segmented-buttons.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/segmented-buttons/index.js

@@ -0,0 +1,27 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { WattSegmentedButtonsComponent } from './watt-segmented-buttons.component';
+import { WattSegmentedButtonComponent } from './watt-segmented-button.component';
+export { WattSegmentedButtonsComponent } from './watt-segmented-buttons.component';
+export { WattSegmentedButtonComponent } from './watt-segmented-button.component';
+export const WATT_SEGMENTED_BUTTONS = [
+    WattSegmentedButtonsComponent,
+    WattSegmentedButtonComponent,
+];
+//# sourceMappingURL=index.js.map

package/esm2022/segmented-buttons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/watt/package/segmented-buttons/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,6BAA6B;IAC7B,4BAA4B;CACpB,CAAC","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 { WattSegmentedButtonsComponent } from './watt-segmented-buttons.component';\nimport { WattSegmentedButtonComponent } from './watt-segmented-button.component';\n\nexport { WattSegmentedButtonsComponent } from './watt-segmented-buttons.component';\nexport { WattSegmentedButtonComponent } from './watt-segmented-button.component';\nexport const WATT_SEGMENTED_BUTTONS = [\n  WattSegmentedButtonsComponent,\n  WattSegmentedButtonComponent,\n] as const;\n"]}

package/esm2022/segmented-buttons/watt-segmented-button.component.js

@@ -0,0 +1,39 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { Component, input, TemplateRef, viewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+export class WattSegmentedButtonComponent {
+    templateRef = viewChild.required(TemplateRef);
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    link = input(...(ngDevMode ? [undefined, { debugName: "link" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattSegmentedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", type: WattSegmentedButtonComponent, isStandalone: true, selector: "watt-segmented-button", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: ` <ng-template>
+    <ng-content />
+  </ng-template>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattSegmentedButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'watt-segmented-button',
+                    template: ` <ng-template>
+    <ng-content />
+  </ng-template>`,
+                }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }] } });
+//# sourceMappingURL=watt-segmented-button.component.js.map

package/esm2022/segmented-buttons/watt-segmented-button.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-segmented-button.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/segmented-buttons/watt-segmented-button.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAQzE,MAAM,OAAO,4BAA4B;IACvC,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAuB,WAAW,CAAC,CAAC;IACpE,KAAK,GAAG,KAAK,2DAAU,CAAC;IACxB,IAAI,GAAG,KAAK,0DAAU,CAAC;wGAHZ,4BAA4B;4FAA5B,4BAA4B,uXACgB,WAAW,gEALxD;;iBAEK;;4FAEJ,4BAA4B;kBANxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE;;iBAEK;iBAChB;6FAEwD,WAAW","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 { Component, input, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n  selector: 'watt-segmented-button',\n  template: ` <ng-template>\n    <ng-content />\n  </ng-template>`,\n})\nexport class WattSegmentedButtonComponent {\n  templateRef = viewChild.required<TemplateRef<unknown>>(TemplateRef);\n  value = input<string>();\n  link = input<string>();\n}\n"]}