@energinet/watt 4.0.21 → 4.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/core/styles/@energinet-datahub/watt/_index.scss +7 -0
  2. package/core/styles/@energinet-datahub/watt/theme/material-overwrites/_expansion-panel.scss +21 -0
  3. package/core/styles/_radius.scss +19 -0
  4. package/core/styles/_transitions.scss +31 -0
  5. package/core/styles/_variables.scss +2 -1
  6. package/core/styles/typography/_typography.import.scss +0 -1
  7. package/empty-state/icons/not-found.d.ts +5 -0
  8. package/empty-state/index.d.ts +1 -0
  9. package/esm2022/badge/watt-badge.component.js +2 -2
  10. package/esm2022/card/watt-card.component.js +4 -4
  11. package/esm2022/chip/watt-date-chip.component.js +2 -2
  12. package/esm2022/chip/watt-date-range-chip.component.js +2 -2
  13. package/esm2022/data/watt-data-table.component.js +2 -2
  14. package/esm2022/datetime-field/watt-datetime-field.component.js +1 -1
  15. package/esm2022/dropdown/watt-dropdown.component.js +2 -2
  16. package/esm2022/dropzone/watt-dropzone.js +2 -2
  17. package/esm2022/empty-state/icons/not-found.js +54 -0
  18. package/esm2022/empty-state/index.js +2 -1
  19. package/esm2022/empty-state/watt-empty-state.component.js +3 -3
  20. package/esm2022/field/watt-field.component.js +28 -9
  21. package/esm2022/file-field/watt-file-field.component.js +1 -1
  22. package/esm2022/phone-field/watt-phone-field.component.js +2 -2
  23. package/esm2022/picker/datepicker/watt-datepicker.component.js +2 -2
  24. package/esm2022/picker/timepicker/watt-timepicker.component.js +2 -2
  25. package/esm2022/shell/nav-list/watt-nav-list.component.js +3 -3
  26. package/esm2022/table/watt-table.component.js +3 -3
  27. package/esm2022/text-field/watt-text-field.component.js +12 -10
  28. package/esm2022/textarea-field/watt-textarea-field.component.js +1 -1
  29. package/esm2022/validation-message/watt-validation-message.component.js +3 -3
  30. package/esm2022/year-field/watt-year-field.component.js +1 -1
  31. package/esm2022/yearmonth-field/watt-yearmonth-field.component.js +1 -1
  32. package/field/watt-field.component.d.ts +9 -1
  33. package/package.json +1 -5
  34. package/text-field/watt-text-field.component.d.ts +7 -4
  35. package/esm2022/expansion/energinet-watt-expansion.js +0 -5
  36. package/esm2022/expansion/expansion.component.js +0 -52
  37. package/esm2022/expansion/index.js +0 -20
  38. package/expansion/energinet-watt-expansion.d.ts +0 -5
  39. package/expansion/expansion.component.d.ts +0 -18
  40. package/expansion/index.d.ts +0 -17
@@ -193,7 +193,7 @@ export class WattYearField {
193
193
  />
194
194
  </span>
195
195
  }
196
- `, isInline: true, styles: ["watt-year-field{display:block;width:100%}watt-year-field:has(.watt-year-field__step-through){display:flex;flex-align:flex-start}watt-year-field:has(.watt-year-field__step-through) .watt-year-field__step-through{display:flex}watt-year-field:has(.watt-year-field__has-label) .watt-year-field__step-through{margin-top:28px}.watt-year-field-picker{position:fixed;position-area:bottom span-right;position-try-fallbacks:flip-block;width:296px;height:354px;inset:unset;margin:unset;border:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
196
+ `, isInline: true, styles: ["watt-year-field{display:block;width:100%}watt-year-field:has(.watt-year-field__step-through){display:flex;flex-align:flex-start}watt-year-field:has(.watt-year-field__step-through) .watt-year-field__step-through{display:flex}watt-year-field:has(.watt-year-field__has-label) .watt-year-field__step-through{margin-top:28px}.watt-year-field-picker{position:fixed;position-area:bottom span-right;position-try-fallbacks:flip-block;width:296px;height:354px;inset:unset;margin:unset;border:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "autoFocus", "showErrors"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
197
197
  }
198
198
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattYearField, decorators: [{
199
199
  type: Component,
@@ -194,7 +194,7 @@ export class WattYearMonthField {
194
194
  />
195
195
  </span>
196
196
  }
197
- `, isInline: true, styles: ["watt-yearmonth-field{display:block;width:100%}watt-yearmonth-field input{text-transform:capitalize}watt-yearmonth-field:has(.watt-yearmonth-field__step-through){display:flex;flex-align:flex-start}watt-yearmonth-field:has(.watt-yearmonth-field__step-through) .watt-yearmonth-field__step-through{display:flex}watt-yearmonth-field:has(.watt-yearmonth-field__has-label) .watt-yearmonth-field__step-through{margin-top:28px}.watt-yearmonth-field-picker{position:fixed;position-area:bottom span-right;position-try-fallbacks:flip-block;width:296px;height:354px;inset:unset;margin:unset;border:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
197
+ `, isInline: true, styles: ["watt-yearmonth-field{display:block;width:100%}watt-yearmonth-field input{text-transform:capitalize}watt-yearmonth-field:has(.watt-yearmonth-field__step-through){display:flex;flex-align:flex-start}watt-yearmonth-field:has(.watt-yearmonth-field__step-through) .watt-yearmonth-field__step-through{display:flex}watt-yearmonth-field:has(.watt-yearmonth-field__has-label) .watt-yearmonth-field__step-through{margin-top:28px}.watt-yearmonth-field-picker{position:fixed;position-area:bottom span-right;position-try-fallbacks:flip-block;width:296px;height:354px;inset:unset;margin:unset;border:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "autoFocus", "showErrors"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
198
198
  }
199
199
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattYearMonthField, decorators: [{
200
200
  type: Component,
@@ -28,6 +28,13 @@ export declare class WattFieldComponent {
28
28
  tooltip: import("@angular/core").InputSignal<string | undefined>;
29
29
  placeholder: import("@angular/core").InputSignal<string>;
30
30
  anchorName: import("@angular/core").InputSignal<string | undefined>;
31
+ /**
32
+ * Whether the input should receive focus when the component is rendered.
33
+ */
34
+ autoFocus: import("@angular/core").InputSignal<boolean>;
35
+ /** @ignore */
36
+ labelElement: import("@angular/core").Signal<ElementRef<HTMLLabelElement>>;
37
+ wattLabelElement: import("@angular/core").Signal<ElementRef<HTMLSpanElement>>;
31
38
  value: import("@angular/core").WritableSignal<string>;
32
39
  filler: import("@angular/core").Signal<string>;
33
40
  ghost: import("@angular/core").Signal<string>;
@@ -35,9 +42,10 @@ export declare class WattFieldComponent {
35
42
  errors: import("@angular/core").WritableSignal<ValidationErrors | null>;
36
43
  isRequired: import("@angular/core").WritableSignal<boolean>;
37
44
  isEmpty: import("@angular/core").Signal<any>;
45
+ showErrors: import("@angular/core").InputSignal<boolean>;
38
46
  wrapper: import("@angular/core").Signal<ElementRef<any> | undefined>;
39
47
  constructor();
40
48
  isRequiredControl(control: FormControl): boolean;
41
49
  static ɵfac: i0.ɵɵFactoryDeclaration<WattFieldComponent, never>;
42
- static ɵcmp: i0.ɵɵComponentDeclaration<WattFieldComponent, "watt-field", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "chipMode": { "alias": "chipMode"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "anchorName": { "alias": "anchorName"; "required": false; "isSignal": true; }; }, {}, never, ["*", "watt-field-descriptor", "[popover]", "watt-field-hint", "watt-field-error", "watt-field-warning"], true, never>;
50
+ static ɵcmp: i0.ɵɵComponentDeclaration<WattFieldComponent, "watt-field", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "chipMode": { "alias": "chipMode"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "anchorName": { "alias": "anchorName"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "showErrors": { "alias": "showErrors"; "required": false; "isSignal": true; }; }, {}, never, ["*", "watt-field-descriptor", "[popover]", "watt-field-hint", "watt-field-error", "watt-field-warning"], true, never>;
43
51
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "@energinet/watt",
4
- "version": "4.0.21",
4
+ "version": "4.0.22",
5
5
  "license": "Apache-2.0",
6
6
  "exports": {
7
7
  ".": {
@@ -79,10 +79,6 @@
79
79
  "types": "./expandable-card/energinet-watt-expandable-card.d.ts",
80
80
  "default": "./esm2022/expandable-card/energinet-watt-expandable-card.js"
81
81
  },
82
- "./expansion": {
83
- "types": "./expansion/energinet-watt-expansion.d.ts",
84
- "default": "./esm2022/expansion/energinet-watt-expansion.js"
85
- },
86
82
  "./field": {
87
83
  "types": "./field/energinet-watt-field.d.ts",
88
84
  "default": "./esm2022/field/energinet-watt-field.js"
@@ -30,6 +30,11 @@ export declare class WattTextFieldComponent implements ControlValueAccessor, Aft
30
30
  formControl: import("@angular/core").InputSignal<FormControl<any>>;
31
31
  autocompleteOptions: import("@angular/core").InputSignal<string[]>;
32
32
  autocompleteMatcherFn: import("@angular/core").InputSignal<((value: string, option: string) => boolean) | undefined>;
33
+ showErrors: import("@angular/core").InputSignal<boolean>;
34
+ /**
35
+ * Whether the input should receive focus when the component is rendered.
36
+ */
37
+ autoFocus: import("@angular/core").InputSignal<boolean>;
33
38
  /** @ignore */
34
39
  autocompleteRef: import("@angular/core").Signal<MatAutocomplete>;
35
40
  /**
@@ -45,7 +50,7 @@ export declare class WattTextFieldComponent implements ControlValueAccessor, Aft
45
50
  */
46
51
  autocompleteOptionDeselected: import("@angular/core").OutputEmitterRef<void>;
47
52
  /** @ignore */
48
- private element;
53
+ private readonly element;
49
54
  /** @ignore */
50
55
  inputField: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
51
56
  model: import("@angular/core").WritableSignal<string>;
@@ -69,8 +74,6 @@ export declare class WattTextFieldComponent implements ControlValueAccessor, Aft
69
74
  registerOnTouched(fn: () => void): void;
70
75
  /** @ignore */
71
76
  setDisabledState(isDisabled: boolean): void;
72
- /** @ignore */
73
- setFocus(): void;
74
77
  static ɵfac: i0.ɵɵFactoryDeclaration<WattTextFieldComponent, never>;
75
- static ɵcmp: i0.ɵɵComponentDeclaration<WattTextFieldComponent, "watt-text-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "formControl": { "alias": "formControl"; "required": true; "isSignal": true; }; "autocompleteOptions": { "alias": "autocompleteOptions"; "required": false; "isSignal": true; }; "autocompleteMatcherFn": { "alias": "autocompleteMatcherFn"; "required": false; "isSignal": true; }; }, { "searchChanged": "searchChanged"; "autocompleteOptionSelected": "autocompleteOptionSelected"; "autocompleteOptionDeselected": "autocompleteOptionDeselected"; }, never, ["*", ".descriptor", "watt-field-hint", "watt-field-error"], true, never>;
78
+ static ɵcmp: i0.ɵɵComponentDeclaration<WattTextFieldComponent, "watt-text-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "formControl": { "alias": "formControl"; "required": true; "isSignal": true; }; "autocompleteOptions": { "alias": "autocompleteOptions"; "required": false; "isSignal": true; }; "autocompleteMatcherFn": { "alias": "autocompleteMatcherFn"; "required": false; "isSignal": true; }; "showErrors": { "alias": "showErrors"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; }, { "searchChanged": "searchChanged"; "autocompleteOptionSelected": "autocompleteOptionSelected"; "autocompleteOptionDeselected": "autocompleteOptionDeselected"; }, never, ["*", ".descriptor", "watt-field-hint", "watt-field-error"], true, never>;
76
79
  }
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './index';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW5lcmdpbmV0LXdhdHQtZXhwYW5zaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvZXhwYW5zaW9uL2VuZXJnaW5ldC13YXR0LWV4cGFuc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
@@ -1,52 +0,0 @@
1
- //#region License
2
- /**
3
- * @license
4
- * Copyright 2020 Energinet DataHub A/S
5
- *
6
- * Licensed under the Apache License, Version 2.0 (the "License2");
7
- * you may not use this file except in compliance with the License.
8
- * You may obtain a copy of the License at
9
- *
10
- * http://www.apache.org/licenses/LICENSE-2.0
11
- *
12
- * Unless required by applicable law or agreed to in writing, software
13
- * distributed under the License is distributed on an "AS IS" BASIS,
14
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15
- * See the License for the specific language governing permissions and
16
- * limitations under the License.
17
- */
18
- //#endregion
19
- import { Component, Input, ViewEncapsulation } from '@angular/core';
20
- import { MatExpansionModule } from '@angular/material/expansion';
21
- import { WattButtonComponent } from '@energinet/watt/button';
22
- import * as i0 from "@angular/core";
23
- import * as i1 from "@angular/material/expansion";
24
- /**
25
- * Usage:
26
- * `import { WattExpansionComponent } from '@energinet-datahub/watt/expansion';`
27
- */
28
- export class WattExpansionComponent {
29
- openLabel = '';
30
- closeLabel = '';
31
- expanded = false;
32
- /**
33
- * @ignore
34
- * @param matExpansionPanel
35
- */
36
- onClose(matExpansionPanel) {
37
- matExpansionPanel.close();
38
- }
39
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattExpansionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
40
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", 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", "size", "type", "formId", "disabled", "loading"] }], encapsulation: i0.ViewEncapsulation.None });
41
- }
42
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattExpansionComponent, decorators: [{
43
- type: Component,
44
- 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"] }]
45
- }], propDecorators: { openLabel: [{
46
- type: Input
47
- }], closeLabel: [{
48
- type: Input
49
- }], expanded: [{
50
- type: Input
51
- }] } });
52
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL2V4cGFuc2lvbi9leHBhbnNpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvZXhwYW5zaW9uL2V4cGFuc2lvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBcUIsa0JBQWtCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNwRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBRTdEOzs7R0FHRztBQVFILE1BQU0sT0FBTyxzQkFBc0I7SUFDeEIsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUNmLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFDaEIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUUxQjs7O09BR0c7SUFDSCxPQUFPLENBQUMsaUJBQW9DO1FBQzFDLGlCQUFpQixDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzVCLENBQUM7dUdBWFUsc0JBQXNCOzJGQUF0QixzQkFBc0IsOEpDakNuQyxnZ0NBMkJBLGc1QkRJWSxrQkFBa0IsNmRBQUUsbUJBQW1COzsyRkFFdEMsc0JBQXNCO2tCQVBsQyxTQUFTOytCQUNFLGdCQUFnQixpQkFHWCxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsa0JBQWtCLEVBQUUsbUJBQW1CLENBQUM7OEJBR3pDLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEV4cGFuc2lvblBhbmVsLCBNYXRFeHBhbnNpb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9leHBhbnNpb24nO1xuaW1wb3J0IHsgV2F0dEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9idXR0b24nO1xuXG4vKipcbiAqIFVzYWdlOlxuICogYGltcG9ydCB7IFdhdHRFeHBhbnNpb25Db21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0LWRhdGFodWIvd2F0dC9leHBhbnNpb24nO2BcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2F0dC1leHBhbnNpb24nLFxuICBzdHlsZVVybHM6IFsnLi9leHBhbnNpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuc2lvbi5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtNYXRFeHBhbnNpb25Nb2R1bGUsIFdhdHRCdXR0b25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0RXhwYW5zaW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgb3BlbkxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIGNsb3NlTGFiZWwgPSAnJztcbiAgQElucHV0KCkgZXhwYW5kZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKiBAcGFyYW0gbWF0RXhwYW5zaW9uUGFuZWxcbiAgICovXG4gIG9uQ2xvc2UobWF0RXhwYW5zaW9uUGFuZWw6IE1hdEV4cGFuc2lvblBhbmVsKSB7XG4gICAgbWF0RXhwYW5zaW9uUGFuZWwuY2xvc2UoKTtcbiAgfVxufVxuIiwiPCEtLVxuQGxpY2Vuc2VcbkNvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuXG5MaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbnlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbllvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuXG4gICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG5cblVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbmRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbldJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxubGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4tLT5cbjxtYXQtZXhwYW5zaW9uLXBhbmVsIGhpZGVUb2dnbGUgI2V4cGFuc2lvbj1cIm1hdEV4cGFuc2lvblBhbmVsXCIgW2V4cGFuZGVkXT1cImV4cGFuZGVkXCI+XG4gIDxtYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cbiAgICA8d2F0dC1idXR0b24gaWNvbj1cInBsdXNcIiBhcmlhLWhpZGRlbj1cInRydWVcIj57eyBvcGVuTGFiZWwgfX08L3dhdHQtYnV0dG9uPlxuICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuXG4gIDxuZy1jb250ZW50IC8+XG5cbiAgPG1hdC1hY3Rpb24tcm93PlxuICAgIDx3YXR0LWJ1dHRvbiBpY29uPVwibWludXNcIiAoY2xpY2spPVwib25DbG9zZShleHBhbnNpb24pXCI+e3sgY2xvc2VMYWJlbCB9fTwvd2F0dC1idXR0b24+XG4gIDwvbWF0LWFjdGlvbi1yb3c+XG48L21hdC1leHBhbnNpb24tcGFuZWw+XG4iXX0=
@@ -1,20 +0,0 @@
1
- //#region License
2
- /**
3
- * @license
4
- * Copyright 2020 Energinet DataHub A/S
5
- *
6
- * Licensed under the Apache License, Version 2.0 (the "License2");
7
- * you may not use this file except in compliance with the License.
8
- * You may obtain a copy of the License at
9
- *
10
- * http://www.apache.org/licenses/LICENSE-2.0
11
- *
12
- * Unless required by applicable law or agreed to in writing, software
13
- * distributed under the License is distributed on an "AS IS" BASIS,
14
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15
- * See the License for the specific language governing permissions and
16
- * limitations under the License.
17
- */
18
- //#endregion
19
- export { WattExpansionComponent } from './expansion.component';
20
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9leHBhbnNpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmV4cG9ydCB7IFdhdHRFeHBhbnNpb25Db21wb25lbnQgfSBmcm9tICcuL2V4cGFuc2lvbi5jb21wb25lbnQnO1xuIl19
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- /// <amd-module name="@energinet/watt/expansion" />
5
- export * from './index';
@@ -1,18 +0,0 @@
1
- import { MatExpansionPanel } from '@angular/material/expansion';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Usage:
5
- * `import { WattExpansionComponent } from '@energinet-datahub/watt/expansion';`
6
- */
7
- export declare class WattExpansionComponent {
8
- openLabel: string;
9
- closeLabel: string;
10
- expanded: boolean;
11
- /**
12
- * @ignore
13
- * @param matExpansionPanel
14
- */
15
- onClose(matExpansionPanel: MatExpansionPanel): void;
16
- static ɵfac: i0.ɵɵFactoryDeclaration<WattExpansionComponent, never>;
17
- static ɵcmp: i0.ɵɵComponentDeclaration<WattExpansionComponent, "watt-expansion", never, { "openLabel": { "alias": "openLabel"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, {}, never, ["*"], true, never>;
18
- }
@@ -1,17 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2020 Energinet DataHub A/S
4
- *
5
- * Licensed under the Apache License, Version 2.0 (the "License2");
6
- * you may not use this file except in compliance with the License.
7
- * You may obtain a copy of the License at
8
- *
9
- * http://www.apache.org/licenses/LICENSE-2.0
10
- *
11
- * Unless required by applicable law or agreed to in writing, software
12
- * distributed under the License is distributed on an "AS IS" BASIS,
13
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14
- * See the License for the specific language governing permissions and
15
- * limitations under the License.
16
- */
17
- export { WattExpansionComponent } from './expansion.component';