@energinet/watt 2.0.13 → 2.1.0

package/fesm2022/energinet-watt-tabs.mjs

@@ -1,254 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, Component, contentChildren, ViewEncapsulation, viewChild, TemplateRef, output, inject, ChangeDetectorRef, contentChild, HostBinding, ChangeDetectionStrategy } from '@angular/core';
-import { RouterOutlet, RouterLink, RouterLinkActive } from '@angular/router';
-import * as i1 from '@angular/material/tabs';
-import { MatTabsModule, MatTabGroup } from '@angular/material/tabs';
-import { VaterFlexComponent } from '@energinet/watt/vater';
-import { NgTemplateOutlet } from '@angular/common';
-
-//#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 WattLinkTabComponent {
-    label = input.required();
-    link = input.required();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattLinkTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.1", type: WattLinkTabComponent, isStandalone: true, selector: "watt-link-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattLinkTabComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'watt-link-tab',
-                    template: ``,
-                }]
-        }] });
-
-//#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 WattLinkTabsComponent {
-    tabElements = contentChildren(WattLinkTabComponent);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattLinkTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattLinkTabsComponent, isStandalone: true, selector: "watt-link-tabs", queries: [{ propertyName: "tabElements", predicate: WattLinkTabComponent, isSignal: true }], ngImport: i0, template: `
-    <vater-flex autoSize fill="vertical">
-      <nav
-        mat-tab-nav-bar
-        [disableRipple]="true"
-        animationDuration="0ms"
-        [mat-stretch-tabs]="false"
-        [tabPanel]="tabPanel"
-      >
-        @for (tab of tabElements(); track tab) {
-          <a mat-tab-link [routerLink]="tab.link()" routerLinkActive="active">
-            {{ tab.label() }}
-          </a>
-        }
-      </nav>
-
-      <mat-tab-nav-panel #tabPanel><router-outlet /></mat-tab-nav-panel>
-    </vater-flex>
-  `, isInline: true, styles: ["@use \"@energinet-datahub/watt/utils\" as watt;watt-link-tabs .mat-mdc-tab-header{box-shadow:var(--watt-bottom-box-shadow);background-color:var(--watt-color-neutral-white)}watt-link-tabs .mat-mdc-tab-nav-panel{display:block;position:relative;height:100%}watt-link-tabs .mat-mdc-tab-links,watt-link-tabs .mat-focus-indicator.mat-mdc-tab-link.active .mdc-tab__text-label{color:var(--mat-tab-header-active-label-text-color)}watt-link-tabs .mat-mdc-tab-labels,watt-link-tabs .mat-mdc-tab-links{padding-left:var(--watt-space-ml)}watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link{min-width:120px;opacity:1}:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link) .mdc-tab__content{@include watt.typography-watt-button;color:var(--watt-on-light-medium-emphasis)}:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-active,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-link.active{border-bottom:2px solid var(--watt-color-primary)}:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab:hover,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-link:hover{border-bottom:2px solid var(--watt-color-primary)}:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-active,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-link.active,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab:hover,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-link:hover{color:var(--watt-on-light-medium-emphasis)}:is(:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-active,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-link.active,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab:hover,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-link:hover) .mdc-tab__content{color:var(--watt-color-primary)}\n"], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i1.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i1.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i1.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: VaterFlexComponent, selector: "vater-flex, [vater-flex]", inputs: ["autoSize"] }], encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattLinkTabsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'watt-link-tabs', encapsulation: ViewEncapsulation.None, imports: [MatTabsModule, RouterOutlet, RouterLink, RouterLinkActive, VaterFlexComponent], template: `
-    <vater-flex autoSize fill="vertical">
-      <nav
-        mat-tab-nav-bar
-        [disableRipple]="true"
-        animationDuration="0ms"
-        [mat-stretch-tabs]="false"
-        [tabPanel]="tabPanel"
-      >
-        @for (tab of tabElements(); track tab) {
-          <a mat-tab-link [routerLink]="tab.link()" routerLinkActive="active">
-            {{ tab.label() }}
-          </a>
-        }
-      </nav>
-
-      <mat-tab-nav-panel #tabPanel><router-outlet /></mat-tab-nav-panel>
-    </vater-flex>
-  `, styles: ["@use \"@energinet-datahub/watt/utils\" as watt;watt-link-tabs .mat-mdc-tab-header{box-shadow:var(--watt-bottom-box-shadow);background-color:var(--watt-color-neutral-white)}watt-link-tabs .mat-mdc-tab-nav-panel{display:block;position:relative;height:100%}watt-link-tabs .mat-mdc-tab-links,watt-link-tabs .mat-focus-indicator.mat-mdc-tab-link.active .mdc-tab__text-label{color:var(--mat-tab-header-active-label-text-color)}watt-link-tabs .mat-mdc-tab-labels,watt-link-tabs .mat-mdc-tab-links{padding-left:var(--watt-space-ml)}watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link{min-width:120px;opacity:1}:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link) .mdc-tab__content{@include watt.typography-watt-button;color:var(--watt-on-light-medium-emphasis)}:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-active,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-link.active{border-bottom:2px solid var(--watt-color-primary)}:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab:hover,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-link:hover{border-bottom:2px solid var(--watt-color-primary)}:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-active,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-link.active,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab:hover,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-link:hover{color:var(--watt-on-light-medium-emphasis)}:is(:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-active,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-link.active,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab:hover,:is(watt-link-tabs .mat-mdc-tab,watt-link-tabs .mat-mdc-tab-link).mat-mdc-tab-link:hover) .mdc-tab__content{color:var(--watt-color-primary)}\n"] }]
-        }] });
-
-//#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 WattTabComponent {
-    templateRef = viewChild.required(TemplateRef);
-    label = input('');
-    changed = output();
-    emitChange() {
-        this.changed.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.1", type: WattTabComponent, isStandalone: true, selector: "watt-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, 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: "19.2.1", ngImport: i0, type: WattTabComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'watt-tab',
-                    template: `<ng-template>
-    <ng-content />
-  </ng-template>`,
-                }]
-        }] });
-
-//#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 WattTabsActionComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattTabsActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: WattTabsActionComponent, isStandalone: true, selector: "watt-tabs-action", ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattTabsActionComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'watt-tabs-action',
-                    template: `<ng-content />`,
-                }]
-        }] });
-
-//#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 WattTabsComponent {
-    cdr = inject(ChangeDetectorRef);
-    variant = input();
-    get hostClass() {
-        return this.variant() ? `watt-tabs-${this.variant()}` : '';
-    }
-    tabElements = contentChildren(WattTabComponent);
-    activeTabIndex = 0;
-    tabGroup = viewChild.required(MatTabGroup);
-    actionsTab = contentChild(WattTabsActionComponent);
-    ngAfterViewInit() {
-        this.cdr.detectChanges();
-    }
-    emitSelectedTabChange(selectedIndex) {
-        this.activeTabIndex = selectedIndex;
-        const currentTab = this.tabElements().find((tab, index) => index === selectedIndex);
-        currentTab?.emitChange();
-    }
-    setSelectedIndex(index) {
-        this.tabGroup().selectedIndex = index;
-    }
-    triggerChange() {
-        this.emitSelectedTabChange(this.activeTabIndex);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattTabsComponent, isStandalone: true, selector: "watt-tabs", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClass" } }, queries: [{ propertyName: "tabElements", predicate: WattTabComponent, isSignal: true }, { propertyName: "actionsTab", first: true, predicate: WattTabsActionComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tabGroup", first: true, predicate: MatTabGroup, descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<mat-tab-group\n  [mat-stretch-tabs]=\"false\"\n  dynamicHeight\n  animationDuration=\"0ms\"\n  [disableRipple]=\"true\"\n  (selectedIndexChange)=\"emitSelectedTabChange($event)\"\n>\n  @for (tab of tabElements(); track tab) {\n    <mat-tab [label]=\"tab.label()\">\n      <ng-container *ngTemplateOutlet=\"tab.templateRef()\" />\n    </mat-tab>\n  }\n\n  @if (actionsTab()) {\n    <mat-tab labelClass=\"watt-tabs-action\" [disabled]=\"true\">\n      <ng-template mat-tab-label>\n        <ng-content />\n      </ng-template>\n    </mat-tab>\n  }\n</mat-tab-group>\n", styles: ["watt-drawer watt-tabs .mat-mdc-tab-group,watt-drawer watt-tabs .mat-mdc-tab-body-wrapper{height:auto}watt-tabs.watt-tabs-secondary .mat-mdc-tab.mat-mdc-tab:hover{border-bottom:none}watt-tabs.watt-tabs-secondary .mdc-tab{padding-left:var(--watt-space-m);padding-right:var(--watt-space-m);height:32px}watt-tabs.watt-tabs-secondary .mat-mdc-tab-group.mat-primary .mdc-tab.cdk-focused.cdk-keyboard-focused:focus{background-color:transparent}watt-tabs.watt-tabs-secondary .mat-mdc-tab-group,watt-tabs.watt-tabs-secondary .mat-mdc-tab-nav-bar{--mat-tab-header-active-focus-indicator-color: var(--watt-color-secondary);--mat-tab-header-active-focus-label-text-color: var(--watt-color-neutral-black);--mat-tab-header-active-hover-indicator-color: var(--watt-color-secondary);--mat-tab-header-active-hover-label-text-color: var(--watt-color-neutral-black);--mat-tab-header-active-label-text-color: var(--watt-color-neutral-black);--mat-tab-header-inactive-label-text-color: var(--watt-on-light-low-emphasis);--mat-tab-header-inactive-ripple-color: none;--mat-tab-header-disabled-ripple-color: none;--mdc-tab-indicator-active-indicator-color: var(--watt-color-secondary);--mdc-tab-indicator-active-indicator-height: 3px;--mdc-tab-indicator-active-indicator-shape: 99999px;--mat-tab-header-active-ripple-color: transparent}watt-tabs.watt-tabs-secondary .mat-mdc-tab-header{background:none;box-shadow:none}watt-tabs.watt-tabs-secondary .mat-mdc-tab-labels{flex-wrap:wrap;padding-left:0}watt-tabs.watt-tabs-secondary .mdc-tab-indicator__content--underline{width:43px}watt-tabs.watt-tabs-secondary .mat-mdc-tab-body-wrapper{padding:var(--watt-space-s);padding-top:var(--watt-space-m)}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action{flex-grow:1;justify-content:flex-end;cursor:default;height:auto}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action.mat-mdc-tab-disabled{opacity:1}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action.mat-mdc-tab-disabled,watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action .mdc-tab__content{pointer-events:initial}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action:hover{border-bottom:none}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action:hover .mdc-tab__ripple{display:none}watt-tabs .mat-mdc-tab-body{width:100%}watt-tabs .mat-mdc-tab-group,watt-tabs .mat-mdc-tab-body-wrapper{height:100%}watt-tabs .mat-mdc-tab-group.mat-primary .mdc-tab.cdk-focused.cdk-keyboard-focused:focus{background-color:var(--watt-color-primary-ultralight)}watt-tabs .mat-mdc-tab-labels{padding-left:var(--watt-space-ml)}watt-tabs .mat-mdc-tab{min-width:120px;opacity:1}watt-tabs .mat-mdc-tab .mdc-tab__content{color:var(--watt-typography-button-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--watt-on-light-medium-emphasis)}watt-tabs .mat-mdc-tab.mat-mdc-tab-active{border-bottom:2px solid var(--watt-color-primary)}watt-tabs .mat-mdc-tab.mat-mdc-tab:hover{border-bottom:2px solid var(--watt-color-primary)}watt-tabs .mat-mdc-tab.mat-mdc-tab-active,watt-tabs .mat-mdc-tab.mat-mdc-tab:hover{color:var(--watt-on-light-medium-emphasis)}watt-tabs .mat-mdc-tab.mat-mdc-tab-active .mdc-tab__content,watt-tabs .mat-mdc-tab.mat-mdc-tab:hover .mdc-tab__content{color:var(--watt-color-primary)}watt-tabs .mat-mdc-tab-body-wrapper{padding:var(--watt-space-ml)}watt-tabs .mat-mdc-tab-body.mat-mdc-tab-body-active,watt-tabs .mat-mdc-tab-group.mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body.mat-mdc-tab-body-active,watt-tabs .mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body-content{position:relative;overflow:initial}watt-tabs .mat-tab-label-container{padding-left:var(--watt-space-ml)}watt-tabs .mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination{display:none}watt-tabs .mat-mdc-tab-header{box-shadow:var(--watt-bottom-box-shadow);background-color:var(--watt-color-neutral-white)}watt-tabs .mat-ink-bar{display:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattTabsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'watt-tabs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, imports: [NgTemplateOutlet, MatTabsModule], template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<mat-tab-group\n  [mat-stretch-tabs]=\"false\"\n  dynamicHeight\n  animationDuration=\"0ms\"\n  [disableRipple]=\"true\"\n  (selectedIndexChange)=\"emitSelectedTabChange($event)\"\n>\n  @for (tab of tabElements(); track tab) {\n    <mat-tab [label]=\"tab.label()\">\n      <ng-container *ngTemplateOutlet=\"tab.templateRef()\" />\n    </mat-tab>\n  }\n\n  @if (actionsTab()) {\n    <mat-tab labelClass=\"watt-tabs-action\" [disabled]=\"true\">\n      <ng-template mat-tab-label>\n        <ng-content />\n      </ng-template>\n    </mat-tab>\n  }\n</mat-tab-group>\n", styles: ["watt-drawer watt-tabs .mat-mdc-tab-group,watt-drawer watt-tabs .mat-mdc-tab-body-wrapper{height:auto}watt-tabs.watt-tabs-secondary .mat-mdc-tab.mat-mdc-tab:hover{border-bottom:none}watt-tabs.watt-tabs-secondary .mdc-tab{padding-left:var(--watt-space-m);padding-right:var(--watt-space-m);height:32px}watt-tabs.watt-tabs-secondary .mat-mdc-tab-group.mat-primary .mdc-tab.cdk-focused.cdk-keyboard-focused:focus{background-color:transparent}watt-tabs.watt-tabs-secondary .mat-mdc-tab-group,watt-tabs.watt-tabs-secondary .mat-mdc-tab-nav-bar{--mat-tab-header-active-focus-indicator-color: var(--watt-color-secondary);--mat-tab-header-active-focus-label-text-color: var(--watt-color-neutral-black);--mat-tab-header-active-hover-indicator-color: var(--watt-color-secondary);--mat-tab-header-active-hover-label-text-color: var(--watt-color-neutral-black);--mat-tab-header-active-label-text-color: var(--watt-color-neutral-black);--mat-tab-header-inactive-label-text-color: var(--watt-on-light-low-emphasis);--mat-tab-header-inactive-ripple-color: none;--mat-tab-header-disabled-ripple-color: none;--mdc-tab-indicator-active-indicator-color: var(--watt-color-secondary);--mdc-tab-indicator-active-indicator-height: 3px;--mdc-tab-indicator-active-indicator-shape: 99999px;--mat-tab-header-active-ripple-color: transparent}watt-tabs.watt-tabs-secondary .mat-mdc-tab-header{background:none;box-shadow:none}watt-tabs.watt-tabs-secondary .mat-mdc-tab-labels{flex-wrap:wrap;padding-left:0}watt-tabs.watt-tabs-secondary .mdc-tab-indicator__content--underline{width:43px}watt-tabs.watt-tabs-secondary .mat-mdc-tab-body-wrapper{padding:var(--watt-space-s);padding-top:var(--watt-space-m)}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action{flex-grow:1;justify-content:flex-end;cursor:default;height:auto}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action.mat-mdc-tab-disabled{opacity:1}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action.mat-mdc-tab-disabled,watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action .mdc-tab__content{pointer-events:initial}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action:hover{border-bottom:none}watt-tabs .mat-mdc-tab.mdc-tab.watt-tabs-action:hover .mdc-tab__ripple{display:none}watt-tabs .mat-mdc-tab-body{width:100%}watt-tabs .mat-mdc-tab-group,watt-tabs .mat-mdc-tab-body-wrapper{height:100%}watt-tabs .mat-mdc-tab-group.mat-primary .mdc-tab.cdk-focused.cdk-keyboard-focused:focus{background-color:var(--watt-color-primary-ultralight)}watt-tabs .mat-mdc-tab-labels{padding-left:var(--watt-space-ml)}watt-tabs .mat-mdc-tab{min-width:120px;opacity:1}watt-tabs .mat-mdc-tab .mdc-tab__content{color:var(--watt-typography-button-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--watt-on-light-medium-emphasis)}watt-tabs .mat-mdc-tab.mat-mdc-tab-active{border-bottom:2px solid var(--watt-color-primary)}watt-tabs .mat-mdc-tab.mat-mdc-tab:hover{border-bottom:2px solid var(--watt-color-primary)}watt-tabs .mat-mdc-tab.mat-mdc-tab-active,watt-tabs .mat-mdc-tab.mat-mdc-tab:hover{color:var(--watt-on-light-medium-emphasis)}watt-tabs .mat-mdc-tab.mat-mdc-tab-active .mdc-tab__content,watt-tabs .mat-mdc-tab.mat-mdc-tab:hover .mdc-tab__content{color:var(--watt-color-primary)}watt-tabs .mat-mdc-tab-body-wrapper{padding:var(--watt-space-ml)}watt-tabs .mat-mdc-tab-body.mat-mdc-tab-body-active,watt-tabs .mat-mdc-tab-group.mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body.mat-mdc-tab-body-active,watt-tabs .mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body-content{position:relative;overflow:initial}watt-tabs .mat-tab-label-container{padding-left:var(--watt-space-ml)}watt-tabs .mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination{display:none}watt-tabs .mat-mdc-tab-header{box-shadow:var(--watt-bottom-box-shadow);background-color:var(--watt-color-neutral-white)}watt-tabs .mat-ink-bar{display:none}\n"] }]
-        }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-//#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 WATT_TABS = [WattTabsComponent, WattTabComponent, WattTabsActionComponent];
-const WATT_LINK_TABS = [WattLinkTabsComponent, WattLinkTabComponent];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { WATT_LINK_TABS, WATT_TABS, WattLinkTabComponent, WattLinkTabsComponent, WattTabComponent, WattTabsActionComponent, WattTabsComponent };
-//# sourceMappingURL=energinet-watt-tabs.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"energinet-watt-tabs.mjs","sources":["../../../libs/watt/package/tabs/watt-link-tab.component.ts","../../../libs/watt/package/tabs/watt-link-tabs.component.ts","../../../libs/watt/package/tabs/watt-tab.component.ts","../../../libs/watt/package/tabs/watt-tabs-action.component.ts","../../../libs/watt/package/tabs/watt-tabs.component.ts","../../../libs/watt/package/tabs/watt-tabs.component.html","../../../libs/watt/package/tabs/index.ts","../../../libs/watt/package/tabs/energinet-watt-tabs.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, input } from '@angular/core';\n\n@Component({\n  selector: 'watt-link-tab',\n  template: ``,\n})\nexport class WattLinkTabComponent {\n  label = input.required<string>();\n  link = input.required<string>();\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 { Component, ViewEncapsulation, contentChildren } from '@angular/core';\nimport { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';\nimport { MatTabsModule } from '@angular/material/tabs';\n\nimport { VaterFlexComponent } from '@energinet/watt/vater';\nimport { WattLinkTabComponent } from './watt-link-tab.component';\n\n@Component({\n  selector: 'watt-link-tabs',\n  encapsulation: ViewEncapsulation.None,\n  imports: [MatTabsModule, RouterOutlet, RouterLink, RouterLinkActive, VaterFlexComponent],\n  styles: `\n    @use '@energinet-datahub/watt/utils' as watt;\n\n    watt-link-tabs {\n      .mat-mdc-tab-header {\n        box-shadow: var(--watt-bottom-box-shadow);\n        background-color: var(--watt-color-neutral-white);\n      }\n\n      .mat-mdc-tab-nav-panel {\n        display: block;\n        position: relative;\n        height: 100%;\n      }\n\n      .mat-mdc-tab-links,\n      .mat-focus-indicator.mat-mdc-tab-link.active .mdc-tab__text-label {\n        color: var(--mat-tab-header-active-label-text-color);\n      }\n\n      .mat-mdc-tab-labels,\n      .mat-mdc-tab-links {\n        padding-left: var(--watt-space-ml);\n      }\n\n      .mat-mdc-tab,\n      .mat-mdc-tab-link {\n        min-width: 120px;\n        opacity: 1;\n\n        .mdc-tab__content {\n          @include watt.typography-watt-button;\n          color: var(--watt-on-light-medium-emphasis);\n        }\n\n        &.mat-mdc-tab-active,\n        &.mat-mdc-tab-link.active {\n          border-bottom: 2px solid var(--watt-color-primary);\n        }\n\n        &.mat-mdc-tab:hover,\n        &.mat-mdc-tab-link:hover {\n          border-bottom: 2px solid var(--watt-color-primary);\n        }\n\n        &.mat-mdc-tab-active,\n        &.mat-mdc-tab-link.active,\n        &.mat-mdc-tab:hover,\n        &.mat-mdc-tab-link:hover {\n          color: var(--watt-on-light-medium-emphasis);\n\n          .mdc-tab__content {\n            color: var(--watt-color-primary);\n          }\n        }\n      }\n    }\n  `,\n  template: `\n    <vater-flex autoSize fill=\"vertical\">\n      <nav\n        mat-tab-nav-bar\n        [disableRipple]=\"true\"\n        animationDuration=\"0ms\"\n        [mat-stretch-tabs]=\"false\"\n        [tabPanel]=\"tabPanel\"\n      >\n        @for (tab of tabElements(); track tab) {\n          <a mat-tab-link [routerLink]=\"tab.link()\" routerLinkActive=\"active\">\n            {{ tab.label() }}\n          </a>\n        }\n      </nav>\n\n      <mat-tab-nav-panel #tabPanel><router-outlet /></mat-tab-nav-panel>\n    </vater-flex>\n  `,\n})\nexport class WattLinkTabsComponent {\n  tabElements = contentChildren(WattLinkTabComponent);\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 { Component, TemplateRef, input, output, viewChild } from '@angular/core';\n\n@Component({\n  selector: 'watt-tab',\n  template: `<ng-template>\n    <ng-content />\n  </ng-template>`,\n})\nexport class WattTabComponent {\n  templateRef = viewChild.required<TemplateRef<unknown>>(TemplateRef);\n  label = input<string>('');\n  changed = output<void>();\n\n  emitChange() {\n    this.changed.emit();\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\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'watt-tabs-action',\n  template: `<ng-content />`,\n})\nexport class WattTabsActionComponent {}\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 {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  AfterViewInit,\n  ViewEncapsulation,\n  inject,\n  HostBinding,\n  contentChild,\n  viewChild,\n  input,\n  contentChildren,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MatTabGroup, MatTabsModule } from '@angular/material/tabs';\n\nimport { WattTabComponent } from './watt-tab.component';\nimport { WattTabsActionComponent } from './watt-tabs-action.component';\n\n@Component({\n  selector: 'watt-tabs',\n  styleUrls: ['./watt-tabs.component.scss'],\n  templateUrl: './watt-tabs.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.Default,\n  imports: [NgTemplateOutlet, MatTabsModule],\n})\nexport class WattTabsComponent implements AfterViewInit {\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  variant = input<string>();\n\n  @HostBinding('class')\n  get hostClass() {\n    return this.variant() ? `watt-tabs-${this.variant()}` : '';\n  }\n\n  tabElements = contentChildren(WattTabComponent);\n  activeTabIndex = 0;\n\n  tabGroup = viewChild.required(MatTabGroup);\n\n  actionsTab = contentChild(WattTabsActionComponent);\n\n  ngAfterViewInit() {\n    this.cdr.detectChanges();\n  }\n\n  emitSelectedTabChange(selectedIndex: number) {\n    this.activeTabIndex = selectedIndex;\n    const currentTab = this.tabElements().find((tab, index) => index === selectedIndex);\n    currentTab?.emitChange();\n  }\n\n  setSelectedIndex(index: number) {\n    this.tabGroup().selectedIndex = index;\n  }\n\n  triggerChange() {\n    this.emitSelectedTabChange(this.activeTabIndex);\n  }\n}\n","<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<mat-tab-group\n  [mat-stretch-tabs]=\"false\"\n  dynamicHeight\n  animationDuration=\"0ms\"\n  [disableRipple]=\"true\"\n  (selectedIndexChange)=\"emitSelectedTabChange($event)\"\n>\n  @for (tab of tabElements(); track tab) {\n    <mat-tab [label]=\"tab.label()\">\n      <ng-container *ngTemplateOutlet=\"tab.templateRef()\" />\n    </mat-tab>\n  }\n\n  @if (actionsTab()) {\n    <mat-tab labelClass=\"watt-tabs-action\" [disabled]=\"true\">\n      <ng-template mat-tab-label>\n        <ng-content />\n      </ng-template>\n    </mat-tab>\n  }\n</mat-tab-group>\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 { WattLinkTabComponent } from './watt-link-tab.component';\nimport { WattLinkTabsComponent } from './watt-link-tabs.component';\n\nimport { WattTabComponent } from './watt-tab.component';\nimport { WattTabsActionComponent } from './watt-tabs-action.component';\nimport { WattTabsComponent } from './watt-tabs.component';\n\nexport { WattTabComponent } from './watt-tab.component';\nexport { WattTabsActionComponent } from './watt-tabs-action.component';\nexport { WattTabsComponent } from './watt-tabs.component';\n\nexport { WattLinkTabComponent } from './watt-link-tab.component';\nexport { WattLinkTabsComponent } from './watt-link-tabs.component';\n\nexport const WATT_TABS = [WattTabsComponent, WattTabComponent, WattTabsActionComponent];\nexport const WATT_LINK_TABS = [WattLinkTabsComponent, WattLinkTabComponent];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/energinet-watt-text-field.mjs

@@ -1,316 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, inject, ElementRef, forwardRef, HostBinding, ViewChild, Output, Input, ViewEncapsulation, Component } from '@angular/core';
-import * as i3 from '@angular/forms';
-import { ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import * as i1 from '@angular/material/autocomplete';
-import { MatAutocompleteModule, MatAutocomplete } from '@angular/material/autocomplete';
-import { WattFieldComponent } from '@energinet/watt/field';
-import { WattIconComponent } from '@energinet/watt/icon';
-import * as i2 from '@angular/material/core';
-
-//#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 WattTextFieldComponent {
-    value;
-    type = 'text';
-    placeholder;
-    label = '';
-    tooltip;
-    prefix;
-    maxLength = null;
-    formControl;
-    autocompleteOptions;
-    autocompleteMatcherFn;
-    /** @ignore */
-    autocompleteRef;
-    /**
-     * Emits the value of the input field when it changes.
-     */
-    searchChanged = new EventEmitter();
-    /**
-     * Emits the value of the input field when an autocomplete option is selected.
-     */
-    autocompleteOptionSelected = new EventEmitter();
-    /**
-     * Emits the value of the input field when an autocomplete option is selected.
-     */
-    autocompleteOptionDeselected = new EventEmitter();
-    /** @ignore */
-    element = inject(ElementRef);
-    /** @ignore */
-    inputField;
-    model;
-    /** @ignore */
-    isDisabled = false;
-    /** @ignore */
-    onTouchedCallbacks = [];
-    /** @ignore */
-    ngAfterViewInit() {
-        const attrName = 'data-testid';
-        const testIdAttribute = this.element.nativeElement.getAttribute(attrName);
-        this.element.nativeElement.removeAttribute(attrName);
-        this.inputField.nativeElement.setAttribute(attrName, testIdAttribute);
-        this.registerOnTouched(() => {
-            const trimmedValue = this.inputField.nativeElement.value.trim();
-            this.inputField.nativeElement.value = trimmedValue;
-            this.formControl.setValue(trimmedValue);
-        });
-    }
-    /** @ignore */
-    onChanged(event) {
-        const value = event.target.value;
-        if (this.autocompleteRef) {
-            // Reset the autocomplete selection if the value is not matching anymore, and auto-select if the value has a match
-            this.autocompleteRef.options.forEach((option) => {
-                const isMatchingOption = this.autocompleteMatcherFn
-                    ? this.autocompleteMatcherFn(value, option.value)
-                    : option.value === value;
-                if (isMatchingOption) {
-                    option.select(false);
-                    this.autocompleteOptionSelected.emit(option.value);
-                }
-                else {
-                    option.deselect(false);
-                    this.autocompleteOptionDeselected.emit();
-                }
-            });
-        }
-        this.searchChanged.emit(value);
-        this.onChange(value);
-    }
-    /** @ignore */
-    onChange = () => {
-        /* noop function */
-    };
-    /** @ignore */
-    onTouched = () => {
-        for (const callback of this.onTouchedCallbacks) {
-            callback();
-        }
-    };
-    /** @ignore */
-    writeValue(value) {
-        this.model = value;
-    }
-    /** @ignore */
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    /** @ignore */
-    registerOnTouched(fn) {
-        this.onTouchedCallbacks.push(fn);
-    }
-    /** @ignore */
-    setDisabledState(isDisabled) {
-        this.isDisabled = isDisabled;
-    }
-    /** @ignore */
-    setFocus() {
-        this.inputField.nativeElement.focus();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattTextFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattTextFieldComponent, isStandalone: true, selector: "watt-text-field", inputs: { value: "value", type: "type", placeholder: "placeholder", label: "label", tooltip: "tooltip", prefix: "prefix", maxLength: "maxLength", formControl: "formControl", autocompleteOptions: "autocompleteOptions", autocompleteMatcherFn: "autocompleteMatcherFn" }, outputs: { searchChanged: "searchChanged", autocompleteOptionSelected: "autocompleteOptionSelected", autocompleteOptionDeselected: "autocompleteOptionDeselected" }, host: { properties: { "attr.watt-field-disabled": "this.isDisabled" } }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => WattTextFieldComponent),
-                multi: true,
-            },
-        ], viewQueries: [{ propertyName: "autocompleteRef", first: true, predicate: MatAutocomplete, descendants: true }, { propertyName: "inputField", first: true, predicate: ["inputField"], descendants: true }], ngImport: i0, template: `<watt-field
-    #wattField
-    [control]="formControl"
-    [label]="label"
-    [tooltip]="tooltip"
-    matAutocompleteOrigin
-  >
-    @if (prefix) {
-      <watt-icon [name]="prefix" />
-    }
-
-    @if (!autocompleteOptions) {
-      <input
-        [attr.aria-label]="label"
-        [attr.type]="type"
-        [attr.placeholder]="placeholder"
-        [value]="value"
-        [formControl]="formControl"
-        (blur)="onTouched()"
-        (input)="onChanged($event)"
-        [maxlength]="maxLength"
-        #inputField
-      />
-    } @else {
-      <input
-        [attr.aria-label]="label"
-        [attr.type]="type"
-        [attr.placeholder]="placeholder"
-        [value]="value"
-        [formControl]="formControl"
-        (blur)="onTouched()"
-        (input)="onChanged($event)"
-        [maxlength]="maxLength"
-        [matAutocomplete]="auto"
-        [matAutocompleteConnectedTo]="{ elementRef: wattField.wrapper() ?? wattField.elementRef }"
-        #inputField
-      />
-
-      <mat-autocomplete
-        #auto="matAutocomplete"
-        class="watt-autocomplete-panel"
-        (optionSelected)="autocompleteOptionSelected.emit($event.option.value)"
-      >
-        @for (option of autocompleteOptions; track option) {
-          <mat-option [value]="option">
-            {{ option }}
-          </mat-option>
-        }
-      </mat-autocomplete>
-    }
-
-    <ng-content />
-    <ng-content ngProjectAs="watt-field-descriptor" select=".descriptor" />
-    <ng-content ngProjectAs="watt-field-hint" select="watt-field-hint" />
-    <ng-content ngProjectAs="watt-field-error" select="watt-field-error" />
-  </watt-field>`, isInline: true, styles: ["watt-text-field{display:block;width:100%}watt-text-field input{border:none;width:100%;outline:none;background-color:transparent}watt-text-field input::placeholder{color:var(--watt-on-light-low-emphasis)}\n"], dependencies: [{ kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i1.MatAutocompleteOrigin, selector: "[matAutocompleteOrigin]", exportAs: ["matAutocompleteOrigin"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }], encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattTextFieldComponent, decorators: [{
-            type: Component,
-            args: [{ imports: [MatAutocompleteModule, ReactiveFormsModule, WattFieldComponent, WattIconComponent], selector: 'watt-text-field', encapsulation: ViewEncapsulation.None, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => WattTextFieldComponent),
-                            multi: true,
-                        },
-                    ], template: `<watt-field
-    #wattField
-    [control]="formControl"
-    [label]="label"
-    [tooltip]="tooltip"
-    matAutocompleteOrigin
-  >
-    @if (prefix) {
-      <watt-icon [name]="prefix" />
-    }
-
-    @if (!autocompleteOptions) {
-      <input
-        [attr.aria-label]="label"
-        [attr.type]="type"
-        [attr.placeholder]="placeholder"
-        [value]="value"
-        [formControl]="formControl"
-        (blur)="onTouched()"
-        (input)="onChanged($event)"
-        [maxlength]="maxLength"
-        #inputField
-      />
-    } @else {
-      <input
-        [attr.aria-label]="label"
-        [attr.type]="type"
-        [attr.placeholder]="placeholder"
-        [value]="value"
-        [formControl]="formControl"
-        (blur)="onTouched()"
-        (input)="onChanged($event)"
-        [maxlength]="maxLength"
-        [matAutocomplete]="auto"
-        [matAutocompleteConnectedTo]="{ elementRef: wattField.wrapper() ?? wattField.elementRef }"
-        #inputField
-      />
-
-      <mat-autocomplete
-        #auto="matAutocomplete"
-        class="watt-autocomplete-panel"
-        (optionSelected)="autocompleteOptionSelected.emit($event.option.value)"
-      >
-        @for (option of autocompleteOptions; track option) {
-          <mat-option [value]="option">
-            {{ option }}
-          </mat-option>
-        }
-      </mat-autocomplete>
-    }
-
-    <ng-content />
-    <ng-content ngProjectAs="watt-field-descriptor" select=".descriptor" />
-    <ng-content ngProjectAs="watt-field-hint" select="watt-field-hint" />
-    <ng-content ngProjectAs="watt-field-error" select="watt-field-error" />
-  </watt-field>`, styles: ["watt-text-field{display:block;width:100%}watt-text-field input{border:none;width:100%;outline:none;background-color:transparent}watt-text-field input::placeholder{color:var(--watt-on-light-low-emphasis)}\n"] }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], tooltip: [{
-                type: Input
-            }], prefix: [{
-                type: Input
-            }], maxLength: [{
-                type: Input
-            }], formControl: [{
-                type: Input
-            }], autocompleteOptions: [{
-                type: Input
-            }], autocompleteMatcherFn: [{
-                type: Input
-            }], autocompleteRef: [{
-                type: ViewChild,
-                args: [MatAutocomplete]
-            }], searchChanged: [{
-                type: Output
-            }], autocompleteOptionSelected: [{
-                type: Output
-            }], autocompleteOptionDeselected: [{
-                type: Output
-            }], inputField: [{
-                type: ViewChild,
-                args: ['inputField']
-            }], isDisabled: [{
-                type: HostBinding,
-                args: ['attr.watt-field-disabled']
-            }] } });
-
-//#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 { WattTextFieldComponent };
-//# sourceMappingURL=energinet-watt-text-field.mjs.map