@energinet/watt 4.3.46 → 4.3.47

package/core/styles/_vater.scss

@@ -61,24 +61,6 @@
     height: 100%;
   }
 
-  vater-grid > *,
-  [vater-grid] > *,
-  vater-grid > .vater-fragment > *,
-  [vater-grid] > .vater-fragment > * {
-    &.vater-fill-horizontal {
-      grid-column: 1 / -1;
-    }
-
-    &.vater-fill-vertical {
-      grid-row: 1 / -1;
-    }
-
-    &.vater-fill-both {
-      grid-row: 1 / -1;
-      grid-column: 1 / -1;
-    }
-  }
-
   :not(
     vater-stack,
     [vater-stack],

package/fesm2022/energinet-watt-description-list.mjs

@@ -78,7 +78,7 @@ class WattDescriptionListComponent {
     @for (item of descriptionItems(); track item) {
       <ng-container *ngTemplateOutlet="item.templateRef()" />
     }
-  </dl>`, isInline: true, styles: ["watt-description-list{display:block}watt-description-list.watt-description-list-flow dl{display:grid;gap:var(--watt-space-ml);grid-template-columns:repeat(var(--watt-description-list-groups-per-row, 3),1fr)}watt-description-list.watt-description-list-flow dl dd{margin:0}watt-description-list.watt-description-list-flow dl .force-new-row{grid-column-start:1}watt-description-list.watt-description-list-inline-flow dl{display:flex;gap:var(--watt-space-ml)}watt-description-list.watt-description-list-inline-flow dl dd{margin:0}watt-description-list.watt-description-list-inline-flow dl div{display:flex;gap:var(--watt-space-xs);width:max-content}watt-description-list.watt-description-list-stack dl{display:grid;gap:var(--watt-space-m);grid-template-columns:1fr}watt-description-list.watt-description-list-stack dl dd{margin:0;flex:1}watt-description-list.watt-description-list-stack dl dt{width:240px}watt-description-list.watt-description-list-stack dl div{display:flex;align-items:baseline}watt-description-list.watt-description-list-stack.item-separators dl div{border-bottom:1px solid var(--watt-color-neutral-grey-300);padding-bottom:var(--watt-space-m)}watt-description-list.watt-description-list-compact dl{display:grid;gap:var(--watt-space-m) var(--watt-space-l);grid-template-columns:max-content auto}watt-description-list.watt-description-list-compact dl dd{margin:0}watt-description-list.watt-description-list-compact dl div{display:contents}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+  </dl>`, isInline: true, styles: ["watt-description-list{display:block}watt-description-list.watt-description-list-flow dl{display:grid;gap:var(--watt-space-ml);grid-template-columns:repeat(var(--watt-description-list-groups-per-row, 3),1fr)}watt-description-list.watt-description-list-flow dl dd{margin:0}watt-description-list.watt-description-list-flow dl .force-new-row{grid-column-start:1}watt-description-list.watt-description-list-inline-flow dl{display:flex;column-gap:var(--watt-space-ml);row-gap:var(--watt-space-xs);flex-wrap:wrap}watt-description-list.watt-description-list-inline-flow dl dd{margin:0}watt-description-list.watt-description-list-inline-flow dl div{display:flex;gap:var(--watt-space-xs);width:max-content}watt-description-list.watt-description-list-stack dl{display:grid;gap:var(--watt-space-m);grid-template-columns:1fr}watt-description-list.watt-description-list-stack dl dd{margin:0;flex:1}watt-description-list.watt-description-list-stack dl dt{width:240px}watt-description-list.watt-description-list-stack dl div{display:flex;align-items:baseline}watt-description-list.watt-description-list-stack.item-separators dl div{border-bottom:1px solid var(--watt-color-neutral-grey-300);padding-bottom:var(--watt-space-m)}watt-description-list.watt-description-list-compact dl{display:grid;gap:var(--watt-space-m) var(--watt-space-l);grid-template-columns:max-content auto}watt-description-list.watt-description-list-compact dl dd{margin:0}watt-description-list.watt-description-list-compact dl div{display:contents}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattDescriptionListComponent, decorators: [{
             type: Component,
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                         '[style.--watt-description-list-groups-per-row]': 'groupsPerRow()',
                         '[class]': 'descriptionVariant()',
                         '[class.item-separators]': 'itemSeparators()',
-                    }, styles: ["watt-description-list{display:block}watt-description-list.watt-description-list-flow dl{display:grid;gap:var(--watt-space-ml);grid-template-columns:repeat(var(--watt-description-list-groups-per-row, 3),1fr)}watt-description-list.watt-description-list-flow dl dd{margin:0}watt-description-list.watt-description-list-flow dl .force-new-row{grid-column-start:1}watt-description-list.watt-description-list-inline-flow dl{display:flex;gap:var(--watt-space-ml)}watt-description-list.watt-description-list-inline-flow dl dd{margin:0}watt-description-list.watt-description-list-inline-flow dl div{display:flex;gap:var(--watt-space-xs);width:max-content}watt-description-list.watt-description-list-stack dl{display:grid;gap:var(--watt-space-m);grid-template-columns:1fr}watt-description-list.watt-description-list-stack dl dd{margin:0;flex:1}watt-description-list.watt-description-list-stack dl dt{width:240px}watt-description-list.watt-description-list-stack dl div{display:flex;align-items:baseline}watt-description-list.watt-description-list-stack.item-separators dl div{border-bottom:1px solid var(--watt-color-neutral-grey-300);padding-bottom:var(--watt-space-m)}watt-description-list.watt-description-list-compact dl{display:grid;gap:var(--watt-space-m) var(--watt-space-l);grid-template-columns:max-content auto}watt-description-list.watt-description-list-compact dl dd{margin:0}watt-description-list.watt-description-list-compact dl div{display:contents}\n"] }]
+                    }, styles: ["watt-description-list{display:block}watt-description-list.watt-description-list-flow dl{display:grid;gap:var(--watt-space-ml);grid-template-columns:repeat(var(--watt-description-list-groups-per-row, 3),1fr)}watt-description-list.watt-description-list-flow dl dd{margin:0}watt-description-list.watt-description-list-flow dl .force-new-row{grid-column-start:1}watt-description-list.watt-description-list-inline-flow dl{display:flex;column-gap:var(--watt-space-ml);row-gap:var(--watt-space-xs);flex-wrap:wrap}watt-description-list.watt-description-list-inline-flow dl dd{margin:0}watt-description-list.watt-description-list-inline-flow dl div{display:flex;gap:var(--watt-space-xs);width:max-content}watt-description-list.watt-description-list-stack dl{display:grid;gap:var(--watt-space-m);grid-template-columns:1fr}watt-description-list.watt-description-list-stack dl dd{margin:0;flex:1}watt-description-list.watt-description-list-stack dl dt{width:240px}watt-description-list.watt-description-list-stack dl div{display:flex;align-items:baseline}watt-description-list.watt-description-list-stack.item-separators dl div{border-bottom:1px solid var(--watt-color-neutral-grey-300);padding-bottom:var(--watt-space-m)}watt-description-list.watt-description-list-compact dl{display:grid;gap:var(--watt-space-m) var(--watt-space-l);grid-template-columns:max-content auto}watt-description-list.watt-description-list-compact dl dd{margin:0}watt-description-list.watt-description-list-compact dl div{display:contents}\n"] }]
         }], propDecorators: { descriptionItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => WattDescriptionListItemComponent), { isSignal: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], groupsPerRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupsPerRow", required: false }] }], itemSeparators: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemSeparators", required: false }] }] } });
 const WATT_DESCRIPTION_LIST = [
     WattDescriptionListComponent,

package/fesm2022/energinet-watt-description-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-description-list.mjs","sources":["../../../libs/watt/package/description-list/watt-description-list-item.component.ts","../../../libs/watt/package/description-list/watt-description-list.component.ts","../../../libs/watt/package/description-list/index.ts","../../../libs/watt/package/description-list/energinet-watt-description-list.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, input, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n  selector: 'watt-description-list-item',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<ng-template #templateRef\n    ><div [class.force-new-row]=\"forceNewRow()\">\n      <dt class=\"watt-label watt-on-light--high-emphasis\">{{ label() }}</dt>\n      <dd class=\"watt-text-s\">{{ value() }}<ng-content /></dd></div\n  ></ng-template>`,\n})\nexport class WattDescriptionListItemComponent<T> {\n  templateRef = viewChild.required<TemplateRef<unknown | null>>('templateRef');\n\n  label = input<string>('');\n  value = input<T | null>(null);\n  forceNewRow = input(false);\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 { NgTemplateOutlet } from '@angular/common';\nimport { Component, computed, contentChildren, input, ViewEncapsulation } from '@angular/core';\n\nimport { WattDescriptionListItemComponent } from './watt-description-list-item.component';\n/**\n * Usage:\n * `import { WattDescriptionListComponent } from '@energinet/watt/description-list';`\n */\n@Component({\n  encapsulation: ViewEncapsulation.None,\n  selector: 'watt-description-list',\n  styleUrls: ['./watt-description-list.component.scss'],\n  imports: [NgTemplateOutlet],\n  template: `<dl>\n    @for (item of descriptionItems(); track item) {\n      <ng-container *ngTemplateOutlet=\"item.templateRef()\" />\n    }\n  </dl>`,\n  host: {\n    '[style.--watt-description-list-groups-per-row]': 'groupsPerRow()',\n    '[class]': 'descriptionVariant()',\n    '[class.item-separators]': 'itemSeparators()',\n  },\n})\nclass WattDescriptionListComponent<T> {\n  descriptionItems = contentChildren(WattDescriptionListItemComponent<T>);\n\n  variant = input<'flow' | 'inline-flow' | 'stack' | 'compact'>('flow');\n  groupsPerRow = input<number>(3);\n  itemSeparators = input(true);\n\n  descriptionVariant = computed(() => `watt-description-list-${this.variant()}`);\n}\n\nexport { WattDescriptionListItemComponent, WattDescriptionListComponent };\nexport const WATT_DESCRIPTION_LIST = [\n  WattDescriptionListComponent,\n  WattDescriptionListItemComponent,\n] 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  WattDescriptionListComponent,\n  WattDescriptionListItemComponent,\n  WATT_DESCRIPTION_LIST,\n} from './watt-description-list.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;AACA;;;;;;;;;;;;;;;AAeG;AACH;MAYa,gCAAgC,CAAA;AAC3C,IAAA,WAAW,GAAG,SAAS,CAAC,QAAQ,CAA8B,aAAa,CAAC;AAE5E,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,KAAK,GAAG,KAAK,CAAW,IAAI,iDAAC;AAC7B,IAAA,WAAW,GAAG,KAAK,CAAC,KAAK,uDAAC;uGALf,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,aAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANjC,CAAA;;;;AAIM,iBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEL,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAT5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,4BAA4B;oBACtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,CAAA;;;;AAIM,iBAAA,CAAA;AACjB,iBAAA;yEAE+D,aAAa,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AC9B7E;AACA;;;;;;;;;;;;;;;AAeG;AACH;AAKA;;;AAGG;AACH,MAgBM,4BAA4B,CAAA;AAChC,IAAA,gBAAgB,GAAG,eAAe,EAAC,gCAAmC,6DAAC;AAEvE,IAAA,OAAO,GAAG,KAAK,CAA+C,MAAM,mDAAC;AACrE,IAAA,YAAY,GAAG,KAAK,CAAS,CAAC,wDAAC;AAC/B,IAAA,cAAc,GAAG,KAAK,CAAC,IAAI,0DAAC;AAE5B,IAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAM,CAAA,sBAAA,EAAyB,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,8DAAC;uGAP1E,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,8CAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,sBAAA,EAAA,uBAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,SAAA,GACG,gCAAmC,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAZ5D,CAAA;;;;AAIJ,OAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,i7CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EALI,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAYtB,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAhBjC,SAAS;oCACO,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAC3B,uBAAuB,WAExB,CAAC,gBAAgB,CAAC,EAAA,QAAA,EACjB,CAAA;;;;QAIJ,EAAA,IAAA,EACA;AACJ,wBAAA,gDAAgD,EAAE,gBAAgB;AAClE,wBAAA,SAAS,EAAE,sBAAsB;AACjC,wBAAA,yBAAyB,EAAE,kBAAkB;AAC9C,qBAAA,EAAA,MAAA,EAAA,CAAA,i7CAAA,CAAA,EAAA;wGAGkC,gCAAmC,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,cAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;AAUjE,MAAM,qBAAqB,GAAG;IACnC,4BAA4B;IAC5B,gCAAgC;;;ACvDlC;AACA;;;;;;;;;;;;;;;AAeG;AACH;;ACjBA;;AAEG;;;;"}
+{"version":3,"file":"energinet-watt-description-list.mjs","sources":["../../../libs/watt/package/description-list/watt-description-list-item.component.ts","../../../libs/watt/package/description-list/watt-description-list.component.ts","../../../libs/watt/package/description-list/index.ts","../../../libs/watt/package/description-list/energinet-watt-description-list.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, input, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n  selector: 'watt-description-list-item',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<ng-template #templateRef\n    ><div [class.force-new-row]=\"forceNewRow()\">\n      <dt class=\"watt-label watt-on-light--high-emphasis\">{{ label() }}</dt>\n      <dd class=\"watt-text-s\">{{ value() }}<ng-content /></dd></div\n  ></ng-template>`,\n})\nexport class WattDescriptionListItemComponent<T> {\n  templateRef = viewChild.required<TemplateRef<unknown | null>>('templateRef');\n\n  label = input<string>('');\n  value = input<T | null>(null);\n  forceNewRow = input(false);\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 { NgTemplateOutlet } from '@angular/common';\nimport { Component, computed, contentChildren, input, ViewEncapsulation } from '@angular/core';\n\nimport { WattDescriptionListItemComponent } from './watt-description-list-item.component';\n/**\n * Usage:\n * `import { WattDescriptionListComponent } from '@energinet/watt/description-list';`\n */\n@Component({\n  encapsulation: ViewEncapsulation.None,\n  selector: 'watt-description-list',\n  styleUrls: ['./watt-description-list.component.scss'],\n  imports: [NgTemplateOutlet],\n  template: `<dl>\n    @for (item of descriptionItems(); track item) {\n      <ng-container *ngTemplateOutlet=\"item.templateRef()\" />\n    }\n  </dl>`,\n  host: {\n    '[style.--watt-description-list-groups-per-row]': 'groupsPerRow()',\n    '[class]': 'descriptionVariant()',\n    '[class.item-separators]': 'itemSeparators()',\n  },\n})\nclass WattDescriptionListComponent<T> {\n  descriptionItems = contentChildren(WattDescriptionListItemComponent<T>);\n\n  variant = input<'flow' | 'inline-flow' | 'stack' | 'compact'>('flow');\n  groupsPerRow = input<number>(3);\n  itemSeparators = input(true);\n\n  descriptionVariant = computed(() => `watt-description-list-${this.variant()}`);\n}\n\nexport { WattDescriptionListItemComponent, WattDescriptionListComponent };\nexport const WATT_DESCRIPTION_LIST = [\n  WattDescriptionListComponent,\n  WattDescriptionListItemComponent,\n] 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  WattDescriptionListComponent,\n  WattDescriptionListItemComponent,\n  WATT_DESCRIPTION_LIST,\n} from './watt-description-list.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/energinet-watt-skeleton.mjs

@@ -0,0 +1,71 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/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
+/**
+ * Usage:
+ * `import { WattSkeletonComponent } from '@energinet/watt/skeleton';`
+ */
+class WattSkeletonComponent {
+    /** Width of the skeleton line. Accepts any valid CSS value, e.g. '100%', '200px'. */
+    width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
+    /** Height of the skeleton line. Accepts any valid CSS value, e.g. '1em', '16px'. */
+    height = input('1em', ...(ngDevMode ? [{ debugName: "height" }] : []));
+    /** Border radius of the skeleton line. Accepts any valid CSS value, e.g. '4px', '50%'. */
+    borderRadius = input('4px', ...(ngDevMode ? [{ debugName: "borderRadius" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: WattSkeletonComponent, isStandalone: true, selector: "watt-skeleton", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true", "role": "presentation" }, properties: { "style.width": "width()", "style.height": "height()", "style.border-radius": "borderRadius()" } }, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;animation:watt-skeleton-shine 1.6s infinite linear;background-color:var(--watt-color-neutral-grey-200);background-size:200% 100%;background-image:linear-gradient(90deg,var(--watt-color-neutral-grey-300) 0%,var(--watt-color-neutral-grey-200) 25%,var(--watt-color-neutral-grey-300) 50%)}@media(prefers-reduced-motion:reduce){:host{animation:none;background-position:0 0}}@keyframes watt-skeleton-shine{0%{background-position:100% 0}to{background-position:-100% 0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'watt-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, template: '', host: {
+                        '[style.width]': 'width()',
+                        '[style.height]': 'height()',
+                        '[style.border-radius]': 'borderRadius()',
+                        'aria-hidden': 'true',
+                        role: 'presentation',
+                    }, styles: [":host{display:block;animation:watt-skeleton-shine 1.6s infinite linear;background-color:var(--watt-color-neutral-grey-200);background-size:200% 100%;background-image:linear-gradient(90deg,var(--watt-color-neutral-grey-300) 0%,var(--watt-color-neutral-grey-200) 25%,var(--watt-color-neutral-grey-300) 50%)}@media(prefers-reduced-motion:reduce){:host{animation:none;background-position:0 0}}@keyframes watt-skeleton-shine{0%{background-position:100% 0}to{background-position:-100% 0}}\n"] }]
+        }], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], borderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderRadius", required: false }] }] } });
+
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WattSkeletonComponent };
+//# sourceMappingURL=energinet-watt-skeleton.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-skeleton.mjs","sources":["../../../libs/watt/package/skeleton/watt-skeleton.component.ts","../../../libs/watt/package/skeleton/index.ts","../../../libs/watt/package/skeleton/energinet-watt-skeleton.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, input } from '@angular/core';\n\n/**\n * Usage:\n * `import { WattSkeletonComponent } from '@energinet/watt/skeleton';`\n */\n@Component({\n  selector: 'watt-skeleton',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./watt-skeleton.component.scss'],\n  template: '',\n  host: {\n    '[style.width]': 'width()',\n    '[style.height]': 'height()',\n    '[style.border-radius]': 'borderRadius()',\n    'aria-hidden': 'true',\n    role: 'presentation',\n  },\n})\nexport class WattSkeletonComponent {\n  /** Width of the skeleton line. Accepts any valid CSS value, e.g. '100%', '200px'. */\n  width = input<string>('100%');\n\n  /** Height of the skeleton line. Accepts any valid CSS value, e.g. '1em', '16px'. */\n  height = input<string>('1em');\n\n  /** Border radius of the skeleton line. Accepts any valid CSS value, e.g. '4px', '50%'. */\n  borderRadius = input<string>('4px');\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 { WattSkeletonComponent } from './watt-skeleton.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;AACA;;;;;;;;;;;;;;;AAeG;AACH;AAGA;;;AAGG;MAcU,qBAAqB,CAAA;;AAEhC,IAAA,KAAK,GAAG,KAAK,CAAS,MAAM,iDAAC;;AAG7B,IAAA,MAAM,GAAG,KAAK,CAAS,KAAK,kDAAC;;AAG7B,IAAA,YAAY,GAAG,KAAK,CAAS,KAAK,wDAAC;uGARxB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,6oBATtB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,seAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FASD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,mBACR,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAErC,EAAE,EAAA,IAAA,EACN;AACJ,wBAAA,eAAe,EAAE,SAAS;AAC1B,wBAAA,gBAAgB,EAAE,UAAU;AAC5B,wBAAA,uBAAuB,EAAE,gBAAgB;AACzC,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,IAAI,EAAE,cAAc;AACrB,qBAAA,EAAA,MAAA,EAAA,CAAA,seAAA,CAAA,EAAA;;;ACnCH;AACA;;;;;;;;;;;;;;;AAeG;AACH;;ACjBA;;AAEG;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@energinet/watt",
-  "version": "4.3.46",
+  "version": "4.3.47",
   "license": "Apache-2.0",
   "exports": {
     ".": {
@@ -171,6 +171,10 @@
       "types": "./types/energinet-watt-shell.d.ts",
       "default": "./fesm2022/energinet-watt-shell.mjs"
     },
+    "./skeleton": {
+      "types": "./types/energinet-watt-skeleton.d.ts",
+      "default": "./fesm2022/energinet-watt-skeleton.mjs"
+    },
     "./slide-toggle": {
       "types": "./types/energinet-watt-slide-toggle.d.ts",
       "default": "./fesm2022/energinet-watt-slide-toggle.mjs"

package/types/energinet-watt-skeleton.d.ts

@@ -0,0 +1,18 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * Usage:
+ * `import { WattSkeletonComponent } from '@energinet/watt/skeleton';`
+ */
+declare class WattSkeletonComponent {
+    /** Width of the skeleton line. Accepts any valid CSS value, e.g. '100%', '200px'. */
+    width: _angular_core.InputSignal<string>;
+    /** Height of the skeleton line. Accepts any valid CSS value, e.g. '1em', '16px'. */
+    height: _angular_core.InputSignal<string>;
+    /** Border radius of the skeleton line. Accepts any valid CSS value, e.g. '4px', '50%'. */
+    borderRadius: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattSkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattSkeletonComponent, "watt-skeleton", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { WattSkeletonComponent };