@energinet/watt 4.2.14 → 4.2.15-alpha.0

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

@@ -1,3 +1,6 @@
+import * as i0 from '@angular/core';
+import { input, computed, Component } from '@angular/core';
+
 //#region License
 /**
  * @license
@@ -16,13 +19,11 @@
  * limitations under the License.
  */
 //#endregion
-import { Component, computed, input } from '@angular/core';
-import * as i0 from "@angular/core";
 /**
  * Usage:
  * `import { WattBadgeComponent } from '@energinet/watt/badge';`
  */
-export class WattBadgeComponent {
+class WattBadgeComponent {
     type = input('info', ...(ngDevMode ? [{ debugName: "type" }] : []));
     size = input('normal', ...(ngDevMode ? [{ debugName: "size" }] : []));
     badgeType = computed(() => `watt-badge-${this.type()}`, ...(ngDevMode ? [{ debugName: "badgeType" }] : []));
@@ -37,4 +38,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         '[class.watt-badge-large]': 'isLarge()',
                     }, styles: [":host{border-radius:4px;padding:.125rem var(--watt-space-xs);color:var(--watt-typography-label-color);font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--watt-color-primary-dark)}:host.watt-badge-large{font-size:1rem;line-height:1.5rem;font-weight:700}:host.watt-badge-neutral{color:var(--watt-color-neutral-grey-600);background:var(--watt-color-neutral-grey-200)}:host.watt-badge-info{background:var(--watt-color-state-info-light)}:host.watt-badge-success{background:var(--watt-color-state-success-light)}:host.watt-badge-warning{background:var(--watt-color-state-warning-light)}:host.watt-badge-danger{color:var(--watt-color-state-danger);background:var(--watt-color-state-danger-light)}:host.watt-badge-version{color:var(--watt-on-light-high-emphasis);background:var(--watt-color-secondary)}:host.watt-badge-skeleton{color:transparent;animation:shine 1.6s infinite linear;background-color:var(--watt-color-neutral-grey-200);background-size:600px;background-image:linear-gradient(90deg,var(--watt-color-neutral-grey-300) 0px,var(--watt-color-neutral-grey-200) 40px,var(--watt-color-neutral-grey-300) 80px)}@keyframes shine{0%{background-position:-100px}40%,to{background-position:140px}}\n"] }]
         }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
-//# sourceMappingURL=watt-badge.component.js.map
+
+//#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 { WattBadgeComponent };
+//# sourceMappingURL=energinet-watt-badge.mjs.map

package/fesm2022/energinet-watt-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-badge.mjs","sources":["../../../libs/watt/package/badge/watt-badge.component.ts","../../../libs/watt/package/badge/index.ts","../../../libs/watt/package/badge/energinet-watt-badge.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 { Component, computed, input } from '@angular/core';\n\nexport type WattBadgeType =\n  | 'warning'\n  | 'success'\n  | 'danger'\n  | 'info'\n  | 'neutral'\n  | 'version'\n  | 'skeleton';\n\nexport type WattBadgeSize = 'normal' | 'large';\n\n/**\n * Usage:\n * `import { WattBadgeComponent } from '@energinet/watt/badge';`\n */\n@Component({\n  selector: 'watt-badge',\n  styleUrls: ['./watt-badge.component.scss'],\n  template: '<ng-content />',\n  host: {\n    '[class]': 'badgeType()',\n    '[class.watt-badge-large]': 'isLarge()',\n  },\n})\nexport class WattBadgeComponent {\n  type = input<WattBadgeType>('info');\n  size = input<WattBadgeSize>('normal');\n  badgeType = computed(() => `watt-badge-${this.type()}`);\n  isLarge = computed(() => this.size() === 'large');\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 { WattBadgeComponent, WattBadgeType, WattBadgeSize } from './watt-badge.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;AACA;;;;;;;;;;;;;;;AAeG;AACH;AAcA;;;AAGG;MAUU,kBAAkB,CAAA;AAC7B,IAAA,IAAI,GAAG,KAAK,CAAgB,MAAM,gDAAC;AACnC,IAAA,IAAI,GAAG,KAAK,CAAgB,QAAQ,gDAAC;AACrC,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAA,WAAA,EAAc,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,qDAAC;AACvD,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,mDAAC;wGAJtC,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,qZANnB,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,urCAAA,CAAA,EAAA,CAAA;;4FAMf,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,SAAS;+BACE,YAAY,EAAA,QAAA,EAEZ,gBAAgB,EAAA,IAAA,EACpB;AACJ,wBAAA,SAAS,EAAE,aAAa;AACxB,wBAAA,0BAA0B,EAAE,WAAW;AACxC,qBAAA,EAAA,MAAA,EAAA,CAAA,urCAAA,CAAA,EAAA;;;AC1CH;AACA;;;;;;;;;;;;;;;AAeG;AACH;;ACjBA;;AAEG;;;;"}

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

@@ -1,3 +1,10 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { viewChild, ViewEncapsulation, Component, contentChildren } from '@angular/core';
+import { Subject } from 'rxjs';
+import { outputFromObservable } from '@angular/core/rxjs-interop';
+import { WattIconComponent } from '@energinet/watt/icon';
+
 //#region License
 /**
  * @license
@@ -16,13 +23,7 @@
  * limitations under the License.
  */
 //#endregion
-import { NgTemplateOutlet } from '@angular/common';
-import { Component, ViewEncapsulation, contentChildren, viewChild, } from '@angular/core';
-import { Subject } from 'rxjs';
-import { outputFromObservable } from '@angular/core/rxjs-interop';
-import { WattIconComponent } from '@energinet/watt/icon';
-import * as i0 from "@angular/core";
-export class WattBreadcrumbComponent {
+class WattBreadcrumbComponent {
     templateRef = viewChild.required('templateRef');
     // Used to determine if the breadcrumb is interactive or not
     actionEmitter = new Subject();
@@ -42,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Usage:
  * `import { WATT_BREADCRUMBS } from '@energinet/watt/breadcrumbs';`
  */
-export class WattBreadcrumbsComponent {
+class WattBreadcrumbsComponent {
     /**
      * @ignore
      */
@@ -86,5 +87,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
     </nav>
   `, styles: ["watt-breadcrumbs{display:block;font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0}watt-breadcrumbs nav,watt-breadcrumbs .watt-breadcrumb{align-items:center;display:flex}watt-breadcrumbs .watt-breadcrumb{cursor:default}watt-breadcrumbs .watt-breadcrumb.interactive{cursor:pointer}watt-breadcrumbs .watt-breadcrumb:not(:last-child){color:var(--watt-color-primary);text-decoration:none}watt-breadcrumbs mat-icon:hover{color:var(--watt-color-primary-dark)}watt-breadcrumbs mat-icon{color:var(--watt-color-neutral-black)}\n"] }]
         }], propDecorators: { breadcrumbs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => WattBreadcrumbComponent), { isSignal: true }] }] } });
-export const WATT_BREADCRUMBS = [WattBreadcrumbsComponent, WattBreadcrumbComponent];
-//# sourceMappingURL=watt-breadcrumbs.component.js.map
+const WATT_BREADCRUMBS = [WattBreadcrumbsComponent, WattBreadcrumbComponent];
+
+//#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_BREADCRUMBS, WattBreadcrumbComponent, WattBreadcrumbsComponent };
+//# sourceMappingURL=energinet-watt-breadcrumbs.mjs.map

package/fesm2022/energinet-watt-breadcrumbs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-breadcrumbs.mjs","sources":["../../../libs/watt/package/breadcrumbs/watt-breadcrumbs.component.ts","../../../libs/watt/package/breadcrumbs/index.ts","../../../libs/watt/package/breadcrumbs/energinet-watt-breadcrumbs.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 { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  TemplateRef,\n  ViewEncapsulation,\n  contentChildren,\n  viewChild,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { outputFromObservable } from '@angular/core/rxjs-interop';\nimport { WattIconComponent } from '@energinet/watt/icon';\n\n@Component({\n  selector: 'watt-breadcrumb',\n  encapsulation: ViewEncapsulation.None,\n  template: `<ng-template #templateRef><ng-content /></ng-template>`,\n})\nexport class WattBreadcrumbComponent {\n  templateRef = viewChild.required<TemplateRef<unknown>>('templateRef');\n  // Used to determine if the breadcrumb is interactive or not\n  actionEmitter = new Subject<unknown>();\n  click = outputFromObservable(this.actionEmitter);\n}\n\n/**\n * Usage:\n * `import { WATT_BREADCRUMBS } from '@energinet/watt/breadcrumbs';`\n */\n@Component({\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgTemplateOutlet, WattIconComponent],\n  selector: 'watt-breadcrumbs',\n  styleUrls: ['./watt-breadcrumbs.component.scss'],\n  template: `\n    <nav>\n      @for (breadcrumb of breadcrumbs(); track breadcrumb; let isLast = $last) {\n        <span\n          class=\"watt-breadcrumb\"\n          (click)=\"breadcrumb.actionEmitter.next($event)\"\n          [class.interactive]=\"breadcrumb.actionEmitter.observed\"\n          [attr.role]=\"breadcrumb.actionEmitter.observed ? 'link' : null\"\n        >\n          <ng-container *ngTemplateOutlet=\"breadcrumb.templateRef()\" />\n          @if (!isLast) {\n            <watt-icon name=\"right\" />\n          }\n        </span>\n      }\n    </nav>\n  `,\n})\nexport class WattBreadcrumbsComponent {\n  /**\n   * @ignore\n   */\n  breadcrumbs = contentChildren<WattBreadcrumbComponent>(WattBreadcrumbComponent);\n}\n\nexport const WATT_BREADCRUMBS = [WattBreadcrumbsComponent, WattBreadcrumbComponent] as const;\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 {\n  WATT_BREADCRUMBS,\n  WattBreadcrumbsComponent,\n  WattBreadcrumbComponent,\n} from './watt-breadcrumbs.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;AACA;;;;;;;;;;;;;;;AAeG;AACH;MAkBa,uBAAuB,CAAA;AAClC,IAAA,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAuB,aAAa,CAAC;;AAErE,IAAA,aAAa,GAAG,IAAI,OAAO,EAAW;AACtC,IAAA,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC;wGAJrC,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,oOAFxB,CAAA,sDAAA,CAAwD,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FAEvD,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;oBAC3B,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,QAAQ,EAAE,CAAA,sDAAA,CAAwD;AACnE,iBAAA;yEAEwD,aAAa,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;AAMtE;;;AAGG;MAwBU,wBAAwB,CAAA;AACnC;;AAEG;AACH,IAAA,WAAW,GAAG,eAAe,CAA0B,uBAAuB,uDAAC;wGAJpE,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,SAAA,EAIoB,uBAAuB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAtBpE;;;;;;;;;;;;;;;;GAgBT,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,gjBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAnBS,gBAAgB,oJAAE,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FAqBlC,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAvBpC,SAAS;oCACO,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EAAA,QAAA,EACpC,kBAAkB,EAAA,QAAA,EAElB;;;;;;;;;;;;;;;;AAgBT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,gjBAAA,CAAA,EAAA;mGAMsD,uBAAuB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;MAGnE,gBAAgB,GAAG,CAAC,wBAAwB,EAAE,uBAAuB;;AC5ElF;AACA;;;;;;;;;;;;;;;AAeG;AACH;;ACjBA;;AAEG;;;;"}

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

@@ -1,3 +1,10 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { WattSpinnerComponent } from '@energinet/watt/spinner';
+import { WattIconComponent } from '@energinet/watt/icon';
+
 //#region License
 /**
  * @license
@@ -16,14 +23,8 @@
  * limitations under the License.
  */
 //#endregion
-import { input, computed, Component, ViewEncapsulation, ChangeDetectionStrategy, } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { WattSpinnerComponent } from '@energinet/watt/spinner';
-import { WattIconComponent } from '@energinet/watt/icon';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/button";
-export const WattButtonTypes = ['primary', 'secondary', 'text', 'icon', 'selection'];
-export class WattButtonComponent {
+const WattButtonTypes = ['primary', 'secondary', 'text', 'icon', 'selection'];
+class WattButtonComponent {
     icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
     variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : []));
     size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
@@ -94,4 +95,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
     </button>
   `, styles: [":root{--watt-button-color: var(--watt-color-primary);--watt-button-text-hover-color: var(--watt-color-primary-dark);--watt-button-text-focus-color: var(--watt-color-primary);--watt-button-text-transform: none;--watt-button-primary-disabled-color: var(--watt-color-neutral-grey-500);--mat-button-text-with-icon-horizontal-padding: var(--watt-space-m)}watt-button{display:inline-block}watt-button.watt-button--primary.watt-button--disabled .mat-mdc-button.mat-primary{background-color:transparent;color:var(--watt-button-primary-disabled-color)}watt-button.watt-button--primary watt-spinner{--watt-spinner-circle-color: var(--watt-color-neutral-white)}watt-button.watt-button--primary .mat-mdc-button.mat-primary{color:var(--watt-color-primary-contrast);background-color:var(--watt-color-primary);border:1px solid var(--watt-color-neutral-grey-300);--mat-button-text-label-text-color: var(--watt-color-primary-contrast)}watt-button.watt-button--primary .mat-mdc-button.mat-primary:focus-visible{background:var(--watt-color-primary-dark);outline:2px solid var(--watt-color-secondary)}watt-button.watt-button--primary .mat-mdc-button.mat-primary:hover,watt-button.watt-button--primary .mat-mdc-button.mat-primary:focus-visible{background:var(--watt-color-primary-dark)}watt-button.watt-button--secondary.watt-button--disabled .mat-mdc-button.mat-secondary{background-color:transparent;border-color:var(--watt-color-neutral-grey-300);color:var(--watt-color-neutral-grey-500)}watt-button.watt-button--secondary .mat-mdc-button.mat-secondary{border:1px solid var(--watt-color-primary);color:var(--watt-color-primary)}watt-button.watt-button--secondary .mat-mdc-button.mat-secondary:focus-visible{background:var(--watt-color-primary-light);outline:1px solid var(--watt-color-primary)}watt-button.watt-button--secondary .mat-mdc-button.mat-secondary:hover,watt-button.watt-button--secondary .mat-mdc-button.mat-secondary:focus-visible{background:var(--watt-color-primary-light)}watt-button.watt-button--text.watt-button--disabled .mat-mdc-button.mat-text{background-color:transparent;color:var(--watt-color-neutral-grey-500)}watt-button.watt-button--text .mat-mdc-button.mat-text{color:var(--watt-button-color);text-transform:var(--watt-button-text-transform);outline:2px solid transparent}watt-button.watt-button--text .mat-mdc-button.mat-text:focus-visible{color:var(--watt-button-text-hover-color);outline:2px solid var(--watt-button-text-focus-color)}watt-button.watt-button--text .mat-mdc-button.mat-text:hover,watt-button.watt-button--text .mat-mdc-button.mat-text:focus-visible{color:var(--watt-button-text-hover-color)}watt-button.watt-button--selection .mat-mdc-button.mat-selection{font-size:1rem;line-height:1.5rem;font-weight:400;text-transform:none;letter-spacing:0;border-radius:4px;border:1px solid var(--watt-color-neutral-grey-500)}watt-button.watt-button--selection .mat-mdc-button.mat-selection:hover{background-color:var(--watt-color-neutral-grey-100)}watt-button.watt-button--selection .mat-mdc-button.mat-selection.mat-mdc-button{width:100%;height:56px}watt-button.watt-button--selection .mat-mdc-button.mat-selection.mat-mdc-button .mdc-button__label{justify-content:flex-end;align-items:start;width:100%}watt-button.watt-button--selection .mat-mdc-button.mat-selection.mat-mdc-button .mdc-button__label .content-wrapper{width:100%;display:flex}watt-button.watt-button--selection .mat-mdc-button.mat-selection.mat-mdc-button .mdc-button__label .content-wrapper watt-icon{order:2;margin-left:auto}watt-button.watt-button--icon.watt-button--disabled .mat-mdc-button.mat-icon{background-color:transparent;color:var(--watt-color-neutral-grey-500)}watt-button.watt-button--icon .mat-mdc-button.mat-icon{color:var(--watt-color-primary);padding:var(--watt-space-s)}watt-button.watt-button--icon .mat-mdc-button.mat-icon:focus-visible{color:var(--watt-color-primary-dark);outline:2px solid var(--watt-color-primary)}watt-button.watt-button--icon .mat-mdc-button.mat-icon:hover,watt-button.watt-button--icon .mat-mdc-button.mat-icon:focus-visible{color:var(--watt-color-primary-dark)}watt-button.watt-button--icon .mat-mdc-button.mat-icon.mat-button{min-width:44px}watt-button .mdc-button{font-weight:600;font-size:1rem;line-height:1.5rem;padding:var(--watt-space-s) var(--watt-space-m)}watt-button .mdc-button.mat-mdc-button{min-width:44px;height:44px;--mat-button-text-label-text-tracking: 0;--mat-button-text-state-layer-color: var(--watt-ripple-color);--mat-button-text-ripple-color: var(--watt-ripple-color)}watt-button .mdc-button watt-spinner{position:absolute}watt-button .mdc-button .mat-button-focus-overlay{background:transparent}watt-button .mdc-button .mdc-button__label{display:flex;justify-content:center;align-items:center}watt-button .mdc-button .mdc-button__label .content-wrapper{display:flex;gap:var(--watt-space-s);white-space:nowrap}watt-button .mdc-button .mdc-button__label .content-wrapper--loading{visibility:hidden}watt-button.watt-button-size--small .mdc-button.mat-mdc-button{height:var(--watt-space-l)}\n"] }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], formId: [{ type: i0.Input, args: [{ isSignal: true, alias: "formId", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });
-//# sourceMappingURL=watt-button.component.js.map
+
+//#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 { WattButtonComponent };
+//# sourceMappingURL=energinet-watt-button.mjs.map

package/fesm2022/energinet-watt-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-button.mjs","sources":["../../../libs/watt/package/button/watt-button.component.ts","../../../libs/watt/package/button/index.ts","../../../libs/watt/package/button/energinet-watt-button.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 {\n  input,\n  computed,\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { WattSpinnerComponent } from '@energinet/watt/spinner';\nimport { WattIcon, WattIconComponent } from '@energinet/watt/icon';\n\nexport const WattButtonTypes = ['primary', 'secondary', 'text', 'icon', 'selection'] as const;\nexport type WattButtonVariant = (typeof WattButtonTypes)[number];\nexport type WattButtonType = 'button' | 'reset' | 'submit';\nexport type WattButtonSize = 'small' | 'medium';\n\n@Component({\n  selector: 'watt-button',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./watt-button.component.scss'],\n  host: {\n    '[class]': 'classes()',\n    '[class.watt-button--disabled]': 'disabled()',\n    '[style.pointer-events]': 'pointerEvents()',\n  },\n  imports: [WattIconComponent, WattSpinnerComponent, MatButtonModule],\n  template: `\n    <button\n      mat-button\n      [disableRipple]=\"true\"\n      [disabled]=\"disabled()\"\n      [type]=\"type()\"\n      [color]=\"variant()\"\n      [attr.form]=\"type() === 'submit' ? formId() : null\"\n    >\n      @if (loading()) {\n        <watt-spinner [diameter]=\"18\" />\n      }\n      <div [class.content-wrapper]=\"!loading()\" [class.content-wrapper--loading]=\"loading()\">\n        @if (hasIcon()) {\n          <watt-icon [name]=\"icon()\" />\n        }\n        @if (variant() !== 'icon') {\n          <ng-content />\n        }\n      </div>\n    </button>\n  `,\n})\nexport class WattButtonComponent {\n  icon = input<WattIcon>();\n  variant = input<WattButtonVariant>('primary');\n  size = input<WattButtonSize>('medium');\n  type = input<WattButtonType>('button');\n  formId = input<string | null>(null);\n  disabled = input(false);\n  loading = input(false);\n\n  classes = computed(() => `watt-button--${this.variant()} watt-button-size--${this.size()}`);\n\n  // Prevents emitting a click event in Chrome/Edge/Safari when a disabled button is clicked\n  // WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=89041\n  // Note: This solution is preferred (in this particular case) over adding styling to the Scss file\n  // because the presence of inline styles can be tested with Vitest.\n  pointerEvents = computed(() => (this.disabled() ? 'none' : 'auto'));\n\n  /**\n   * @ignore\n   */\n  hasIcon = computed(() => !!this.icon());\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 { WattButtonComponent } from './watt-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,38 @@
+import * as i0 from '@angular/core';
+import { ViewEncapsulation, ChangeDetectionStrategy, Component, input, computed } from '@angular/core';
+import { WattSpinnerComponent } from '@energinet/watt/spinner';
+
+//#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
+const selector = 'watt-card-title';
+class WattCardTitleComponent {
+    cssClass = () => 'watt-card__title watt-space-stack-m';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: WattCardTitleComponent, isStandalone: true, selector: "watt-card-title", host: { properties: { "class": "cssClass()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["watt-card-title{display:block}watt-card-title h4,watt-card-title h3{color:var(--watt-typography-text-color);margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattCardTitleComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: selector, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: {
+                        '[class]': 'cssClass()',
+                    }, styles: ["watt-card-title{display:block}watt-card-title h4,watt-card-title h3{color:var(--watt-typography-text-color);margin:0}\n"] }]
+        }] });
+
 //#region License
 /**
  * @license
@@ -16,15 +51,11 @@
  * limitations under the License.
  */
 //#endregion
-import { input, computed, Component, ChangeDetectionStrategy } from '@angular/core';
-import { WattCardTitleComponent } from './watt-card-title.component';
-import { WattSpinnerComponent } from '@energinet/watt/spinner';
-import * as i0 from "@angular/core";
 /**
  * Usage:
  * `import { WattCardComponent } from '@energinet/watt/card';`
  */
-export class WattCardComponent {
+class WattCardComponent {
     variant = input('solid', ...(ngDevMode ? [{ debugName: "variant" }] : []));
     loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
     cardVariant = computed(() => `watt-card watt-${this.variant()}`, ...(ngDevMode ? [{ debugName: "cardVariant" }] : []));
@@ -57,5 +88,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         '[class]': 'cardVariant()',
                     }, styles: [":host{border-radius:var(--watt-radius-m);display:block;padding:var(--watt-space-m);background:var(--bg-card)}:host.watt-solid{border:1px solid var(--watt-color-neutral-grey-300)}:host.watt-fill{border:1px solid var(--watt-color-neutral-grey-100);background:var(--watt-color-neutral-grey-100)}.watt-card__spinner{z-index:1;position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--watt-color-neutral-white);opacity:.5}\n"] }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });
-export const WATT_CARD = [WattCardComponent, WattCardTitleComponent];
-//# sourceMappingURL=watt-card.component.js.map
+const WATT_CARD = [WattCardComponent, WattCardTitleComponent];
+
+//#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_CARD, WattCardComponent, WattCardTitleComponent };
+//# sourceMappingURL=energinet-watt-card.mjs.map

package/fesm2022/energinet-watt-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-card.mjs","sources":["../../../libs/watt/package/card/watt-card-title.component.ts","../../../libs/watt/package/card/watt-card.component.ts","../../../libs/watt/package/card/index.ts","../../../libs/watt/package/card/energinet-watt-card.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 { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nconst selector = 'watt-card-title';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector,\n  styles: [\n    `\n      ${selector} {\n        display: block;\n      }\n\n      ${selector} h4, ${selector} h3 {\n        color: var(--watt-typography-text-color);\n        margin: 0;\n      }\n    `,\n  ],\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'cssClass()',\n  },\n})\nexport class WattCardTitleComponent {\n  cssClass = () => 'watt-card__title watt-space-stack-m';\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\nimport { input, computed, Component, ChangeDetectionStrategy } from '@angular/core';\n\nimport { WattCardTitleComponent } from './watt-card-title.component';\nimport { WattSpinnerComponent } from '@energinet/watt/spinner';\n\n/**\n * Usage:\n * `import { WattCardComponent } from '@energinet/watt/card';`\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'watt-card',\n  styles: [\n    `\n      :host {\n        border-radius: var(--watt-radius-m);\n        display: block;\n        padding: var(--watt-space-m); /* 24px */\n        background: var(--bg-card);\n      }\n\n      :host.watt-solid {\n        border: 1px solid var(--watt-color-neutral-grey-300);\n      }\n\n      :host.watt-fill {\n        border: 1px solid var(--watt-color-neutral-grey-100);\n        background: var(--watt-color-neutral-grey-100);\n      }\n\n      .watt-card__spinner {\n        z-index: 1;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-color: var(--watt-color-neutral-white);\n        opacity: 0.5;\n      }\n    `,\n  ],\n  template: `\n    <ng-content select=\"watt-card-title\" />\n\n    <ng-content />\n\n    @if (loading()) {\n      <div class=\"watt-card__spinner\">\n        <watt-spinner />\n      </div>\n    }\n  `,\n  imports: [WattSpinnerComponent],\n  host: {\n    '[class]': 'cardVariant()',\n  },\n})\nexport class WattCardComponent {\n  variant = input<WATT_CARD_VARIANT>('solid');\n  loading = input<boolean>(false);\n  cardVariant = computed(() => `watt-card watt-${this.variant()}`);\n}\n\nexport type WATT_CARD_VARIANT = 'solid' | 'elevation' | 'fill';\nexport const WATT_CARD = [WattCardComponent, WattCardTitleComponent];\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 { WattCardComponent, WATT_CARD, WATT_CARD_VARIANT } from './watt-card.component';\nexport { WattCardTitleComponent } from './watt-card-title.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,8 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, signal, input, forwardRef, ViewEncapsulation, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+
 //#region License
 /**
  * @license
@@ -16,11 +21,7 @@
  * limitations under the License.
  */
 //#endregion
-import { input, signal, inject, Component, ElementRef, forwardRef, ViewEncapsulation, } from '@angular/core';
-import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-export class WattCheckboxComponent {
+class WattCheckboxComponent {
     element = inject(ElementRef);
     checked = null;
     isdisabled = signal(false, ...(ngDevMode ? [{ debugName: "isdisabled" }] : []));
@@ -93,4 +94,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
     </label>
   `, styles: ["form.ng-submitted watt-checkbox.ng-invalid label{color:var(--watt-checkbox-error-color)}form.ng-submitted watt-checkbox.ng-invalid input{border-color:var(--watt-checkbox-error-color)}form.ng-submitted watt-checkbox.watt-checkbox--indeterminate.ng-invalid input{background-color:var(--watt-checkbox-error-color)}watt-checkbox{--watt-checkbox-disabled-color: var(--watt-color-neutral-grey-500);--watt-checkbox-color: var(--watt-color-primary);--watt-checkbox-color-focus: var(--watt-color-primary-dark);--watt-checkbox-color-hover: var(--watt-color-primary-dark);--watt-checkbox-border-color: var(--watt-on-light-low-emphasis);--watt-checkbox-border-color-hover: var(--watt-on-light-medium-emphasis);--watt-checkbox-border-color-focus: var(--watt-color-primary);--watt-checkbox-checkmark-color: var(--watt-on-dark-high-emphasis);--watt-checkbox-error-color: var(--watt-color-state-danger);display:block}watt-checkbox.ng-dirty.ng-invalid label{color:var(--watt-checkbox-error-color)}watt-checkbox.ng-dirty.ng-invalid input{border-color:var(--watt-checkbox-error-color)}watt-checkbox input{appearance:none;margin:0;padding:0;width:16px;height:16px;border:1px solid var(--watt-checkbox-border-color);border-radius:2px;display:grid;place-content:center;cursor:pointer}watt-checkbox input:before{content:\"\";width:.65em;height:.65em;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--watt-checkbox-checkmark-color);transform-origin:bottom left;clip-path:polygon(8.79% 46.33%,.66% 56%,40.8% 89.74%,99.73% 25.3%,91.52% 17.78%,40.8% 73.23%)}watt-checkbox input:focus-visible{outline:none}watt-checkbox:not(.ng-dirty.ng-invalid) input:not(:disabled):hover{border-color:var(--watt-checkbox-border-color-hover)}watt-checkbox:not(.ng-dirty.ng-invalid) input:not(:disabled):hover:checked,watt-checkbox:not(.ng-dirty.ng-invalid) input:not(:disabled):hover:indeterminate{background-color:var(--watt-checkbox-color-hover);border-color:var(--watt-checkbox-color-hover)}watt-checkbox:not(.ng-dirty.ng-invalid) input:not(:disabled):focus-visible{border-color:var(--watt-checkbox-border-color-focus)}watt-checkbox:not(.ng-dirty.ng-invalid) input:not(:disabled):focus-visible:checked,watt-checkbox:not(.ng-dirty.ng-invalid) input:not(:disabled):focus-visible:indeterminate{background-color:var(--watt-checkbox-color-focus);border-color:var(--watt-checkbox-color-focus)}watt-checkbox.watt-checkbox--indeterminate input:before{width:10px;height:1px;clip-path:none;transform:scale(1)}watt-checkbox input:checked:before{transform:scale(1)}watt-checkbox input:checked,watt-checkbox.watt-checkbox--indeterminate input{border-color:var(--watt-checkbox-color);background-color:var(--watt-checkbox-color)}watt-checkbox input:disabled{border-color:var(--watt-checkbox-disabled-color);cursor:inherit}watt-checkbox input:disabled:checked{background-color:var(--watt-checkbox-disabled-color)}watt-checkbox.watt-checkbox--disabled label{color:var(--watt-checkbox-disabled-color);cursor:inherit}watt-checkbox label{display:grid;grid-template-columns:1em auto;gap:.5em;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer}\n"] }]
         }], propDecorators: { required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }] } });
-//# sourceMappingURL=watt-checkbox.component.js.map
+
+//#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 { WattCheckboxComponent };
+//# sourceMappingURL=energinet-watt-checkbox.mjs.map

package/fesm2022/energinet-watt-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-checkbox.mjs","sources":["../../../libs/watt/package/checkbox/watt-checkbox.component.ts","../../../libs/watt/package/checkbox/index.ts","../../../libs/watt/package/checkbox/energinet-watt-checkbox.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 {\n  input,\n  signal,\n  inject,\n  Component,\n  ElementRef,\n  forwardRef,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'watt-checkbox',\n  encapsulation: ViewEncapsulation.None,\n  styleUrls: ['./watt-checkbox.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattCheckboxComponent),\n      multi: true,\n    },\n  ],\n  host: {\n    '[class.watt-checkbox--disabled]': 'isdisabled()',\n    '[class.watt-checkbox--indeterminate]': 'indeterminate()',\n  },\n  imports: [FormsModule],\n  template: `\n    <label class=\"watt-text-s\">\n      <input\n        [ngModel]=\"checked\"\n        [disabled]=\"isdisabled()\"\n        [indeterminate]=\"indeterminate()\"\n        [required]=\"required()\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"checkbox\"\n      />\n      <ng-content />\n    </label>\n  `,\n})\nexport class WattCheckboxComponent implements ControlValueAccessor {\n  private element = inject(ElementRef);\n\n  checked: boolean | null = null;\n\n  isdisabled = signal(false);\n  indeterminate = signal(false);\n  required = input(false);\n\n  onChange: (value: boolean) => void = () => {\n    //\n  };\n\n  registerOnChange(fn: (value: boolean) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: (value: boolean) => void): void {\n    this.element.nativeElement.addEventListener('focusout', fn);\n  }\n\n  writeValue(checked: boolean | null) {\n    this.indeterminate.set(checked === null ? true : false);\n    this.checked = checked;\n  }\n\n  onModelChange(e: boolean) {\n    this.indeterminate.set(false);\n    this.checked = e;\n    this.onChange(e);\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 { WattCheckboxComponent } from './watt-checkbox.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}