@energinet/watt 0.0.1

package/fesm2022/energinet-watt-empty-state.mjs

@@ -0,0 +1,299 @@
+import * as i0 from '@angular/core';
+import { Component, input, computed, ViewEncapsulation } from '@angular/core';
+import { WattIconComponent } from '@energinet/watt/icon';
+
+//#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 WattEmptyStateExploreComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStateExploreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: WattEmptyStateExploreComponent, isStandalone: true, selector: "watt-empty-state-explore", ngImport: i0, template: `
+    <svg viewBox="0 0 96 98" fill="none">
+      <path
+        fill="currentColor"
+        d="M59.4473 60.5798c-.2445.1864-.503.3517-.7317.5628a34.937 34.937 0 0 1-17.0602 8.5072 34.4744 34.4744 0 0 1-7.8055.591A35.139 35.139 0 0 1 1.4442 45.2255 33.1081 33.1081 0 0 1 .081 37.7788c-.663-10.7585 2.7613-20.015 10.3769-27.6464C15.4248 5.141 21.4574 2.0226 28.3747.656a33.4635 33.4635 0 0 1 7.6807-.6366c8.9962.3324 16.8105 3.5474 23.3356 9.7612 5.25 4.9932 8.5899 11.098 10.1007 18.1842a33.6296 33.6296 0 0 1 .6719 9.1457c-.5417 8.6262-3.7896 16.0818-9.7437 22.3665a6.0972 6.0972 0 0 0-.4045.5276l-.5681.5752Zm9.2494-25.4269c0-18.5657-15.0358-33.5928-33.5928-33.607C16.7263 1.5303 1.511 16.4255 1.511 35.1548c.0158 18.7803 15.2593 33.417 33.2921 33.57 18.3794.1583 33.8514-14.6806 33.8866-33.5718h.007Z"
+      />
+      <path
+        fill="currentColor"
+        d="m59.4473 60.5797.5751-.5751c.2515-.1882.2586-.1935.4714.0211.5822.5909 1.159 1.1871 1.7377 1.7816l15.7447 16.1809 16.4183 16.8703c.4414.4537.8794.9058 1.3243 1.3595.1073.1108.2094.2251.2885.3096l-1.043 1.1203-35.7861-36.7587.2691-.3095ZM60.4444 35.8792h-1.4897c-.1196-6.3316-2.3199-11.8331-6.8083-16.3286-4.4884-4.4954-9.9864-6.7045-16.3427-6.8364v-1.4475c12.563-.3887 24.755 10.4508 24.6407 24.6125Z"
+      />
+    </svg>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStateExploreComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'watt-empty-state-explore',
+                    template: `
+    <svg viewBox="0 0 96 98" fill="none">
+      <path
+        fill="currentColor"
+        d="M59.4473 60.5798c-.2445.1864-.503.3517-.7317.5628a34.937 34.937 0 0 1-17.0602 8.5072 34.4744 34.4744 0 0 1-7.8055.591A35.139 35.139 0 0 1 1.4442 45.2255 33.1081 33.1081 0 0 1 .081 37.7788c-.663-10.7585 2.7613-20.015 10.3769-27.6464C15.4248 5.141 21.4574 2.0226 28.3747.656a33.4635 33.4635 0 0 1 7.6807-.6366c8.9962.3324 16.8105 3.5474 23.3356 9.7612 5.25 4.9932 8.5899 11.098 10.1007 18.1842a33.6296 33.6296 0 0 1 .6719 9.1457c-.5417 8.6262-3.7896 16.0818-9.7437 22.3665a6.0972 6.0972 0 0 0-.4045.5276l-.5681.5752Zm9.2494-25.4269c0-18.5657-15.0358-33.5928-33.5928-33.607C16.7263 1.5303 1.511 16.4255 1.511 35.1548c.0158 18.7803 15.2593 33.417 33.2921 33.57 18.3794.1583 33.8514-14.6806 33.8866-33.5718h.007Z"
+      />
+      <path
+        fill="currentColor"
+        d="m59.4473 60.5797.5751-.5751c.2515-.1882.2586-.1935.4714.0211.5822.5909 1.159 1.1871 1.7377 1.7816l15.7447 16.1809 16.4183 16.8703c.4414.4537.8794.9058 1.3243 1.3595.1073.1108.2094.2251.2885.3096l-1.043 1.1203-35.7861-36.7587.2691-.3095ZM60.4444 35.8792h-1.4897c-.1196-6.3316-2.3199-11.8331-6.8083-16.3286-4.4884-4.4954-9.9864-6.7045-16.3427-6.8364v-1.4475c12.563-.3887 24.755 10.4508 24.6407 24.6125Z"
+      />
+    </svg>
+  `,
+                }]
+        }] });
+
+//#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 WattEmptyStateNoResultsComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStateNoResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: WattEmptyStateNoResultsComponent, isStandalone: true, selector: "watt-empty-state-no-results", ngImport: i0, template: `
+    <svg viewBox="0 0 128 128" fill="none">
+      <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="M64 116c28.719 0 52-23.281 52-52S92.719 12 64 12 12 35.281 12 64s23.281 52 52 52Zm0 2c29.823 0 54-24.177 54-54S93.823 10 64 10 10 34.177 10 64s24.177 54 54 54Z"
+        clip-rule="evenodd"
+      />
+      <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="M63.91 65.91 42 87.82l-1.414-1.414 21.91-21.91L40 42l1.414-1.414L63.91 63.082l22.496-22.497L87.82 42 65.325 64.496l21.91 21.91-1.413 1.414-21.91-21.91Z"
+        clip-rule="evenodd"
+      />
+    </svg>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStateNoResultsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'watt-empty-state-no-results',
+                    template: `
+    <svg viewBox="0 0 128 128" fill="none">
+      <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="M64 116c28.719 0 52-23.281 52-52S92.719 12 64 12 12 35.281 12 64s23.281 52 52 52Zm0 2c29.823 0 54-24.177 54-54S93.823 10 64 10 10 34.177 10 64s24.177 54 54 54Z"
+        clip-rule="evenodd"
+      />
+      <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="M63.91 65.91 42 87.82l-1.414-1.414 21.91-21.91L40 42l1.414-1.414L63.91 63.082l22.496-22.497L87.82 42 65.325 64.496l21.91 21.91-1.413 1.414-21.91-21.91Z"
+        clip-rule="evenodd"
+      />
+    </svg>
+  `,
+                }]
+        }] });
+
+//#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 WattEmptyStatePowerComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStatePowerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: WattEmptyStatePowerComponent, isStandalone: true, selector: "watt-empty-state-power", ngImport: i0, template: `
+    <svg viewBox="0 0 96 116" fill="none">
+      <path
+        fill="currentColor"
+        d="M48.9 89.88v25.914c-.606.042-1.213.042-1.818 0v-25.91c-.507-.042-.963-.083-1.422-.117-5.211-.394-9.989-2.067-14.383-4.875-4.834-3.091-8.642-7.183-11.614-12.07a42.881 42.881 0 0 1-5.505-14.54 46.448 46.448 0 0 1-.788-8.755V38.27c-.24 0-.446-.027-.655-.027H0v-1.8h24.536c.01-.268.027-.479.027-.69v-30.8a4.936 4.936 0 0 1 9.87-.145v31.527c.403.125 26.458.152 27.06.032 0-.23.03-.476.03-.72V5.198c-.02-.717.1-1.432.352-2.105a4.944 4.944 0 0 1 9.437.922c.07.427.104.86.098 1.294V36.424c1.204.033 2.363 0 3.522.014 1.16.015 2.335 0 3.5 0h17.51c.058.595.062 1.194.01 1.789h-13.32c-.018.252-.05.459-.05.667 0 3.335-.01 6.67 0 10.005a49.34 49.34 0 0 1-.36 6.683c-1.251 9.34-4.857 17.585-11.488 24.388-4.212 4.32-9.242 7.369-15.123 8.916a30.233 30.233 0 0 1-6.253.95c-.137.004-.267.025-.459.044ZM15.216 47.344c-.018.105-.03.211-.036.317-.044 3.204.08 6.393.626 9.56a42.105 42.105 0 0 0 4.123 12.363c2.538 4.873 5.911 9.058 10.316 12.373 5.013 3.773 10.63 5.876 16.932 6.082a27.722 27.722 0 0 0 9.688-1.421c5.11-1.69 9.443-4.586 13.118-8.494 4.552-4.832 7.55-10.527 9.286-16.905a43.867 43.867 0 0 0 1.334-7.567c.181-2.012.173-4.025.169-6.045a2.075 2.075 0 0 0-.03-.24c-.374-.104-64.866-.133-65.526-.023Zm.035-9.071c-.12.585-.098 6.787.023 7.166.063.014.126.023.19.027H80.46c.07-.002.14-.01.209-.025a.122.122 0 0 0 .04-.027l.039-.04v-7.101H15.252Zm17.37-1.876V5.317a6.539 6.539 0 0 0-.031-.698A2.989 2.989 0 0 0 30.7 2.084a2.956 2.956 0 0 0-3.15.446c-.833.653-1.181 1.543-1.181 2.585v30.592c0 .227.02.454.033.71l6.22-.02Zm36.96.027V4.73a3.127 3.127 0 0 0-6.235.273v31.433c2.105.005 4.148.009 6.24-.002l-.005-.01Z"
+      />
+    </svg>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStatePowerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'watt-empty-state-power',
+                    template: `
+    <svg viewBox="0 0 96 116" fill="none">
+      <path
+        fill="currentColor"
+        d="M48.9 89.88v25.914c-.606.042-1.213.042-1.818 0v-25.91c-.507-.042-.963-.083-1.422-.117-5.211-.394-9.989-2.067-14.383-4.875-4.834-3.091-8.642-7.183-11.614-12.07a42.881 42.881 0 0 1-5.505-14.54 46.448 46.448 0 0 1-.788-8.755V38.27c-.24 0-.446-.027-.655-.027H0v-1.8h24.536c.01-.268.027-.479.027-.69v-30.8a4.936 4.936 0 0 1 9.87-.145v31.527c.403.125 26.458.152 27.06.032 0-.23.03-.476.03-.72V5.198c-.02-.717.1-1.432.352-2.105a4.944 4.944 0 0 1 9.437.922c.07.427.104.86.098 1.294V36.424c1.204.033 2.363 0 3.522.014 1.16.015 2.335 0 3.5 0h17.51c.058.595.062 1.194.01 1.789h-13.32c-.018.252-.05.459-.05.667 0 3.335-.01 6.67 0 10.005a49.34 49.34 0 0 1-.36 6.683c-1.251 9.34-4.857 17.585-11.488 24.388-4.212 4.32-9.242 7.369-15.123 8.916a30.233 30.233 0 0 1-6.253.95c-.137.004-.267.025-.459.044ZM15.216 47.344c-.018.105-.03.211-.036.317-.044 3.204.08 6.393.626 9.56a42.105 42.105 0 0 0 4.123 12.363c2.538 4.873 5.911 9.058 10.316 12.373 5.013 3.773 10.63 5.876 16.932 6.082a27.722 27.722 0 0 0 9.688-1.421c5.11-1.69 9.443-4.586 13.118-8.494 4.552-4.832 7.55-10.527 9.286-16.905a43.867 43.867 0 0 0 1.334-7.567c.181-2.012.173-4.025.169-6.045a2.075 2.075 0 0 0-.03-.24c-.374-.104-64.866-.133-65.526-.023Zm.035-9.071c-.12.585-.098 6.787.023 7.166.063.014.126.023.19.027H80.46c.07-.002.14-.01.209-.025a.122.122 0 0 0 .04-.027l.039-.04v-7.101H15.252Zm17.37-1.876V5.317a6.539 6.539 0 0 0-.031-.698A2.989 2.989 0 0 0 30.7 2.084a2.956 2.956 0 0 0-3.15.446c-.833.653-1.181 1.543-1.181 2.585v30.592c0 .227.02.454.033.71l6.22-.02Zm36.96.027V4.73a3.127 3.127 0 0 0-6.235.273v31.433c2.105.005 4.148.009 6.24-.002l-.005-.01Z"
+      />
+    </svg>
+  `,
+                }]
+        }] });
+
+//#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 { WattEmptyStateComponent } from '@energinet-datahub/watt/empty-state';`
+ */
+class WattEmptyStateComponent {
+    icon = input();
+    size = input('large');
+    title = input('');
+    message = input('');
+    useHTML = input(false);
+    iconSize = computed(() => (this.size() === 'small' ? 'xl' : 'xxl'));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattEmptyStateComponent, isStandalone: true, selector: "watt-empty-state", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, useHTML: { classPropertyName: "useHTML", publicName: "useHTML", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @let name = icon();
+    @switch (name) {
+      @case ('custom-explore') {
+        <watt-icon [size]="iconSize()" class="watt-space-stack-l">
+          <watt-empty-state-explore />
+        </watt-icon>
+      }
+      @case ('custom-no-results') {
+        <watt-icon [size]="iconSize()" class="watt-space-stack-l">
+          <watt-empty-state-no-results />
+        </watt-icon>
+      }
+      @case ('custom-power') {
+        <watt-icon [size]="iconSize()" class="watt-space-stack-l">
+          <watt-empty-state-power />
+        </watt-icon>
+      }
+      @default {
+        <watt-icon [name]="name" [size]="iconSize()" class="watt-space-stack-l" />
+      }
+    }
+
+    @if (size() === 'large') {
+      <h3>{{ title() }}</h3>
+    } @else {
+      <h5>{{ title() }}</h5>
+    }
+
+    @if (useHTML()) {
+      <div [class.watt-text-s]="size() === 'small'" [innerHTML]="message()"></div>
+    } @else {
+      <p [class.watt-text-s]="size() === 'small'">{{ message() }}</p>
+    }
+
+    <ng-content />
+  `, isInline: true, styles: ["@use \"@energinet-datahub/watt/utils\" as watt;watt-empty-state{display:block;text-align:center;color:var(--watt-color-primary-dark)}watt-empty-state h3,watt-empty-state h5,watt-empty-state p{margin:0;white-space:pre-wrap}watt-empty-state watt-button{display:block;margin-top:var(--watt-space-m)}watt-empty-state watt-button:first-of-type{margin-top:var(--watt-space-l)}\n"], dependencies: [{ kind: "component", type: WattEmptyStateExploreComponent, selector: "watt-empty-state-explore" }, { kind: "component", type: WattEmptyStateNoResultsComponent, selector: "watt-empty-state-no-results" }, { kind: "component", type: WattEmptyStatePowerComponent, selector: "watt-empty-state-power" }, { 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: WattEmptyStateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'watt-empty-state', encapsulation: ViewEncapsulation.None, imports: [
+                        WattEmptyStateExploreComponent,
+                        WattEmptyStateNoResultsComponent,
+                        WattEmptyStatePowerComponent,
+                        WattIconComponent,
+                    ], template: `
+    @let name = icon();
+    @switch (name) {
+      @case ('custom-explore') {
+        <watt-icon [size]="iconSize()" class="watt-space-stack-l">
+          <watt-empty-state-explore />
+        </watt-icon>
+      }
+      @case ('custom-no-results') {
+        <watt-icon [size]="iconSize()" class="watt-space-stack-l">
+          <watt-empty-state-no-results />
+        </watt-icon>
+      }
+      @case ('custom-power') {
+        <watt-icon [size]="iconSize()" class="watt-space-stack-l">
+          <watt-empty-state-power />
+        </watt-icon>
+      }
+      @default {
+        <watt-icon [name]="name" [size]="iconSize()" class="watt-space-stack-l" />
+      }
+    }
+
+    @if (size() === 'large') {
+      <h3>{{ title() }}</h3>
+    } @else {
+      <h5>{{ title() }}</h5>
+    }
+
+    @if (useHTML()) {
+      <div [class.watt-text-s]="size() === 'small'" [innerHTML]="message()"></div>
+    } @else {
+      <p [class.watt-text-s]="size() === 'small'">{{ message() }}</p>
+    }
+
+    <ng-content />
+  `, styles: ["@use \"@energinet-datahub/watt/utils\" as watt;watt-empty-state{display:block;text-align:center;color:var(--watt-color-primary-dark)}watt-empty-state h3,watt-empty-state h5,watt-empty-state p{margin:0;white-space:pre-wrap}watt-empty-state watt-button{display:block;margin-top:var(--watt-space-m)}watt-empty-state watt-button:first-of-type{margin-top:var(--watt-space-l)}\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
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WattEmptyStateComponent, WattEmptyStateExploreComponent, WattEmptyStateNoResultsComponent, WattEmptyStatePowerComponent };
+//# sourceMappingURL=energinet-watt-empty-state.mjs.map

package/fesm2022/energinet-watt-empty-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-empty-state.mjs","sources":["../../../libs/watt/package/empty-state/icons/explore.ts","../../../libs/watt/package/empty-state/icons/no-results.ts","../../../libs/watt/package/empty-state/icons/power.ts","../../../libs/watt/package/empty-state/watt-empty-state.component.ts","../../../libs/watt/package/empty-state/index.ts","../../../libs/watt/package/empty-state/energinet-watt-empty-state.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 } from '@angular/core';\n\n@Component({\n  selector: 'watt-empty-state-explore',\n  template: `\n    <svg viewBox=\"0 0 96 98\" fill=\"none\">\n      <path\n        fill=\"currentColor\"\n        d=\"M59.4473 60.5798c-.2445.1864-.503.3517-.7317.5628a34.937 34.937 0 0 1-17.0602 8.5072 34.4744 34.4744 0 0 1-7.8055.591A35.139 35.139 0 0 1 1.4442 45.2255 33.1081 33.1081 0 0 1 .081 37.7788c-.663-10.7585 2.7613-20.015 10.3769-27.6464C15.4248 5.141 21.4574 2.0226 28.3747.656a33.4635 33.4635 0 0 1 7.6807-.6366c8.9962.3324 16.8105 3.5474 23.3356 9.7612 5.25 4.9932 8.5899 11.098 10.1007 18.1842a33.6296 33.6296 0 0 1 .6719 9.1457c-.5417 8.6262-3.7896 16.0818-9.7437 22.3665a6.0972 6.0972 0 0 0-.4045.5276l-.5681.5752Zm9.2494-25.4269c0-18.5657-15.0358-33.5928-33.5928-33.607C16.7263 1.5303 1.511 16.4255 1.511 35.1548c.0158 18.7803 15.2593 33.417 33.2921 33.57 18.3794.1583 33.8514-14.6806 33.8866-33.5718h.007Z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"m59.4473 60.5797.5751-.5751c.2515-.1882.2586-.1935.4714.0211.5822.5909 1.159 1.1871 1.7377 1.7816l15.7447 16.1809 16.4183 16.8703c.4414.4537.8794.9058 1.3243 1.3595.1073.1108.2094.2251.2885.3096l-1.043 1.1203-35.7861-36.7587.2691-.3095ZM60.4444 35.8792h-1.4897c-.1196-6.3316-2.3199-11.8331-6.8083-16.3286-4.4884-4.4954-9.9864-6.7045-16.3427-6.8364v-1.4475c12.563-.3887 24.755 10.4508 24.6407 24.6125Z\"\n      />\n    </svg>\n  `,\n})\nexport class WattEmptyStateExploreComponent {}\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-empty-state-no-results',\n  template: `\n    <svg viewBox=\"0 0 128 128\" fill=\"none\">\n      <path\n        fill=\"currentColor\"\n        fill-rule=\"evenodd\"\n        d=\"M64 116c28.719 0 52-23.281 52-52S92.719 12 64 12 12 35.281 12 64s23.281 52 52 52Zm0 2c29.823 0 54-24.177 54-54S93.823 10 64 10 10 34.177 10 64s24.177 54 54 54Z\"\n        clip-rule=\"evenodd\"\n      />\n      <path\n        fill=\"currentColor\"\n        fill-rule=\"evenodd\"\n        d=\"M63.91 65.91 42 87.82l-1.414-1.414 21.91-21.91L40 42l1.414-1.414L63.91 63.082l22.496-22.497L87.82 42 65.325 64.496l21.91 21.91-1.413 1.414-21.91-21.91Z\"\n        clip-rule=\"evenodd\"\n      />\n    </svg>\n  `,\n})\nexport class WattEmptyStateNoResultsComponent {}\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-empty-state-power',\n  template: `\n    <svg viewBox=\"0 0 96 116\" fill=\"none\">\n      <path\n        fill=\"currentColor\"\n        d=\"M48.9 89.88v25.914c-.606.042-1.213.042-1.818 0v-25.91c-.507-.042-.963-.083-1.422-.117-5.211-.394-9.989-2.067-14.383-4.875-4.834-3.091-8.642-7.183-11.614-12.07a42.881 42.881 0 0 1-5.505-14.54 46.448 46.448 0 0 1-.788-8.755V38.27c-.24 0-.446-.027-.655-.027H0v-1.8h24.536c.01-.268.027-.479.027-.69v-30.8a4.936 4.936 0 0 1 9.87-.145v31.527c.403.125 26.458.152 27.06.032 0-.23.03-.476.03-.72V5.198c-.02-.717.1-1.432.352-2.105a4.944 4.944 0 0 1 9.437.922c.07.427.104.86.098 1.294V36.424c1.204.033 2.363 0 3.522.014 1.16.015 2.335 0 3.5 0h17.51c.058.595.062 1.194.01 1.789h-13.32c-.018.252-.05.459-.05.667 0 3.335-.01 6.67 0 10.005a49.34 49.34 0 0 1-.36 6.683c-1.251 9.34-4.857 17.585-11.488 24.388-4.212 4.32-9.242 7.369-15.123 8.916a30.233 30.233 0 0 1-6.253.95c-.137.004-.267.025-.459.044ZM15.216 47.344c-.018.105-.03.211-.036.317-.044 3.204.08 6.393.626 9.56a42.105 42.105 0 0 0 4.123 12.363c2.538 4.873 5.911 9.058 10.316 12.373 5.013 3.773 10.63 5.876 16.932 6.082a27.722 27.722 0 0 0 9.688-1.421c5.11-1.69 9.443-4.586 13.118-8.494 4.552-4.832 7.55-10.527 9.286-16.905a43.867 43.867 0 0 0 1.334-7.567c.181-2.012.173-4.025.169-6.045a2.075 2.075 0 0 0-.03-.24c-.374-.104-64.866-.133-65.526-.023Zm.035-9.071c-.12.585-.098 6.787.023 7.166.063.014.126.023.19.027H80.46c.07-.002.14-.01.209-.025a.122.122 0 0 0 .04-.027l.039-.04v-7.101H15.252Zm17.37-1.876V5.317a6.539 6.539 0 0 0-.031-.698A2.989 2.989 0 0 0 30.7 2.084a2.956 2.956 0 0 0-3.15.446c-.833.653-1.181 1.543-1.181 2.585v30.592c0 .227.02.454.033.71l6.22-.02Zm36.96.027V4.73a3.127 3.127 0 0 0-6.235.273v31.433c2.105.005 4.148.009 6.24-.002l-.005-.01Z\"\n      />\n    </svg>\n  `,\n})\nexport class WattEmptyStatePowerComponent {}\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, computed, input } from '@angular/core';\nimport { WattIcon, WattIconComponent, WattIconSize } from '@energinet/watt/icon';\nimport { WattEmptyStateExploreComponent } from './icons/explore';\nimport { WattEmptyStateNoResultsComponent } from './icons/no-results';\nimport { WattEmptyStatePowerComponent } from './icons/power';\n\n/**\n * Usage:\n * `import { WattEmptyStateComponent } from '@energinet-datahub/watt/empty-state';`\n */\n@Component({\n  selector: 'watt-empty-state',\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    WattEmptyStateExploreComponent,\n    WattEmptyStateNoResultsComponent,\n    WattEmptyStatePowerComponent,\n    WattIconComponent,\n  ],\n  styles: `\n    @use '@energinet-datahub/watt/utils' as watt;\n\n    watt-empty-state {\n      display: block;\n      text-align: center;\n      color: var(--watt-color-primary-dark);\n\n      h3,\n      h5,\n      p {\n        margin: 0;\n        white-space: pre-wrap;\n      }\n\n      watt-button {\n        display: block;\n        margin-top: var(--watt-space-m);\n\n        &:first-of-type {\n          margin-top: var(--watt-space-l);\n        }\n      }\n    }\n  `,\n  template: `\n    @let name = icon();\n    @switch (name) {\n      @case ('custom-explore') {\n        <watt-icon [size]=\"iconSize()\" class=\"watt-space-stack-l\">\n          <watt-empty-state-explore />\n        </watt-icon>\n      }\n      @case ('custom-no-results') {\n        <watt-icon [size]=\"iconSize()\" class=\"watt-space-stack-l\">\n          <watt-empty-state-no-results />\n        </watt-icon>\n      }\n      @case ('custom-power') {\n        <watt-icon [size]=\"iconSize()\" class=\"watt-space-stack-l\">\n          <watt-empty-state-power />\n        </watt-icon>\n      }\n      @default {\n        <watt-icon [name]=\"name\" [size]=\"iconSize()\" class=\"watt-space-stack-l\" />\n      }\n    }\n\n    @if (size() === 'large') {\n      <h3>{{ title() }}</h3>\n    } @else {\n      <h5>{{ title() }}</h5>\n    }\n\n    @if (useHTML()) {\n      <div [class.watt-text-s]=\"size() === 'small'\" [innerHTML]=\"message()\"></div>\n    } @else {\n      <p [class.watt-text-s]=\"size() === 'small'\">{{ message() }}</p>\n    }\n\n    <ng-content />\n  `,\n})\nexport class WattEmptyStateComponent {\n  icon = input<WattIcon | 'custom-power' | 'custom-explore' | 'custom-no-results'>();\n  size = input<'small' | 'large'>('large');\n  title = input('');\n  message = input('');\n  useHTML = input(false);\n  iconSize = computed<WattIconSize>(() => (this.size() === 'small' ? 'xl' : 'xxl'));\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 { WattEmptyStateComponent } from './watt-empty-state.component';\nexport { WattEmptyStateExploreComponent } from './icons/explore';\nexport { WattEmptyStateNoResultsComponent } from './icons/no-results';\nexport { WattEmptyStatePowerComponent } from './icons/power';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,151 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, contentChild, input, ViewEncapsulation, Component } from '@angular/core';
+import * as i1 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+
+//#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 WattExpandableCardContentDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattExpandableCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: WattExpandableCardContentDirective, isStandalone: true, selector: "[wattExpandableCardContent]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattExpandableCardContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wattExpandableCardContent]',
+                }]
+        }] });
+/**
+ * Usage:
+ * `import { WATT_EXPANDABLE_CARD_COMPONENTS } from '@energinet-datahub/watt/expandable-card';`
+ */
+class WattExpandableCardComponent {
+    /**
+     * @ignore
+     */
+    cardContent = contentChild(WattExpandableCardContentDirective);
+    /**
+     * @ignore
+     */
+    containsNestedCard = contentChild(WattExpandableCardComponent);
+    /** Whether the card is expanded. */
+    expanded = input(false);
+    /** The position of the expansion indicator. */
+    togglePosition = input('after');
+    /** Whether the card is elevated or has solid border */
+    variant = input('elevation');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattExpandableCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattExpandableCardComponent, isStandalone: true, selector: "watt-expandable-card", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, togglePosition: { classPropertyName: "togglePosition", publicName: "togglePosition", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "cardContent", first: true, predicate: WattExpandableCardContentDirective, descendants: true, isSignal: true }, { propertyName: "containsNestedCard", first: true, predicate: WattExpandableCardComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <mat-expansion-panel
+      [togglePosition]="togglePosition()"
+      [expanded]="expanded()"
+      class="watt-expandable-card watt-{{ variant() }}"
+      [class.watt-expandable-card__parent]="containsNestedCard()"
+    >
+      <mat-expansion-panel-header>
+        <mat-panel-title>
+          <ng-content select="watt-badge" />
+          <ng-content select="watt-expandable-card-title" />
+        </mat-panel-title>
+      </mat-expansion-panel-header>
+
+      <ng-content />
+
+      @let _cardContent = cardContent();
+
+      @if (_cardContent) {
+        <ng-template matExpansionPanelContent>
+          <ng-container *ngTemplateOutlet="_cardContent.templateRef" />
+        </ng-template>
+      }
+    </mat-expansion-panel>
+  `, isInline: true, styles: ["watt-expandable-card{display:block}watt-expandable-card+watt-expandable-card{margin-top:var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel{border-radius:4px!important}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header{color:var(--watt-typography-headline-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none;letter-spacing:0;height:var(--watt-space-xl);padding:0 var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--watt-color-neutral-white)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator{margin-top:-6px;transform-origin:center 15px}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator:after{border-color:var(--watt-color-primary)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-panel-header-title{margin-right:0}.watt-expandable-card.mat-expansion-panel .mat-expansion-indicator{margin-top:-6px;transform-origin:center 15px}.watt-expandable-card.mat-expansion-panel .mat-expansion-indicator:after{border-color:var(--watt-color-primary)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-body{border-top:1px solid var(--watt-color-neutral-grey-300);padding:0 var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header-title>watt-badge{margin-right:var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel.watt-solid{border:1px solid var(--watt-color-neutral-grey-300);box-shadow:none}.watt-expandable-card.mat-expansion-panel.watt-expandable-card__parent .watt-expandable-card.mat-expansion-panel.watt-solid{border:none}.watt-expandable-card.mat-expansion-panel.watt-expandable-card__parent>.mat-expansion-panel-content>.mat-expansion-panel-body{border-top:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i1.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattExpandableCardComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [NgTemplateOutlet, MatExpansionModule], encapsulation: ViewEncapsulation.None, selector: 'watt-expandable-card', template: `
+    <mat-expansion-panel
+      [togglePosition]="togglePosition()"
+      [expanded]="expanded()"
+      class="watt-expandable-card watt-{{ variant() }}"
+      [class.watt-expandable-card__parent]="containsNestedCard()"
+    >
+      <mat-expansion-panel-header>
+        <mat-panel-title>
+          <ng-content select="watt-badge" />
+          <ng-content select="watt-expandable-card-title" />
+        </mat-panel-title>
+      </mat-expansion-panel-header>
+
+      <ng-content />
+
+      @let _cardContent = cardContent();
+
+      @if (_cardContent) {
+        <ng-template matExpansionPanelContent>
+          <ng-container *ngTemplateOutlet="_cardContent.templateRef" />
+        </ng-template>
+      }
+    </mat-expansion-panel>
+  `, styles: ["watt-expandable-card{display:block}watt-expandable-card+watt-expandable-card{margin-top:var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel{border-radius:4px!important}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header{color:var(--watt-typography-headline-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none;letter-spacing:0;height:var(--watt-space-xl);padding:0 var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--watt-color-neutral-white)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator{margin-top:-6px;transform-origin:center 15px}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator:after{border-color:var(--watt-color-primary)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-panel-header-title{margin-right:0}.watt-expandable-card.mat-expansion-panel .mat-expansion-indicator{margin-top:-6px;transform-origin:center 15px}.watt-expandable-card.mat-expansion-panel .mat-expansion-indicator:after{border-color:var(--watt-color-primary)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-body{border-top:1px solid var(--watt-color-neutral-grey-300);padding:0 var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header-title>watt-badge{margin-right:var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel.watt-solid{border:1px solid var(--watt-color-neutral-grey-300);box-shadow:none}.watt-expandable-card.mat-expansion-panel.watt-expandable-card__parent .watt-expandable-card.mat-expansion-panel.watt-solid{border:none}.watt-expandable-card.mat-expansion-panel.watt-expandable-card__parent>.mat-expansion-panel-content>.mat-expansion-panel-body{border-top:none}\n"] }]
+        }] });
+class WattExpandableCardTitleComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattExpandableCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: WattExpandableCardTitleComponent, isStandalone: true, selector: "watt-expandable-card-title", ngImport: i0, template: `<ng-content />`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattExpandableCardTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'watt-expandable-card-title',
+                    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
+const WATT_EXPANDABLE_CARD_COMPONENTS = [
+    WattExpandableCardComponent,
+    WattExpandableCardTitleComponent,
+    WattExpandableCardContentDirective,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WATT_EXPANDABLE_CARD_COMPONENTS, WattExpandableCardComponent, WattExpandableCardContentDirective, WattExpandableCardTitleComponent };
+//# sourceMappingURL=energinet-watt-expandable-card.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-expandable-card.mjs","sources":["../../../libs/watt/package/expandable-card/watt-expandable-card.component.ts","../../../libs/watt/package/expandable-card/index.ts","../../../libs/watt/package/expandable-card/energinet-watt-expandable-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 { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  Directive,\n  TemplateRef,\n  ViewEncapsulation,\n  inject,\n  input,\n  contentChild,\n} from '@angular/core';\nimport { MatAccordionTogglePosition, MatExpansionModule } from '@angular/material/expansion';\n\n@Directive({\n  selector: '[wattExpandableCardContent]',\n})\nexport class WattExpandableCardContentDirective {\n  templateRef = inject(TemplateRef);\n}\n\n/**\n * Usage:\n * `import { WATT_EXPANDABLE_CARD_COMPONENTS } from '@energinet-datahub/watt/expandable-card';`\n */\n@Component({\n  imports: [NgTemplateOutlet, MatExpansionModule],\n  encapsulation: ViewEncapsulation.None,\n  selector: 'watt-expandable-card',\n  styleUrl: './watt-expandable-card.component.scss',\n  template: `\n    <mat-expansion-panel\n      [togglePosition]=\"togglePosition()\"\n      [expanded]=\"expanded()\"\n      class=\"watt-expandable-card watt-{{ variant() }}\"\n      [class.watt-expandable-card__parent]=\"containsNestedCard()\"\n    >\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <ng-content select=\"watt-badge\" />\n          <ng-content select=\"watt-expandable-card-title\" />\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n\n      <ng-content />\n\n      @let _cardContent = cardContent();\n\n      @if (_cardContent) {\n        <ng-template matExpansionPanelContent>\n          <ng-container *ngTemplateOutlet=\"_cardContent.templateRef\" />\n        </ng-template>\n      }\n    </mat-expansion-panel>\n  `,\n})\nexport class WattExpandableCardComponent {\n  /**\n   * @ignore\n   */\n  cardContent = contentChild(WattExpandableCardContentDirective);\n\n  /**\n   * @ignore\n   */\n  containsNestedCard = contentChild(WattExpandableCardComponent);\n\n  /** Whether the card is expanded. */\n  expanded = input(false);\n\n  /** The position of the expansion indicator. */\n  togglePosition = input<MatAccordionTogglePosition>('after');\n\n  /** Whether the card is elevated or has solid border */\n  variant = input<'solid' | 'elevation'>('elevation');\n}\n\n@Component({\n  selector: 'watt-expandable-card-title',\n  template: `<ng-content />`,\n})\nexport class WattExpandableCardTitleComponent {}\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  WattExpandableCardComponent,\n  WattExpandableCardTitleComponent,\n  WattExpandableCardContentDirective,\n} from './watt-expandable-card.component';\n\nconst WATT_EXPANDABLE_CARD_COMPONENTS = [\n  WattExpandableCardComponent,\n  WattExpandableCardTitleComponent,\n  WattExpandableCardContentDirective,\n] as const;\n\nexport {\n  WattExpandableCardComponent,\n  WattExpandableCardTitleComponent,\n  WattExpandableCardContentDirective,\n  WATT_EXPANDABLE_CARD_COMPONENTS,\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/energinet-watt-expansion.mjs

@@ -0,0 +1,78 @@
+import * as i0 from '@angular/core';
+import { Input, ViewEncapsulation, Component } from '@angular/core';
+import * as i1 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { WattButtonComponent } from '@energinet/watt/button';
+
+//#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 { WattExpansionComponent } from '@energinet-datahub/watt/expansion';`
+ */
+class WattExpansionComponent {
+    openLabel = '';
+    closeLabel = '';
+    expanded = false;
+    /**
+     * @ignore
+     * @param matExpansionPanel
+     */
+    onClose(matExpansionPanel) {
+        matExpansionPanel.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattExpansionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: WattExpansionComponent, isStandalone: true, selector: "watt-expansion", inputs: { openLabel: "openLabel", closeLabel: "closeLabel", expanded: "expanded" }, 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-expansion-panel hideToggle #expansion=\"matExpansionPanel\" [expanded]=\"expanded\">\n  <mat-expansion-panel-header>\n    <watt-button icon=\"plus\" aria-hidden=\"true\">{{ openLabel }}</watt-button>\n  </mat-expansion-panel-header>\n\n  <ng-content />\n\n  <mat-action-row>\n    <watt-button icon=\"minus\" (click)=\"onClose(expansion)\">{{ closeLabel }}</watt-button>\n  </mat-action-row>\n</mat-expansion-panel>\n", styles: ["watt-expansion .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}watt-expansion mat-expansion-panel-header.mat-expansion-panel-header{padding:0;background:none!important}watt-expansion mat-expansion-panel-header.mat-expansion-panel-header .mat-content{justify-content:end}watt-expansion mat-expansion-panel-header.mat-expansion-panel-header button{opacity:1;transform:translateZ(0);transition:transform .25s ease-in-out}watt-expansion mat-action-row.mat-action-row{padding:16px 0;border:none}watt-expansion .mat-expanded mat-expansion-panel-header{overflow:hidden}watt-expansion .mat-expanded mat-expansion-panel-header button{transform:translate3d(0,100%,0)}watt-expansion watt-button watt-text-button button.watt-button:focus{outline:none}watt-expansion .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay{opacity:0}\n"], dependencies: [{ kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i1.MatExpansionPanelActionRow, selector: "mat-action-row" }, { kind: "component", type: i1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "type", "formId", "disabled", "loading"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattExpansionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'watt-expansion', encapsulation: ViewEncapsulation.None, imports: [MatExpansionModule, WattButtonComponent], 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-expansion-panel hideToggle #expansion=\"matExpansionPanel\" [expanded]=\"expanded\">\n  <mat-expansion-panel-header>\n    <watt-button icon=\"plus\" aria-hidden=\"true\">{{ openLabel }}</watt-button>\n  </mat-expansion-panel-header>\n\n  <ng-content />\n\n  <mat-action-row>\n    <watt-button icon=\"minus\" (click)=\"onClose(expansion)\">{{ closeLabel }}</watt-button>\n  </mat-action-row>\n</mat-expansion-panel>\n", styles: ["watt-expansion .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}watt-expansion mat-expansion-panel-header.mat-expansion-panel-header{padding:0;background:none!important}watt-expansion mat-expansion-panel-header.mat-expansion-panel-header .mat-content{justify-content:end}watt-expansion mat-expansion-panel-header.mat-expansion-panel-header button{opacity:1;transform:translateZ(0);transition:transform .25s ease-in-out}watt-expansion mat-action-row.mat-action-row{padding:16px 0;border:none}watt-expansion .mat-expanded mat-expansion-panel-header{overflow:hidden}watt-expansion .mat-expanded mat-expansion-panel-header button{transform:translate3d(0,100%,0)}watt-expansion watt-button watt-text-button button.watt-button:focus{outline:none}watt-expansion .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay{opacity:0}\n"] }]
+        }], propDecorators: { openLabel: [{
+                type: Input
+            }], closeLabel: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }] } });
+
+//#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 { WattExpansionComponent };
+//# sourceMappingURL=energinet-watt-expansion.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-expansion.mjs","sources":["../../../libs/watt/package/expansion/expansion.component.ts","../../../libs/watt/package/expansion/expansion.component.html","../../../libs/watt/package/expansion/index.ts","../../../libs/watt/package/expansion/energinet-watt-expansion.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, ViewEncapsulation } from '@angular/core';\nimport { MatExpansionPanel, MatExpansionModule } from '@angular/material/expansion';\nimport { WattButtonComponent } from '@energinet/watt/button';\n\n/**\n * Usage:\n * `import { WattExpansionComponent } from '@energinet-datahub/watt/expansion';`\n */\n@Component({\n  selector: 'watt-expansion',\n  styleUrls: ['./expansion.component.scss'],\n  templateUrl: './expansion.component.html',\n  encapsulation: ViewEncapsulation.None,\n  imports: [MatExpansionModule, WattButtonComponent],\n})\nexport class WattExpansionComponent {\n  @Input() openLabel = '';\n  @Input() closeLabel = '';\n  @Input() expanded = false;\n\n  /**\n   * @ignore\n   * @param matExpansionPanel\n   */\n  onClose(matExpansionPanel: MatExpansionPanel) {\n    matExpansionPanel.close();\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-expansion-panel hideToggle #expansion=\"matExpansionPanel\" [expanded]=\"expanded\">\n  <mat-expansion-panel-header>\n    <watt-button icon=\"plus\" aria-hidden=\"true\">{{ openLabel }}</watt-button>\n  </mat-expansion-panel-header>\n\n  <ng-content />\n\n  <mat-action-row>\n    <watt-button icon=\"minus\" (click)=\"onClose(expansion)\">{{ closeLabel }}</watt-button>\n  </mat-action-row>\n</mat-expansion-panel>\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 { WattExpansionComponent } from './expansion.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;AACA;;;;;;;;;;;;;;;AAeG;AACH;AAKA;;;AAGG;MAQU,sBAAsB,CAAA;IACxB,SAAS,GAAG,EAAE;IACd,UAAU,GAAG,EAAE;IACf,QAAQ,GAAG,KAAK;AAEzB;;;AAGG;AACH,IAAA,OAAO,CAAC,iBAAoC,EAAA;QAC1C,iBAAiB,CAAC,KAAK,EAAE;;uGAVhB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,ECjCnC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,ggCA2BA,EDIY,MAAA,EAAA,CAAA,y1BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,kBAAkB,6dAAE,mBAAmB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAEtC,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;+BACE,gBAAgB,EAAA,aAAA,EAGX,iBAAiB,CAAC,IAAI,WAC5B,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,ggCAAA,EAAA,MAAA,EAAA,CAAA,y1BAAA,CAAA,EAAA;8BAGzC,SAAS,EAAA,CAAA;sBAAjB;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;;;AEpCH;AACA;;;;;;;;;;;;;;;AAeG;AACH;;ACjBA;;AAEG;;;;"}