@energinet/watt 1.6.1 → 1.7.0

package/fesm2022/energinet-watt-picker-timepicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-picker-timepicker.mjs","sources":["../../../libs/watt/package/picker/timepicker/maskito-time-range-mask.ts","../../../libs/watt/package/picker/timepicker/watt-timepicker.component.ts","../../../libs/watt/package/picker/timepicker/watt-timepicker.component.html","../../../libs/watt/package/picker/timepicker/index.ts","../../../libs/watt/package/picker/timepicker/energinet-watt-picker-timepicker.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 { MASKITO_DEFAULT_OPTIONS, MaskitoOptions } from '@maskito/core';\nimport { ElementState } from '@maskito/core/src/lib/types';\n\nconst TIME_FIXED_CHARACTERS = [':', '.'];\n\nconst SEPARATOR = ' - ';\n\nexport function maskitoTimeRangeOptionsGenerator(): Required<MaskitoOptions> {\n  return {\n    ...MASKITO_DEFAULT_OPTIONS,\n    mask: [\n      ...Array.from('HH:MM').map((char) => (TIME_FIXED_CHARACTERS.includes(char) ? char : /\\d/)),\n      ...Array.from(SEPARATOR),\n      ...Array.from('HH:MM').map((char) => (TIME_FIXED_CHARACTERS.includes(char) ? char : /\\d/)),\n    ],\n    preprocessors: [\n      ({ elementState, data }, actionType) => {\n        if (actionType !== 'insert' || data.length > 1) {\n          return {\n            elementState,\n            data,\n          };\n        }\n        if (Number.parseInt(data) > 2 && isFirstHourSegment(elementState)) {\n          return {\n            elementState: {\n              selection: elementState.selection,\n              value: elementState.value + '0' + data,\n            },\n            data: '0' + data,\n          };\n        }\n        if (\n          Number.parseInt(data) > 5 &&\n          (elementState.value.length === 3 || elementState.value.length === 10)\n        ) {\n          return {\n            elementState: {\n              selection: elementState.selection,\n              value: elementState.value + '0' + data,\n            },\n            data: '0' + data,\n          };\n        }\n        return {\n          elementState,\n          data,\n        };\n      },\n    ],\n    overwriteMode: 'replace',\n  };\n}\nfunction isFirstHourSegment(elementState: ElementState) {\n  if (elementState.value.length === 0) {\n    return true;\n  }\n  if (elementState.value.endsWith(SEPARATOR)) {\n    return elementState.value.length === 8;\n  }\n  if (elementState.value.endsWith(' -')) {\n    return elementState.value.length === 7;\n  }\n  if (elementState.value.endsWith(' ')) {\n    return elementState.value.length === 6;\n  }\n  return elementState.value.length === 5;\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport {\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  ElementRef,\n  HostBinding,\n  Input,\n  ViewChild,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { Subject } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { maskitoTimeOptionsGenerator } from '@maskito/kit';\n\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattDateRange } from '@energinet/watt/core/date';\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattSliderComponent, WattSliderValue } from '@energinet/watt/slider';\n\nimport { maskitoTimeRangeOptionsGenerator } from './maskito-time-range-mask';\nimport {\n  WattPickerBase,\n  WattPickerValue,\n  WattPlaceholderMaskComponent,\n} from '@energinet/watt/picker/__shared';\n\n// Constants for working with time intervals\nconst minutesInADay = 24 * 60;\nconst quartersInADay = minutesInADay / 15;\n\n// Show slider initially as \"00:00 - 23:59\"\nconst initialSliderValue: WattSliderValue = { min: 0, max: minutesInADay - 1 };\n\n/** Converts string time format (HH:MM) to number of minutes. */\nfunction timeToMinutes(value: string): number {\n  const [hours, minutes] = value.split(':');\n  return Number(hours) * 60 + Number(minutes);\n}\n\n/** Converts number of minutes to string time format (HH:MM). */\nfunction minutesToTime(value: number): string {\n  const hours = `${Math.floor(value / 60)}`;\n  const minutes = `${value % 60}`;\n  return `${hours.padStart(2, '0')}:${minutes.padStart(2, '0')}`;\n}\n/**\n * Usage:\n * `import { WattTimepickerComponent } from '@energinet-datahub/watt/timepicker';`\n *\n * IMPORTANT:\n * The styling is calculated based on our monospaced font.\n */\n@Component({\n  selector: 'watt-timepicker',\n  templateUrl: './watt-timepicker.component.html',\n  styleUrls: ['./watt-timepicker.component.scss'],\n  providers: [{ provide: MatFormFieldControl, useExisting: WattTimepickerComponent }],\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    MatDatepickerModule,\n    MatInputModule,\n    OverlayModule,\n\n    WattButtonComponent,\n    WattSliderComponent,\n    WattFieldComponent,\n    WattPlaceholderMaskComponent,\n  ],\n})\nexport class WattTimepickerComponent extends WattPickerBase {\n  protected override elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected override changeDetectionRef = inject(ChangeDetectorRef);\n  protected override ngControl = inject(NgControl, { optional: true, self: true });\n  @Input() label = '';\n  /**\n   * Text to display on label for time range slider.\n   */\n  @Input()\n  sliderLabel = '';\n\n  /**\n   * @ignore\n   */\n  @ViewChild('timeInput')\n  input!: ElementRef;\n\n  /**\n   * @ignore\n   */\n  @ViewChild('startTimeInput')\n  startInput!: ElementRef;\n\n  /**\n   * @ignore\n   */\n  @ViewChild('endTimeInput')\n  endInput!: ElementRef;\n\n  /**\n   * @ignore\n   */\n  sliderId = `${this.id}-slider`;\n\n  /**\n   * Used for defining a relationship between the time picker and\n   * the slider overlay (since the DOM hierarchy cannot be used).\n   * @ignore\n   */\n  @HostBinding('attr.aria-owns')\n  get ariaOwns() {\n    // Only range input has slider\n    return this.range && this.sliderOpen ? this.sliderId : undefined;\n  }\n  /**\n   * @ignore\n   */\n  hoursMinutesPlaceholder = 'HH:MM';\n  /**\n   * @ignore\n   */\n  rangeSeparator = ' - ';\n  /**\n   * @ignore\n   */\n  rangePlaceholder =\n    this.hoursMinutesPlaceholder + this.rangeSeparator + this.hoursMinutesPlaceholder;\n  /**\n   * @ignore\n   */\n  protected _placeholder = this.hoursMinutesPlaceholder;\n\n  /**\n   * Whether the slider is open.\n   * @ignore\n   */\n  sliderOpen = false;\n\n  /**\n   * @ignore\n   */\n  sliderSteps = [...Array(quartersInADay).keys()].map((x) => x * 15).concat(minutesInADay - 1);\n\n  /**\n   * @ignore\n   */\n  sliderChange$ = new Subject<WattSliderValue>();\n\n  /**\n   * @ignore\n   */\n  get sliderValue(): WattSliderValue {\n    if (this.value?.start && this.value?.end) {\n      return {\n        min: timeToMinutes(this.value.start),\n        max: timeToMinutes(this.value.end),\n      };\n    }\n\n    // Retain last slider value if input value is incomplete\n    return initialSliderValue;\n  }\n\n  /**\n   * Toggles the visibility of the slider overlay.\n   * @ignore\n   */\n  toggleSlider() {\n    this.sliderOpen = !this.sliderOpen;\n  }\n\n  /**\n   * Override to automatically close the slider overlay on blur.\n   * @ignore\n   */\n  override onFocusOut(event: FocusEvent) {\n    super.onFocusOut(event);\n    if (!this.focused) this.sliderOpen = false;\n  }\n\n  /**\n   * @ignore\n   */\n  inputMask = maskitoTimeOptionsGenerator({ mode: 'HH:MM' });\n  /**\n   * @ignore\n   */\n  rangeInputMask = maskitoTimeRangeOptionsGenerator();\n  /**\n   * @ignore\n   */\n  destroyRef = inject(DestroyRef);\n\n  constructor() {\n    super(`watt-timepicker-${WattTimepickerComponent.nextId++}`);\n  }\n\n  /**\n   * @ignore\n   */\n  protected initSingleInput() {\n    if (this.initialValue) {\n      (this.input.nativeElement as HTMLInputElement).value = this.initialValue as string;\n      this.input.nativeElement.dispatchEvent(new InputEvent('input'));\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  inputChanged(value: string) {\n    const time = value.slice(0, this.hoursMinutesPlaceholder.length);\n    if (time.length === 0) {\n      this.control?.setValue(null);\n      return;\n    }\n    if (time.length !== this.hoursMinutesPlaceholder.length) {\n      return;\n    }\n    this.control?.setValue(time);\n  }\n\n  /**\n   * @ignore\n   */\n  rangeInputChanged(value: string) {\n    const start = value.slice(0, this.hoursMinutesPlaceholder.length);\n    if (start.length !== this.hoursMinutesPlaceholder.length) {\n      this.control?.setValue({ start: '', end: '' });\n      return;\n    }\n    if (value.length < this.rangePlaceholder.length) {\n      this.control?.setValue({ start, end: '' });\n      return;\n    }\n    let end = value.slice(this.hoursMinutesPlaceholder.length + this.rangeSeparator.length);\n    if (timeToMinutes(end) > timeToMinutes(start)) {\n      this.control?.setValue({ start, end });\n    } else {\n      end = minutesToTime(timeToMinutes(start) + 1);\n      this.setRangeValueAndNotify(start, end);\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  protected initRangeInput() {\n    if (this.initialValue) {\n      const { start, end } = this.initialValue as WattDateRange;\n      this.setRangeValueAndNotify(start, end);\n    } else {\n      this.control?.setValue({ start: '', end: '' });\n    }\n    this.sliderChange$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((sliderValue) => {\n      const start = minutesToTime(sliderValue.min);\n      const end = minutesToTime(sliderValue.max);\n      if (end > start) {\n        this.setRangeValueAndNotify(start, end);\n      }\n    });\n  }\n\n  /**\n   * @ignore\n   */\n  setRangeValueAndNotify(start: string, end: string | null) {\n    this.control?.setValue({ start, end });\n    (this.input.nativeElement as HTMLInputElement).value = start + this.rangeSeparator + end;\n    this.input.nativeElement.dispatchEvent(new InputEvent('input'));\n  }\n\n  /**\n   * @ignore\n   */\n  protected setSingleValue(\n    value: Exclude<WattPickerValue, WattDateRange>,\n    input: HTMLInputElement\n  ) {\n    input.value = value ?? '';\n  }\n\n  /**\n   * @ignore\n   */\n  protected setRangeValue(\n    value: WattDateRange,\n    startInput: HTMLInputElement,\n    endInput: HTMLInputElement\n  ) {\n    const { start, end } = value;\n\n    if (start) {\n      startInput.value = start;\n    }\n\n    if (end) {\n      endInput.value = end;\n    }\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<watt-field [id]=\"id\" [control]=\"control\" [label]=\"label\">\n  @if (!range) {\n    <input\n      inert\n      matInput\n      aria-label=\"time-input\"\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"inputMask\"\n      [placeholder]=\"hoursMinutesPlaceholder\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n  } @else {\n    <mat-date-range-input\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      [disabled]=\"disabled\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-time-input\"\n        matStartDate\n        #startTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n      <input\n        inert\n        aria-label=\"end-time-input\"\n        matEndDate\n        #endTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n    </mat-date-range-input>\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"rangeInputMask\"\n      [placeholder]=\"rangePlaceholder\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"time\"\n      [disabled]=\"disabled\"\n      [attr.aria-pressed]=\"sliderOpen\"\n      (click)=\"toggleSlider()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"sliderOpen\"\n      [cdkConnectedOverlayOffsetY]=\"12\"\n    >\n      <div\n        [id]=\"sliderId\"\n        role=\"dialog\"\n        class=\"watt-timepicker-slider\"\n        tabindex=\"-1\"\n        (focusin)=\"onFocusIn()\"\n        (focusout)=\"onFocusOut($event)\"\n      >\n        <span class=\"watt-label\">{{ sliderLabel }}</span>\n        <watt-slider\n          [min]=\"sliderSteps[0]\"\n          [max]=\"sliderSteps[sliderSteps.length - 1]\"\n          [step]=\"1\"\n          [value]=\"sliderValue\"\n          (valueChange)=\"sliderChange$.next($event)\"\n        />\n      </div>\n    </ng-template>\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n</watt-field>\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 { WattTimepickerComponent } from './watt-timepicker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"energinet-watt-picker-timepicker.mjs","sources":["../../../libs/watt/package/picker/timepicker/maskito-time-range-mask.ts","../../../libs/watt/package/picker/timepicker/watt-timepicker.component.ts","../../../libs/watt/package/picker/timepicker/watt-timepicker.component.html","../../../libs/watt/package/picker/timepicker/index.ts","../../../libs/watt/package/picker/timepicker/energinet-watt-picker-timepicker.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 { MASKITO_DEFAULT_OPTIONS, MaskitoOptions } from '@maskito/core';\nimport { ElementState } from '@maskito/core/src/lib/types';\n\nconst TIME_FIXED_CHARACTERS = [':', '.'];\n\nconst SEPARATOR = ' - ';\n\nexport function maskitoTimeRangeOptionsGenerator(): Required<MaskitoOptions> {\n  return {\n    ...MASKITO_DEFAULT_OPTIONS,\n    mask: [\n      ...Array.from('HH:MM').map((char) => (TIME_FIXED_CHARACTERS.includes(char) ? char : /\\d/)),\n      ...Array.from(SEPARATOR),\n      ...Array.from('HH:MM').map((char) => (TIME_FIXED_CHARACTERS.includes(char) ? char : /\\d/)),\n    ],\n    preprocessors: [\n      ({ elementState, data }, actionType) => {\n        if (actionType !== 'insert' || data.length > 1) {\n          return {\n            elementState,\n            data,\n          };\n        }\n        if (Number.parseInt(data) > 2 && isFirstHourSegment(elementState)) {\n          return {\n            elementState: {\n              selection: elementState.selection,\n              value: elementState.value + '0' + data,\n            },\n            data: '0' + data,\n          };\n        }\n        if (\n          Number.parseInt(data) > 5 &&\n          (elementState.value.length === 3 || elementState.value.length === 10)\n        ) {\n          return {\n            elementState: {\n              selection: elementState.selection,\n              value: elementState.value + '0' + data,\n            },\n            data: '0' + data,\n          };\n        }\n        return {\n          elementState,\n          data,\n        };\n      },\n    ],\n    overwriteMode: 'replace',\n  };\n}\nfunction isFirstHourSegment(elementState: ElementState) {\n  if (elementState.value.length === 0) {\n    return true;\n  }\n  if (elementState.value.endsWith(SEPARATOR)) {\n    return elementState.value.length === 8;\n  }\n  if (elementState.value.endsWith(' -')) {\n    return elementState.value.length === 7;\n  }\n  if (elementState.value.endsWith(' ')) {\n    return elementState.value.length === 6;\n  }\n  return elementState.value.length === 5;\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport {\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  ElementRef,\n  HostBinding,\n  Input,\n  ViewChild,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { Subject } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { maskitoTimeOptionsGenerator } from '@maskito/kit';\n\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattDateRange } from '@energinet/watt/core/date';\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattSliderComponent, WattSliderValue } from '@energinet/watt/slider';\n\nimport { maskitoTimeRangeOptionsGenerator } from './maskito-time-range-mask';\nimport {\n  WattPickerBase,\n  WattPickerValue,\n  WattPlaceholderMaskComponent,\n} from '@energinet/watt/picker/__shared';\n\n// Constants for working with time intervals\nconst minutesInADay = 24 * 60;\nconst quartersInADay = minutesInADay / 15;\n\n// Show slider initially as \"00:00 - 23:59\"\nconst initialSliderValue: WattSliderValue = { min: 0, max: minutesInADay - 1 };\n\n/** Converts string time format (HH:MM) to number of minutes. */\nfunction timeToMinutes(value: string): number {\n  const [hours, minutes] = value.split(':');\n  return Number(hours) * 60 + Number(minutes);\n}\n\n/** Converts number of minutes to string time format (HH:MM). */\nfunction minutesToTime(value: number): string {\n  const hours = `${Math.floor(value / 60)}`;\n  const minutes = `${value % 60}`;\n  return `${hours.padStart(2, '0')}:${minutes.padStart(2, '0')}`;\n}\n/**\n * Usage:\n * `import { WattTimepickerComponent } from '@energinet-datahub/watt/timepicker';`\n *\n * IMPORTANT:\n * The styling is calculated based on our monospaced font.\n */\n@Component({\n  selector: 'watt-timepicker',\n  templateUrl: './watt-timepicker.component.html',\n  styleUrls: ['./watt-timepicker.component.scss'],\n  providers: [{ provide: MatFormFieldControl, useExisting: WattTimepickerComponent }],\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    MatDatepickerModule,\n    MatInputModule,\n    OverlayModule,\n\n    WattButtonComponent,\n    WattSliderComponent,\n    WattFieldComponent,\n    WattPlaceholderMaskComponent,\n  ],\n})\nexport class WattTimepickerComponent extends WattPickerBase {\n  protected override elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected override changeDetectionRef = inject(ChangeDetectorRef);\n  protected override ngControl = inject(NgControl, { optional: true, self: true });\n  @Input() label = '';\n  /**\n   * Text to display on label for time range slider.\n   */\n  @Input()\n  sliderLabel = '';\n\n  /**\n   * @ignore\n   */\n  @ViewChild('timeInput')\n  input!: ElementRef;\n\n  /**\n   * @ignore\n   */\n  @ViewChild('startTimeInput')\n  startInput!: ElementRef;\n\n  /**\n   * @ignore\n   */\n  @ViewChild('endTimeInput')\n  endInput!: ElementRef;\n\n  /**\n   * @ignore\n   */\n  sliderId = `${this.id}-slider`;\n\n  /**\n   * Used for defining a relationship between the time picker and\n   * the slider overlay (since the DOM hierarchy cannot be used).\n   * @ignore\n   */\n  @HostBinding('attr.aria-owns')\n  get ariaOwns() {\n    // Only range input has slider\n    return this.range && this.sliderOpen ? this.sliderId : undefined;\n  }\n  /**\n   * @ignore\n   */\n  hoursMinutesPlaceholder = 'HH:MM';\n  /**\n   * @ignore\n   */\n  rangeSeparator = ' - ';\n  /**\n   * @ignore\n   */\n  rangePlaceholder =\n    this.hoursMinutesPlaceholder + this.rangeSeparator + this.hoursMinutesPlaceholder;\n  /**\n   * @ignore\n   */\n  protected _placeholder = this.hoursMinutesPlaceholder;\n\n  /**\n   * Whether the slider is open.\n   * @ignore\n   */\n  sliderOpen = false;\n\n  /**\n   * @ignore\n   */\n  sliderSteps = [...Array(quartersInADay).keys()].map((x) => x * 15).concat(minutesInADay - 1);\n\n  /**\n   * @ignore\n   */\n  sliderChange$ = new Subject<WattSliderValue>();\n\n  /**\n   * @ignore\n   */\n  get sliderValue(): WattSliderValue {\n    if (this.value?.start && this.value?.end) {\n      return {\n        min: timeToMinutes(this.value.start),\n        max: timeToMinutes(this.value.end),\n      };\n    }\n\n    // Retain last slider value if input value is incomplete\n    return initialSliderValue;\n  }\n\n  /**\n   * Toggles the visibility of the slider overlay.\n   * @ignore\n   */\n  toggleSlider() {\n    this.sliderOpen = !this.sliderOpen;\n  }\n\n  /**\n   * Override to automatically close the slider overlay on blur.\n   * @ignore\n   */\n  override onFocusOut(event: FocusEvent) {\n    super.onFocusOut(event);\n    if (!this.focused) this.sliderOpen = false;\n  }\n\n  /**\n   * @ignore\n   */\n  inputMask = maskitoTimeOptionsGenerator({ mode: 'HH:MM' });\n  /**\n   * @ignore\n   */\n  rangeInputMask = maskitoTimeRangeOptionsGenerator();\n  /**\n   * @ignore\n   */\n  destroyRef = inject(DestroyRef);\n\n  constructor() {\n    super(`watt-timepicker-${WattTimepickerComponent.nextId++}`);\n  }\n\n  /**\n   * @ignore\n   */\n  protected initSingleInput() {\n    if (this.initialValue) {\n      (this.input.nativeElement as HTMLInputElement).value = this.initialValue as string;\n      this.input.nativeElement.dispatchEvent(new InputEvent('input'));\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  inputChanged(value: string) {\n    const time = value.slice(0, this.hoursMinutesPlaceholder.length);\n    if (time.length === 0) {\n      this.control?.setValue(null);\n      return;\n    }\n    if (time.length !== this.hoursMinutesPlaceholder.length) {\n      return;\n    }\n    this.control?.setValue(time);\n  }\n\n  /**\n   * @ignore\n   */\n  rangeInputChanged(value: string) {\n    const start = value.slice(0, this.hoursMinutesPlaceholder.length);\n    if (start.length !== this.hoursMinutesPlaceholder.length) {\n      this.control?.setValue({ start: '', end: '' });\n      return;\n    }\n    if (value.length < this.rangePlaceholder.length) {\n      this.control?.setValue({ start, end: '' });\n      return;\n    }\n    let end = value.slice(this.hoursMinutesPlaceholder.length + this.rangeSeparator.length);\n    if (timeToMinutes(end) > timeToMinutes(start)) {\n      this.control?.setValue({ start, end });\n    } else {\n      end = minutesToTime(timeToMinutes(start) + 1);\n      this.setRangeValueAndNotify(start, end);\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  protected initRangeInput() {\n    if (this.initialValue) {\n      const { start, end } = this.initialValue as WattDateRange;\n      this.setRangeValueAndNotify(start, end);\n    } else {\n      this.control?.setValue({ start: '', end: '' });\n    }\n    this.sliderChange$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((sliderValue) => {\n      const start = minutesToTime(sliderValue.min);\n      const end = minutesToTime(sliderValue.max);\n      if (end > start) {\n        this.setRangeValueAndNotify(start, end);\n      }\n    });\n  }\n\n  /**\n   * @ignore\n   */\n  setRangeValueAndNotify(start: string, end: string | null) {\n    this.control?.setValue({ start, end });\n    (this.input.nativeElement as HTMLInputElement).value = start + this.rangeSeparator + end;\n    this.input.nativeElement.dispatchEvent(new InputEvent('input'));\n  }\n\n  /**\n   * @ignore\n   */\n  protected setSingleValue(\n    value: Exclude<WattPickerValue, WattDateRange>,\n    input: HTMLInputElement\n  ) {\n    input.value = value ?? '';\n  }\n\n  /**\n   * @ignore\n   */\n  protected setRangeValue(\n    value: WattDateRange,\n    startInput: HTMLInputElement,\n    endInput: HTMLInputElement\n  ) {\n    const { start, end } = value;\n\n    if (start) {\n      startInput.value = start;\n    }\n\n    if (end) {\n      endInput.value = end;\n    }\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<watt-field [id]=\"id\" [control]=\"control\" [label]=\"label\">\n  @if (!range) {\n    <input\n      inert\n      matInput\n      aria-label=\"time-input\"\n      autocomplete=\"off\"\n      spellcheck=\"false\"\n      [disabled]=\"disabled\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"inputMask\"\n      [placeholder]=\"hoursMinutesPlaceholder\"\n      (maskApplied)=\"inputChanged($event)\"\n    />\n  } @else {\n    <mat-date-range-input\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      [disabled]=\"disabled\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      <input\n        inert\n        aria-label=\"start-time-input\"\n        matStartDate\n        #startTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n      <input\n        inert\n        aria-label=\"end-time-input\"\n        matEndDate\n        #endTimeInput\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n    </mat-date-range-input>\n    <input #timeInput class=\"mask-input\" [disabled]=\"disabled\" />\n    <watt-placeholder-mask\n      [primaryInputElement]=\"timeInput\"\n      [mask]=\"rangeInputMask\"\n      [placeholder]=\"rangePlaceholder\"\n      (maskApplied)=\"rangeInputChanged($event)\"\n    />\n\n    <watt-button\n      variant=\"icon\"\n      icon=\"time\"\n      [disabled]=\"disabled\"\n      [attr.aria-pressed]=\"sliderOpen\"\n      (click)=\"toggleSlider()\"\n      (focusin)=\"onFocusIn()\"\n      (focusout)=\"onFocusOut($event)\"\n    />\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"sliderOpen\"\n      [cdkConnectedOverlayOffsetY]=\"12\"\n    >\n      <div\n        [id]=\"sliderId\"\n        role=\"dialog\"\n        class=\"watt-timepicker-slider\"\n        tabindex=\"-1\"\n        (focusin)=\"onFocusIn()\"\n        (focusout)=\"onFocusOut($event)\"\n      >\n        <span class=\"watt-label\">{{ sliderLabel }}</span>\n        <watt-slider\n          [min]=\"sliderSteps[0]\"\n          [max]=\"sliderSteps[sliderSteps.length - 1]\"\n          [step]=\"1\"\n          [value]=\"sliderValue\"\n          (valueChange)=\"sliderChange$.next($event)\"\n        />\n      </div>\n    </ng-template>\n  }\n\n  <ng-content />\n  <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n  <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n</watt-field>\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 { WattTimepickerComponent } from './watt-timepicker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/energinet-watt-shell.mjs

@@ -67,7 +67,7 @@ class WattShellComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattShellComponent, isStandalone: true, selector: "watt-shell", viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["drawer"], descendants: true }], ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<mat-sidenav-container class=\"watt-sidenav-container\">\n  <mat-sidenav\n    #drawer\n    class=\"watt-sidenav\"\n    [disableClose]=\"(isHandset$ | async) === false\"\n    [autoFocus]=\"shouldAutoFocus\"\n    [mode]=\"(isHandset$ | async) ? 'over' : 'side'\"\n    [opened]=\"(isHandset$ | async) === false\"\n    role=\"navigation\"\n  >\n    @if (isHandset$ | async) {\n      <watt-button\n        variant=\"icon\"\n        icon=\"close\"\n        class=\"watt-sidenav-close-button\"\n        (click)=\"drawer.toggle()\"\n      />\n    }\n    <ng-content select=\"[watt-shell-sidenav]\" />\n  </mat-sidenav>\n\n  <mat-sidenav-content class=\"watt-sidenav-content\">\n    <mat-toolbar class=\"watt-toolbar\">\n      @if (isHandset$ | async) {\n        <watt-button variant=\"icon\" icon=\"menu\" (click)=\"drawer.toggle()\" />\n      }\n\n      <ng-content select=\"[watt-shell-toolbar]\" />\n    </mat-toolbar>\n\n    <main class=\"watt-main-content\">\n      <ng-content />\n    </main>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [":host{display:block}.watt-sidenav-container{height:100vh}.watt-sidenav-close-button{position:absolute;top:10px;right:0}.mat-drawer{overflow-y:visible}.watt-sidenav{width:245px;background-color:var(--watt-sidenav-background-color)}@media (max-width: 1279.98px){.watt-sidenav{width:289px}}.watt-sidenav.mat-drawer-over.mat-drawer-opened .watt-sidenav-close-button{opacity:1}.watt-sidenav.mat-drawer-over .watt-sidenav-close-button{opacity:0;transition:opacity 50ms linear}.watt-sidenav.mat-drawer-over .watt-sidenav-close-button ::ng-deep .mat-mdc-button.mat-icon{color:var(--watt-color-neutral-white)}.watt-sidenav-content{display:grid;grid-template-rows:auto minmax(30rem,1fr)}.watt-main-content{position:relative;height:100%}.watt-toolbar{position:sticky;top:0;background-color:var(--watt-color-neutral-white);border-bottom:1px solid var(--watt-color-neutral-grey-300);height:var(--watt-space-xl);z-index:2}.watt-main-content,.watt-toolbar{width:100vw}@media (min-width: 1280px){.watt-main-content,.watt-toolbar{width:calc(100vw - 245px)}}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i1.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "type", "formId", "disabled", "loading"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattShellComponent, isStandalone: true, selector: "watt-shell", viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["drawer"], descendants: true }], ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<mat-sidenav-container class=\"watt-sidenav-container\">\n  <mat-sidenav\n    #drawer\n    class=\"watt-sidenav\"\n    [disableClose]=\"(isHandset$ | async) === false\"\n    [autoFocus]=\"shouldAutoFocus\"\n    [mode]=\"(isHandset$ | async) ? 'over' : 'side'\"\n    [opened]=\"(isHandset$ | async) === false\"\n    role=\"navigation\"\n  >\n    @if (isHandset$ | async) {\n      <watt-button\n        variant=\"icon\"\n        icon=\"close\"\n        class=\"watt-sidenav-close-button\"\n        (click)=\"drawer.toggle()\"\n      />\n    }\n    <ng-content select=\"[watt-shell-sidenav]\" />\n  </mat-sidenav>\n\n  <mat-sidenav-content class=\"watt-sidenav-content\">\n    <mat-toolbar class=\"watt-toolbar\">\n      @if (isHandset$ | async) {\n        <watt-button variant=\"icon\" icon=\"menu\" (click)=\"drawer.toggle()\" />\n      }\n\n      <ng-content select=\"[watt-shell-toolbar]\" />\n    </mat-toolbar>\n\n    <main class=\"watt-main-content\">\n      <ng-content />\n    </main>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [":host{display:block}.watt-sidenav-container{height:100vh}.watt-sidenav-close-button{position:absolute;top:10px;right:0}.mat-drawer{overflow-y:visible}.watt-sidenav{width:245px;background-color:var(--watt-sidenav-background-color)}@media (max-width: 1279.98px){.watt-sidenav{width:289px}}.watt-sidenav.mat-drawer-over.mat-drawer-opened .watt-sidenav-close-button{opacity:1}.watt-sidenav.mat-drawer-over .watt-sidenav-close-button{opacity:0;transition:opacity 50ms linear}.watt-sidenav.mat-drawer-over .watt-sidenav-close-button ::ng-deep .mat-mdc-button.mat-icon{color:var(--watt-color-neutral-white)}.watt-sidenav-content{display:grid;grid-template-rows:auto minmax(30rem,1fr)}.watt-main-content{position:relative;height:100%}.watt-toolbar{position:sticky;top:0;background-color:var(--watt-color-neutral-white);border-bottom:1px solid var(--watt-color-neutral-grey-300);height:var(--watt-space-xl);z-index:2}.watt-main-content,.watt-toolbar{width:100vw}@media (min-width: 1280px){.watt-main-content,.watt-toolbar{width:calc(100vw - 245px)}}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i1.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattShellComponent, decorators: [{
             type: Component,

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

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-shell.mjs","sources":["../../../libs/watt/package/shell/shell.component.ts","../../../libs/watt/package/shell/shell.component.html","../../../libs/watt/package/shell/nav-list/watt-expand-on-active-link.directive.ts","../../../libs/watt/package/shell/nav-list/watt-nav-list-item.component.ts","../../../libs/watt/package/shell/nav-list/watt-nav-list.component.ts","../../../libs/watt/package/shell/nav-list/index.ts","../../../libs/watt/package/shell/index.ts","../../../libs/watt/package/shell/energinet-watt-shell.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 { AsyncPipe } from '@angular/common';\nimport { Component, DestroyRef, OnInit, ViewChild, inject } from '@angular/core';\nimport { MatSidenav, MatSidenavModule } from '@angular/material/sidenav';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { Router, NavigationEnd } from '@angular/router';\nimport { filter, map, switchMap, first } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { WattBreakpointsObserver } from '@energinet/watt/core/breakpoints';\nimport { WattButtonComponent } from '@energinet/watt/button';\n\n@Component({\n  selector: 'watt-shell',\n  styleUrls: ['./shell.component.scss'],\n  templateUrl: './shell.component.html',\n  imports: [AsyncPipe, MatSidenavModule, MatToolbarModule, WattButtonComponent],\n})\nexport class WattShellComponent implements OnInit {\n  private breakpointObserver = inject(WattBreakpointsObserver);\n  private router = inject(Router);\n  /**\n   * @ignore\n   */\n  private _destroyRef = inject(DestroyRef);\n\n  /**\n   * @ignore\n   */\n  shouldAutoFocus = false;\n\n  /**\n   * @ignore\n   */\n  private onNavigationEnd$ = this.router.events.pipe(\n    filter((event) => event instanceof NavigationEnd)\n  );\n\n  /**\n   * @ignore\n   */\n  isHandset$ = this.breakpointObserver\n    .observe(['XSmall', 'Small', 'Medium'])\n    .pipe(map((result) => result.matches));\n\n  @ViewChild('drawer') sidenav!: MatSidenav;\n\n  ngOnInit(): void {\n    this.closeSidenavOnNavigation();\n  }\n\n  private closeSidenavOnNavigation(): void {\n    this.onNavigationEnd$\n      .pipe(\n        switchMap(() => this.isHandset$.pipe(first())),\n        takeUntilDestroyed(this._destroyRef)\n      )\n      .subscribe((isHandset) => {\n        if (isHandset && this.sidenav && this.sidenav.opened) {\n          this.sidenav.close();\n        }\n      });\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-sidenav-container class=\"watt-sidenav-container\">\n  <mat-sidenav\n    #drawer\n    class=\"watt-sidenav\"\n    [disableClose]=\"(isHandset$ | async) === false\"\n    [autoFocus]=\"shouldAutoFocus\"\n    [mode]=\"(isHandset$ | async) ? 'over' : 'side'\"\n    [opened]=\"(isHandset$ | async) === false\"\n    role=\"navigation\"\n  >\n    @if (isHandset$ | async) {\n      <watt-button\n        variant=\"icon\"\n        icon=\"close\"\n        class=\"watt-sidenav-close-button\"\n        (click)=\"drawer.toggle()\"\n      />\n    }\n    <ng-content select=\"[watt-shell-sidenav]\" />\n  </mat-sidenav>\n\n  <mat-sidenav-content class=\"watt-sidenav-content\">\n    <mat-toolbar class=\"watt-toolbar\">\n      @if (isHandset$ | async) {\n        <watt-button variant=\"icon\" icon=\"menu\" (click)=\"drawer.toggle()\" />\n      }\n\n      <ng-content select=\"[watt-shell-toolbar]\" />\n    </mat-toolbar>\n\n    <main class=\"watt-main-content\">\n      <ng-content />\n    </main>\n  </mat-sidenav-content>\n</mat-sidenav-container>\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 { Directive, AfterViewInit, inject, input } from '@angular/core';\nimport { MatExpansionPanel } from '@angular/material/expansion';\nimport { outputToObservable } from '@angular/core/rxjs-interop';\nimport { from, filter, mergeMap } from 'rxjs';\n\nimport { WattNavListItemComponent } from './watt-nav-list-item.component';\n\n@Directive({\n  selector: '[wattExpandOnActiveLink]',\n  exportAs: 'wattExpandOnActiveLink',\n})\nexport class WattExpandOnActiveLinkDirective implements AfterViewInit {\n  private panel = inject(MatExpansionPanel);\n\n  wattNavListItemComponents = input<readonly WattNavListItemComponent[]>([]);\n\n  ngAfterViewInit(): void {\n    const navListItems = this.wattNavListItemComponents();\n\n    if (navListItems.length > 0) {\n      from(this.wattNavListItemComponents())\n        .pipe(\n          mergeMap((item) => outputToObservable(item.isActive)),\n          filter((isActive) => isActive)\n        )\n        .subscribe(() => this.panel.open());\n    }\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'watt-nav-list-item',\n  imports: [NgTemplateOutlet, RouterModule],\n  template: `\n    @if (isExternalLink()) {\n      <a [href]=\"link()\" [attr.target]=\"target()\"\n        ><ng-container *ngTemplateOutlet=\"templateContent\"\n      /></a>\n    } @else {\n      <a\n        [routerLink]=\"link()\"\n        routerLinkActive=\"active\"\n        (isActiveChange)=\"onRouterLinkActive($event)\"\n        ><ng-container *ngTemplateOutlet=\"templateContent\"\n      /></a>\n    }\n\n    <ng-template #templateContent>\n      <ng-content />\n    </ng-template>\n  `,\n})\nexport class WattNavListItemComponent {\n  link = input.required<string>();\n  target = input<'_self' | '_blank' | '_parent' | '_top'>('_self');\n  isActive = output<boolean>();\n\n  /**\n   * @ignore\n   */\n  isExternalLink = computed(() => /^(http:\\/\\/|https:\\/\\/)/i.test(this.link()));\n\n  /**\n   * @ignore\n   */\n  onRouterLinkActive(isActive: boolean) {\n    this.isActive.emit(isActive);\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  contentChildren,\n  input,\n} from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { MatExpansionModule } from '@angular/material/expansion';\n\nimport { WattExpandOnActiveLinkDirective } from './watt-expand-on-active-link.directive';\nimport { WattNavListItemComponent } from './watt-nav-list-item.component';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  selector: 'watt-nav-list',\n  styleUrl: './watt-nav-list.component.scss',\n  host: {\n    '[class.watt-nav-list--expandable]': 'expandable()',\n  },\n  template: `\n    @if (expandable()) {\n      <mat-expansion-panel\n        wattExpandOnActiveLink\n        [wattNavListItemComponents]=\"navListItemComponents()\"\n        class=\"mat-elevation-z0\"\n      >\n        <mat-expansion-panel-header>\n          <mat-panel-title class=\"watt-text-m\">{{ title() }}</mat-panel-title>\n        </mat-expansion-panel-header>\n        <ng-container *ngTemplateOutlet=\"navListTemplate\" />\n      </mat-expansion-panel>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"navListTemplate\" />\n    }\n\n    <ng-template #navListTemplate>\n      <ng-content />\n    </ng-template>\n  `,\n  imports: [NgTemplateOutlet, RouterModule, MatExpansionModule, WattExpandOnActiveLinkDirective],\n})\nexport class WattNavListComponent {\n  /**\n   * @ignore\n   */\n  navListItemComponents = contentChildren(WattNavListItemComponent);\n\n  expandable = input(false);\n  title = input('');\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 { WattNavListComponent } from './watt-nav-list.component';\nexport { WattNavListItemComponent } from './watt-nav-list-item.component';\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 { WattShellComponent } from './shell.component';\nexport * from './nav-list';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"energinet-watt-shell.mjs","sources":["../../../libs/watt/package/shell/shell.component.ts","../../../libs/watt/package/shell/shell.component.html","../../../libs/watt/package/shell/nav-list/watt-expand-on-active-link.directive.ts","../../../libs/watt/package/shell/nav-list/watt-nav-list-item.component.ts","../../../libs/watt/package/shell/nav-list/watt-nav-list.component.ts","../../../libs/watt/package/shell/nav-list/index.ts","../../../libs/watt/package/shell/index.ts","../../../libs/watt/package/shell/energinet-watt-shell.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 { AsyncPipe } from '@angular/common';\nimport { Component, DestroyRef, OnInit, ViewChild, inject } from '@angular/core';\nimport { MatSidenav, MatSidenavModule } from '@angular/material/sidenav';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { Router, NavigationEnd } from '@angular/router';\nimport { filter, map, switchMap, first } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { WattBreakpointsObserver } from '@energinet/watt/core/breakpoints';\nimport { WattButtonComponent } from '@energinet/watt/button';\n\n@Component({\n  selector: 'watt-shell',\n  styleUrls: ['./shell.component.scss'],\n  templateUrl: './shell.component.html',\n  imports: [AsyncPipe, MatSidenavModule, MatToolbarModule, WattButtonComponent],\n})\nexport class WattShellComponent implements OnInit {\n  private breakpointObserver = inject(WattBreakpointsObserver);\n  private router = inject(Router);\n  /**\n   * @ignore\n   */\n  private _destroyRef = inject(DestroyRef);\n\n  /**\n   * @ignore\n   */\n  shouldAutoFocus = false;\n\n  /**\n   * @ignore\n   */\n  private onNavigationEnd$ = this.router.events.pipe(\n    filter((event) => event instanceof NavigationEnd)\n  );\n\n  /**\n   * @ignore\n   */\n  isHandset$ = this.breakpointObserver\n    .observe(['XSmall', 'Small', 'Medium'])\n    .pipe(map((result) => result.matches));\n\n  @ViewChild('drawer') sidenav!: MatSidenav;\n\n  ngOnInit(): void {\n    this.closeSidenavOnNavigation();\n  }\n\n  private closeSidenavOnNavigation(): void {\n    this.onNavigationEnd$\n      .pipe(\n        switchMap(() => this.isHandset$.pipe(first())),\n        takeUntilDestroyed(this._destroyRef)\n      )\n      .subscribe((isHandset) => {\n        if (isHandset && this.sidenav && this.sidenav.opened) {\n          this.sidenav.close();\n        }\n      });\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-sidenav-container class=\"watt-sidenav-container\">\n  <mat-sidenav\n    #drawer\n    class=\"watt-sidenav\"\n    [disableClose]=\"(isHandset$ | async) === false\"\n    [autoFocus]=\"shouldAutoFocus\"\n    [mode]=\"(isHandset$ | async) ? 'over' : 'side'\"\n    [opened]=\"(isHandset$ | async) === false\"\n    role=\"navigation\"\n  >\n    @if (isHandset$ | async) {\n      <watt-button\n        variant=\"icon\"\n        icon=\"close\"\n        class=\"watt-sidenav-close-button\"\n        (click)=\"drawer.toggle()\"\n      />\n    }\n    <ng-content select=\"[watt-shell-sidenav]\" />\n  </mat-sidenav>\n\n  <mat-sidenav-content class=\"watt-sidenav-content\">\n    <mat-toolbar class=\"watt-toolbar\">\n      @if (isHandset$ | async) {\n        <watt-button variant=\"icon\" icon=\"menu\" (click)=\"drawer.toggle()\" />\n      }\n\n      <ng-content select=\"[watt-shell-toolbar]\" />\n    </mat-toolbar>\n\n    <main class=\"watt-main-content\">\n      <ng-content />\n    </main>\n  </mat-sidenav-content>\n</mat-sidenav-container>\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 { Directive, AfterViewInit, inject, input } from '@angular/core';\nimport { MatExpansionPanel } from '@angular/material/expansion';\nimport { outputToObservable } from '@angular/core/rxjs-interop';\nimport { from, filter, mergeMap } from 'rxjs';\n\nimport { WattNavListItemComponent } from './watt-nav-list-item.component';\n\n@Directive({\n  selector: '[wattExpandOnActiveLink]',\n  exportAs: 'wattExpandOnActiveLink',\n})\nexport class WattExpandOnActiveLinkDirective implements AfterViewInit {\n  private panel = inject(MatExpansionPanel);\n\n  wattNavListItemComponents = input<readonly WattNavListItemComponent[]>([]);\n\n  ngAfterViewInit(): void {\n    const navListItems = this.wattNavListItemComponents();\n\n    if (navListItems.length > 0) {\n      from(this.wattNavListItemComponents())\n        .pipe(\n          mergeMap((item) => outputToObservable(item.isActive)),\n          filter((isActive) => isActive)\n        )\n        .subscribe(() => this.panel.open());\n    }\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'watt-nav-list-item',\n  imports: [NgTemplateOutlet, RouterModule],\n  template: `\n    @if (isExternalLink()) {\n      <a [href]=\"link()\" [attr.target]=\"target()\"\n        ><ng-container *ngTemplateOutlet=\"templateContent\"\n      /></a>\n    } @else {\n      <a\n        [routerLink]=\"link()\"\n        routerLinkActive=\"active\"\n        (isActiveChange)=\"onRouterLinkActive($event)\"\n        ><ng-container *ngTemplateOutlet=\"templateContent\"\n      /></a>\n    }\n\n    <ng-template #templateContent>\n      <ng-content />\n    </ng-template>\n  `,\n})\nexport class WattNavListItemComponent {\n  link = input.required<string>();\n  target = input<'_self' | '_blank' | '_parent' | '_top'>('_self');\n  isActive = output<boolean>();\n\n  /**\n   * @ignore\n   */\n  isExternalLink = computed(() => /^(http:\\/\\/|https:\\/\\/)/i.test(this.link()));\n\n  /**\n   * @ignore\n   */\n  onRouterLinkActive(isActive: boolean) {\n    this.isActive.emit(isActive);\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  contentChildren,\n  input,\n} from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { MatExpansionModule } from '@angular/material/expansion';\n\nimport { WattExpandOnActiveLinkDirective } from './watt-expand-on-active-link.directive';\nimport { WattNavListItemComponent } from './watt-nav-list-item.component';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  selector: 'watt-nav-list',\n  styleUrl: './watt-nav-list.component.scss',\n  host: {\n    '[class.watt-nav-list--expandable]': 'expandable()',\n  },\n  template: `\n    @if (expandable()) {\n      <mat-expansion-panel\n        wattExpandOnActiveLink\n        [wattNavListItemComponents]=\"navListItemComponents()\"\n        class=\"mat-elevation-z0\"\n      >\n        <mat-expansion-panel-header>\n          <mat-panel-title class=\"watt-text-m\">{{ title() }}</mat-panel-title>\n        </mat-expansion-panel-header>\n        <ng-container *ngTemplateOutlet=\"navListTemplate\" />\n      </mat-expansion-panel>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"navListTemplate\" />\n    }\n\n    <ng-template #navListTemplate>\n      <ng-content />\n    </ng-template>\n  `,\n  imports: [NgTemplateOutlet, RouterModule, MatExpansionModule, WattExpandOnActiveLinkDirective],\n})\nexport class WattNavListComponent {\n  /**\n   * @ignore\n   */\n  navListItemComponents = contentChildren(WattNavListItemComponent);\n\n  expandable = input(false);\n  title = input('');\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 { WattNavListComponent } from './watt-nav-list.component';\nexport { WattNavListItemComponent } from './watt-nav-list-item.component';\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 { WattShellComponent } from './shell.component';\nexport * from './nav-list';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/energinet-watt-stepper.mjs

@@ -118,7 +118,7 @@ class WattStepperComponent extends MatStepper {
             },
             { provide: CdkStepper, useExisting: WattStepperComponent },
             { provide: MatStepper, useExisting: WattStepperComponent },
-        ], queries: [{ propertyName: "_steps", predicate: WattStepperStepComponent, descendants: true }], viewQueries: [{ propertyName: "stepper", first: true, predicate: MatStepper, descendants: true }], usesInheritance: true, ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<mat-stepper\n  #stepper\n  [disableRipple]=\"disableRipple\"\n  [linear]=\"true\"\n  animationDuration=\"0\"\n  class=\"watt-stepper\"\n>\n  <ng-template let-index=\"index\" matStepperIcon=\"edit\">\n    {{ index + 1 }}\n  </ng-template>\n  <ng-template matStepperIcon=\"done\">\n    <watt-icon name=\"checkmark\" />\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"number\">\n    @if (\n      stepper.steps.get(index)?.completed &&\n      stepper.steps.get(index)?.interacted &&\n      index !== stepper.selectedIndex\n    ) {\n      <watt-icon name=\"checkmark\" />\n    } @else {\n      {{ index + 1 }}\n    }\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"error\">\n    {{ index + 1 }}\n  </ng-template>\n  @for (step of _steps; track step) {\n    @if (step.enabled()) {\n      <mat-step [editable]=\"step.editable\" [stepControl]=\"step.stepControl\">\n        <ng-template matStepLabel>{{ step.label }}</ng-template>\n        <div class=\"watt-stepper-content-wrapper\">\n          <ng-container *ngTemplateOutlet=\"step.templateRef\" />\n        </div>\n        <div class=\"watt-stepper-button-wrapper\">\n          @if (!(onFirstStep$ | push)) {\n            <watt-button\n              [disabled]=\"step.disablePreviousButton()\"\n              variant=\"secondary\"\n              (click)=\"previousStep()\"\n            >\n              <watt-icon name=\"left\" />\n              {{ step.previousButtonLabel() }}\n            </watt-button>\n          }\n\n          @if (!(onLastStep$ | push)) {\n            <watt-button\n              variant=\"secondary\"\n              (click)=\"nextStep(step)\"\n              [loading]=\"step.loadingNextButton()\"\n              [disabled]=\"step.disableNextButton()\"\n            >\n              {{ step.nextButtonLabel() }}\n              <watt-icon name=\"right\" />\n            </watt-button>\n          }\n\n          @if (onLastStep$ | push) {\n            <watt-button\n              variant=\"primary\"\n              [loading]=\"isCompleting\"\n              (click)=\"complete()\"\n              [disabled]=\"step.disableNextButton()\"\n              >{{ step.nextButtonLabel() }}\n            </watt-button>\n          }\n        </div>\n      </mat-step>\n    }\n  }\n</mat-stepper>\n", styles: [".watt-stepper .mat-horizontal-stepper-header-container{padding-bottom:var(--watt-space-ml)}.watt-stepper .mat-step-label.mat-step-label-selected{color:var(--watt-color-primary)}.watt-stepper .mat-form-field-suffix{padding-right:var(--watt-space-s);color:var(--watt-color-neutral-grey-600)}.watt-stepper .mat-step-label{color:var(--watt-typography-label-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none}.watt-stepper .mat-step-header .mat-step-icon-selected{border:solid 1px var(--watt-color-primary);background-color:#fff;color:var(--watt-color-primary)}.watt-stepper .mat-stepper-horizontal-line{margin:0 5px}.watt-stepper .watt-stepper-button-wrapper{display:flex;justify-content:flex-end;gap:var(--watt-space-m);width:100%;padding-top:var(--watt-space-ml)}.watt-stepper .mat-step-icon-state-error{color:var(--watt-color-state-danger);border:solid 1px var(--watt-color-state-danger)}@media (max-width: 719.98px){.watt-stepper .mat-horizontal-stepper-header{padding:0}.watt-stepper .mat-step-label:not(.mat-step-label-selected){display:none}.watt-stepper .mat-horizontal-content-container{padding:0 0 24px}}.watt-modal--medium watt-stepper,.watt-modal--medium .watt-stepper,.watt-modal--large watt-stepper,.watt-modal--large .watt-stepper{height:100%}.watt-modal--medium .mat-horizontal-stepper-content,.watt-modal--large .mat-horizontal-stepper-content{display:grid;align-items:center;grid-template-rows:1fr auto;grid-template-areas:\"content\" \"actions\"}.watt-modal--medium .mat-horizontal-stepper-content .watt-stepper-content-wrapper,.watt-modal--large .mat-horizontal-stepper-content .watt-stepper-content-wrapper{align-self:stretch;grid-area:content;overflow:auto}.watt-modal--medium .mat-horizontal-stepper-content .watt-stepper-button-wrapper,.watt-modal--large .mat-horizontal-stepper-content .watt-stepper-button-wrapper{grid-area:actions}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: RxPush, name: "push" }, { kind: "ngmodule", type: MatStepperModule }, { kind: "component", type: i1.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i1.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i1.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i1.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "type", "formId", "disabled", "loading"] }], encapsulation: i0.ViewEncapsulation.None });
+        ], queries: [{ propertyName: "_steps", predicate: WattStepperStepComponent, descendants: true }], viewQueries: [{ propertyName: "stepper", first: true, predicate: MatStepper, descendants: true }], usesInheritance: true, ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<mat-stepper\n  #stepper\n  [disableRipple]=\"disableRipple\"\n  [linear]=\"true\"\n  animationDuration=\"0\"\n  class=\"watt-stepper\"\n>\n  <ng-template let-index=\"index\" matStepperIcon=\"edit\">\n    {{ index + 1 }}\n  </ng-template>\n  <ng-template matStepperIcon=\"done\">\n    <watt-icon name=\"checkmark\" />\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"number\">\n    @if (\n      stepper.steps.get(index)?.completed &&\n      stepper.steps.get(index)?.interacted &&\n      index !== stepper.selectedIndex\n    ) {\n      <watt-icon name=\"checkmark\" />\n    } @else {\n      {{ index + 1 }}\n    }\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"error\">\n    {{ index + 1 }}\n  </ng-template>\n  @for (step of _steps; track step) {\n    @if (step.enabled()) {\n      <mat-step [editable]=\"step.editable\" [stepControl]=\"step.stepControl\">\n        <ng-template matStepLabel>{{ step.label }}</ng-template>\n        <div class=\"watt-stepper-content-wrapper\">\n          <ng-container *ngTemplateOutlet=\"step.templateRef\" />\n        </div>\n        <div class=\"watt-stepper-button-wrapper\">\n          @if (!(onFirstStep$ | push)) {\n            <watt-button\n              [disabled]=\"step.disablePreviousButton()\"\n              variant=\"secondary\"\n              (click)=\"previousStep()\"\n            >\n              <watt-icon name=\"left\" />\n              {{ step.previousButtonLabel() }}\n            </watt-button>\n          }\n\n          @if (!(onLastStep$ | push)) {\n            <watt-button\n              variant=\"secondary\"\n              (click)=\"nextStep(step)\"\n              [loading]=\"step.loadingNextButton()\"\n              [disabled]=\"step.disableNextButton()\"\n            >\n              {{ step.nextButtonLabel() }}\n              <watt-icon name=\"right\" />\n            </watt-button>\n          }\n\n          @if (onLastStep$ | push) {\n            <watt-button\n              variant=\"primary\"\n              [loading]=\"isCompleting\"\n              (click)=\"complete()\"\n              [disabled]=\"step.disableNextButton()\"\n              >{{ step.nextButtonLabel() }}\n            </watt-button>\n          }\n        </div>\n      </mat-step>\n    }\n  }\n</mat-stepper>\n", styles: [".watt-stepper .mat-horizontal-stepper-header-container{padding-bottom:var(--watt-space-ml)}.watt-stepper .mat-step-label.mat-step-label-selected{color:var(--watt-color-primary)}.watt-stepper .mat-form-field-suffix{padding-right:var(--watt-space-s);color:var(--watt-color-neutral-grey-600)}.watt-stepper .mat-step-label{color:var(--watt-typography-label-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none}.watt-stepper .mat-step-header .mat-step-icon-selected{border:solid 1px var(--watt-color-primary);background-color:#fff;color:var(--watt-color-primary)}.watt-stepper .mat-stepper-horizontal-line{margin:0 5px}.watt-stepper .watt-stepper-button-wrapper{display:flex;justify-content:flex-end;gap:var(--watt-space-m);width:100%;padding-top:var(--watt-space-ml)}.watt-stepper .mat-step-icon-state-error{color:var(--watt-color-state-danger);border:solid 1px var(--watt-color-state-danger)}@media (max-width: 719.98px){.watt-stepper .mat-horizontal-stepper-header{padding:0}.watt-stepper .mat-step-label:not(.mat-step-label-selected){display:none}.watt-stepper .mat-horizontal-content-container{padding:0 0 24px}}.watt-modal--medium watt-stepper,.watt-modal--medium .watt-stepper,.watt-modal--large watt-stepper,.watt-modal--large .watt-stepper{height:100%}.watt-modal--medium .mat-horizontal-stepper-content,.watt-modal--large .mat-horizontal-stepper-content{display:grid;align-items:center;grid-template-rows:1fr auto;grid-template-areas:\"content\" \"actions\"}.watt-modal--medium .mat-horizontal-stepper-content .watt-stepper-content-wrapper,.watt-modal--large .mat-horizontal-stepper-content .watt-stepper-content-wrapper{align-self:stretch;grid-area:content;overflow:auto}.watt-modal--medium .mat-horizontal-stepper-content .watt-stepper-button-wrapper,.watt-modal--large .mat-horizontal-stepper-content .watt-stepper-button-wrapper{grid-area:actions}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: RxPush, name: "push" }, { kind: "ngmodule", type: MatStepperModule }, { kind: "component", type: i1.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i1.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i1.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i1.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattStepperComponent, decorators: [{
             type: Component,

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

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-stepper.mjs","sources":["../../../libs/watt/package/stepper/watt-stepper-step.component.ts","../../../libs/watt/package/stepper/watt-stepper.component.ts","../../../libs/watt/package/stepper/watt-stepper.component.html","../../../libs/watt/package/stepper/index.ts","../../../libs/watt/package/stepper/energinet-watt-stepper.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, output, TemplateRef, ViewChild } from '@angular/core';\nimport { MatStep } from '@angular/material/stepper';\nimport { CdkStep } from '@angular/cdk/stepper';\n\nexport { CdkStep as WattStep };\n\n@Component({\n  selector: 'watt-stepper-step',\n  template: ` <ng-template #templateRef>\n    <ng-content />\n  </ng-template>`,\n})\nexport class WattStepperStepComponent extends MatStep {\n  @ViewChild('templateRef') public templateRef: TemplateRef<unknown> | null = null;\n\n  nextButtonLabel = input<string>();\n  disableNextButton = input<boolean>(false);\n  loadingNextButton = input<boolean>(false);\n  previousButtonLabel = input<string>();\n  enabled = input<boolean>(true);\n  disablePreviousButton = input<boolean>(false);\n\n  entering = output<CdkStep>();\n  leaving = output<CdkStep>();\n  next = output<void>();\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  AfterViewInit,\n  Component,\n  ContentChildren,\n  DestroyRef,\n  EventEmitter,\n  inject,\n  Input,\n  Output,\n  QueryList,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { CdkStepper, STEPPER_GLOBAL_OPTIONS, StepperSelectionEvent } from '@angular/cdk/stepper';\nimport { MatStepper, MatStepperModule } from '@angular/material/stepper';\nimport { RxPush } from '@rx-angular/template/push';\nimport { from, map, Observable, of, startWith, withLatestFrom } from 'rxjs';\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattIconComponent } from '@energinet/watt/icon';\nimport { WattStepperStepComponent } from './watt-stepper-step.component';\n\n@Component({\n  selector: 'watt-stepper',\n  templateUrl: './watt-stepper.component.html',\n  styleUrls: ['./watt-stepper.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgTemplateOutlet, RxPush, MatStepperModule, WattIconComponent, WattButtonComponent],\n  providers: [\n    {\n      provide: STEPPER_GLOBAL_OPTIONS,\n      useValue: { showError: true, displayDefaultIndicatorType: false },\n    },\n    { provide: CdkStepper, useExisting: WattStepperComponent },\n    { provide: MatStepper, useExisting: WattStepperComponent },\n  ],\n})\nexport class WattStepperComponent extends MatStepper implements AfterViewInit {\n  @Output() completed = new EventEmitter<void>();\n  @Input() isCompleting = false;\n\n  @ContentChildren(WattStepperStepComponent, { descendants: true })\n  declare _steps: QueryList<WattStepperStepComponent>;\n\n  @ViewChild(MatStepper) stepper!: MatStepper;\n\n  selectedIndexChanged$!: Observable<StepperSelectionEvent>;\n  onFirstStep$!: Observable<boolean>;\n  onLastStep$!: Observable<boolean>;\n\n  private destroyRef = inject(DestroyRef);\n\n  override reset() {\n    this.stepper.reset();\n  }\n\n  override ngAfterViewInit(): void {\n    this.selectedIndexChanged$ = from(this.stepper.selectionChange);\n    this.onLastStep$ = this.selectedIndexChanged$.pipe(\n      withLatestFrom(of(this._steps)),\n      map(([index, steps]) => index.selectedIndex === steps.filter((x) => x.enabled()).length - 1),\n      startWith(false)\n    );\n    this.onFirstStep$ = this.selectedIndexChanged$.pipe(\n      map((index) => index.selectedIndex === 0),\n      startWith(true)\n    );\n\n    // Emit entering and leaving events\n    this.selectedIndexChanged$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((change) => {\n      this._steps.get(change.selectedIndex)?.entering.emit(change.selectedStep);\n      this._steps.get(change.previouslySelectedIndex)?.leaving.emit(change.previouslySelectedStep);\n    });\n  }\n\n  nextStep(step: WattStepperStepComponent): void {\n    step.next.emit();\n    this.stepper.selected?.stepControl?.markAllAsTouched();\n    this.stepper.next();\n  }\n\n  previousStep(): void {\n    this.stepper.previous();\n  }\n\n  complete(): void {\n    this.stepper.selected?.stepControl?.markAllAsTouched();\n    this.completed.emit();\n  }\n}\n\nexport const WATT_STEPPER = [WattStepperComponent, WattStepperStepComponent];\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-stepper\n  #stepper\n  [disableRipple]=\"disableRipple\"\n  [linear]=\"true\"\n  animationDuration=\"0\"\n  class=\"watt-stepper\"\n>\n  <ng-template let-index=\"index\" matStepperIcon=\"edit\">\n    {{ index + 1 }}\n  </ng-template>\n  <ng-template matStepperIcon=\"done\">\n    <watt-icon name=\"checkmark\" />\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"number\">\n    @if (\n      stepper.steps.get(index)?.completed &&\n      stepper.steps.get(index)?.interacted &&\n      index !== stepper.selectedIndex\n    ) {\n      <watt-icon name=\"checkmark\" />\n    } @else {\n      {{ index + 1 }}\n    }\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"error\">\n    {{ index + 1 }}\n  </ng-template>\n  @for (step of _steps; track step) {\n    @if (step.enabled()) {\n      <mat-step [editable]=\"step.editable\" [stepControl]=\"step.stepControl\">\n        <ng-template matStepLabel>{{ step.label }}</ng-template>\n        <div class=\"watt-stepper-content-wrapper\">\n          <ng-container *ngTemplateOutlet=\"step.templateRef\" />\n        </div>\n        <div class=\"watt-stepper-button-wrapper\">\n          @if (!(onFirstStep$ | push)) {\n            <watt-button\n              [disabled]=\"step.disablePreviousButton()\"\n              variant=\"secondary\"\n              (click)=\"previousStep()\"\n            >\n              <watt-icon name=\"left\" />\n              {{ step.previousButtonLabel() }}\n            </watt-button>\n          }\n\n          @if (!(onLastStep$ | push)) {\n            <watt-button\n              variant=\"secondary\"\n              (click)=\"nextStep(step)\"\n              [loading]=\"step.loadingNextButton()\"\n              [disabled]=\"step.disableNextButton()\"\n            >\n              {{ step.nextButtonLabel() }}\n              <watt-icon name=\"right\" />\n            </watt-button>\n          }\n\n          @if (onLastStep$ | push) {\n            <watt-button\n              variant=\"primary\"\n              [loading]=\"isCompleting\"\n              (click)=\"complete()\"\n              [disabled]=\"step.disableNextButton()\"\n              >{{ step.nextButtonLabel() }}\n            </watt-button>\n          }\n        </div>\n      </mat-step>\n    }\n  }\n</mat-stepper>\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 { WATT_STEPPER, WattStepperComponent } from './watt-stepper.component';\nexport { WattStepperStepComponent, WattStep } from './watt-stepper-step.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"energinet-watt-stepper.mjs","sources":["../../../libs/watt/package/stepper/watt-stepper-step.component.ts","../../../libs/watt/package/stepper/watt-stepper.component.ts","../../../libs/watt/package/stepper/watt-stepper.component.html","../../../libs/watt/package/stepper/index.ts","../../../libs/watt/package/stepper/energinet-watt-stepper.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, output, TemplateRef, ViewChild } from '@angular/core';\nimport { MatStep } from '@angular/material/stepper';\nimport { CdkStep } from '@angular/cdk/stepper';\n\nexport { CdkStep as WattStep };\n\n@Component({\n  selector: 'watt-stepper-step',\n  template: ` <ng-template #templateRef>\n    <ng-content />\n  </ng-template>`,\n})\nexport class WattStepperStepComponent extends MatStep {\n  @ViewChild('templateRef') public templateRef: TemplateRef<unknown> | null = null;\n\n  nextButtonLabel = input<string>();\n  disableNextButton = input<boolean>(false);\n  loadingNextButton = input<boolean>(false);\n  previousButtonLabel = input<string>();\n  enabled = input<boolean>(true);\n  disablePreviousButton = input<boolean>(false);\n\n  entering = output<CdkStep>();\n  leaving = output<CdkStep>();\n  next = output<void>();\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  AfterViewInit,\n  Component,\n  ContentChildren,\n  DestroyRef,\n  EventEmitter,\n  inject,\n  Input,\n  Output,\n  QueryList,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { CdkStepper, STEPPER_GLOBAL_OPTIONS, StepperSelectionEvent } from '@angular/cdk/stepper';\nimport { MatStepper, MatStepperModule } from '@angular/material/stepper';\nimport { RxPush } from '@rx-angular/template/push';\nimport { from, map, Observable, of, startWith, withLatestFrom } from 'rxjs';\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattIconComponent } from '@energinet/watt/icon';\nimport { WattStepperStepComponent } from './watt-stepper-step.component';\n\n@Component({\n  selector: 'watt-stepper',\n  templateUrl: './watt-stepper.component.html',\n  styleUrls: ['./watt-stepper.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgTemplateOutlet, RxPush, MatStepperModule, WattIconComponent, WattButtonComponent],\n  providers: [\n    {\n      provide: STEPPER_GLOBAL_OPTIONS,\n      useValue: { showError: true, displayDefaultIndicatorType: false },\n    },\n    { provide: CdkStepper, useExisting: WattStepperComponent },\n    { provide: MatStepper, useExisting: WattStepperComponent },\n  ],\n})\nexport class WattStepperComponent extends MatStepper implements AfterViewInit {\n  @Output() completed = new EventEmitter<void>();\n  @Input() isCompleting = false;\n\n  @ContentChildren(WattStepperStepComponent, { descendants: true })\n  declare _steps: QueryList<WattStepperStepComponent>;\n\n  @ViewChild(MatStepper) stepper!: MatStepper;\n\n  selectedIndexChanged$!: Observable<StepperSelectionEvent>;\n  onFirstStep$!: Observable<boolean>;\n  onLastStep$!: Observable<boolean>;\n\n  private destroyRef = inject(DestroyRef);\n\n  override reset() {\n    this.stepper.reset();\n  }\n\n  override ngAfterViewInit(): void {\n    this.selectedIndexChanged$ = from(this.stepper.selectionChange);\n    this.onLastStep$ = this.selectedIndexChanged$.pipe(\n      withLatestFrom(of(this._steps)),\n      map(([index, steps]) => index.selectedIndex === steps.filter((x) => x.enabled()).length - 1),\n      startWith(false)\n    );\n    this.onFirstStep$ = this.selectedIndexChanged$.pipe(\n      map((index) => index.selectedIndex === 0),\n      startWith(true)\n    );\n\n    // Emit entering and leaving events\n    this.selectedIndexChanged$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((change) => {\n      this._steps.get(change.selectedIndex)?.entering.emit(change.selectedStep);\n      this._steps.get(change.previouslySelectedIndex)?.leaving.emit(change.previouslySelectedStep);\n    });\n  }\n\n  nextStep(step: WattStepperStepComponent): void {\n    step.next.emit();\n    this.stepper.selected?.stepControl?.markAllAsTouched();\n    this.stepper.next();\n  }\n\n  previousStep(): void {\n    this.stepper.previous();\n  }\n\n  complete(): void {\n    this.stepper.selected?.stepControl?.markAllAsTouched();\n    this.completed.emit();\n  }\n}\n\nexport const WATT_STEPPER = [WattStepperComponent, WattStepperStepComponent];\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-stepper\n  #stepper\n  [disableRipple]=\"disableRipple\"\n  [linear]=\"true\"\n  animationDuration=\"0\"\n  class=\"watt-stepper\"\n>\n  <ng-template let-index=\"index\" matStepperIcon=\"edit\">\n    {{ index + 1 }}\n  </ng-template>\n  <ng-template matStepperIcon=\"done\">\n    <watt-icon name=\"checkmark\" />\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"number\">\n    @if (\n      stepper.steps.get(index)?.completed &&\n      stepper.steps.get(index)?.interacted &&\n      index !== stepper.selectedIndex\n    ) {\n      <watt-icon name=\"checkmark\" />\n    } @else {\n      {{ index + 1 }}\n    }\n  </ng-template>\n  <ng-template let-index=\"index\" matStepperIcon=\"error\">\n    {{ index + 1 }}\n  </ng-template>\n  @for (step of _steps; track step) {\n    @if (step.enabled()) {\n      <mat-step [editable]=\"step.editable\" [stepControl]=\"step.stepControl\">\n        <ng-template matStepLabel>{{ step.label }}</ng-template>\n        <div class=\"watt-stepper-content-wrapper\">\n          <ng-container *ngTemplateOutlet=\"step.templateRef\" />\n        </div>\n        <div class=\"watt-stepper-button-wrapper\">\n          @if (!(onFirstStep$ | push)) {\n            <watt-button\n              [disabled]=\"step.disablePreviousButton()\"\n              variant=\"secondary\"\n              (click)=\"previousStep()\"\n            >\n              <watt-icon name=\"left\" />\n              {{ step.previousButtonLabel() }}\n            </watt-button>\n          }\n\n          @if (!(onLastStep$ | push)) {\n            <watt-button\n              variant=\"secondary\"\n              (click)=\"nextStep(step)\"\n              [loading]=\"step.loadingNextButton()\"\n              [disabled]=\"step.disableNextButton()\"\n            >\n              {{ step.nextButtonLabel() }}\n              <watt-icon name=\"right\" />\n            </watt-button>\n          }\n\n          @if (onLastStep$ | push) {\n            <watt-button\n              variant=\"primary\"\n              [loading]=\"isCompleting\"\n              (click)=\"complete()\"\n              [disabled]=\"step.disableNextButton()\"\n              >{{ step.nextButtonLabel() }}\n            </watt-button>\n          }\n        </div>\n      </mat-step>\n    }\n  }\n</mat-stepper>\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 { WATT_STEPPER, WattStepperComponent } from './watt-stepper.component';\nexport { WattStepperStepComponent, WattStep } from './watt-stepper-step.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -165,7 +165,7 @@ class WattTextFieldComponent {
         (input)="onChanged($event)"
         [maxlength]="maxLength"
         [matAutocomplete]="auto"
-        [matAutocompleteConnectedTo]="{ elementRef: wattField.wrapper() }"
+        [matAutocompleteConnectedTo]="{ elementRef: wattField.wrapper() ?? wattField.elementRef }"
         #inputField
       />
 
@@ -230,7 +230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
         (input)="onChanged($event)"
         [maxlength]="maxLength"
         [matAutocomplete]="auto"
-        [matAutocompleteConnectedTo]="{ elementRef: wattField.wrapper() }"
+        [matAutocompleteConnectedTo]="{ elementRef: wattField.wrapper() ?? wattField.elementRef }"
         #inputField
       />
 

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

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-text-field.mjs","sources":["../../../libs/watt/package/text-field/watt-text-field.component.ts","../../../libs/watt/package/text-field/index.ts","../../../libs/watt/package/text-field/energinet-watt-text-field.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  Component,\n  Input,\n  ViewEncapsulation,\n  HostBinding,\n  ElementRef,\n  ViewChild,\n  forwardRef,\n  AfterViewInit,\n  inject,\n  EventEmitter,\n  Output,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { MatAutocomplete, MatAutocompleteModule } from '@angular/material/autocomplete';\n\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattIconComponent, WattIcon } from '@energinet/watt/icon';\n\nexport type WattInputTypes = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';\n\n@Component({\n  imports: [MatAutocompleteModule, ReactiveFormsModule, WattFieldComponent, WattIconComponent],\n  selector: 'watt-text-field',\n  styleUrls: ['./watt-text-field.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattTextFieldComponent),\n      multi: true,\n    },\n  ],\n  template: `<watt-field\n    #wattField\n    [control]=\"formControl\"\n    [label]=\"label\"\n    [tooltip]=\"tooltip\"\n    matAutocompleteOrigin\n  >\n    @if (prefix) {\n      <watt-icon [name]=\"prefix\" />\n    }\n\n    @if (!autocompleteOptions) {\n      <input\n        [attr.aria-label]=\"label\"\n        [attr.type]=\"type\"\n        [attr.placeholder]=\"placeholder\"\n        [value]=\"value\"\n        [formControl]=\"formControl\"\n        (blur)=\"onTouched()\"\n        (input)=\"onChanged($event)\"\n        [maxlength]=\"maxLength\"\n        #inputField\n      />\n    } @else {\n      <input\n        [attr.aria-label]=\"label\"\n        [attr.type]=\"type\"\n        [attr.placeholder]=\"placeholder\"\n        [value]=\"value\"\n        [formControl]=\"formControl\"\n        (blur)=\"onTouched()\"\n        (input)=\"onChanged($event)\"\n        [maxlength]=\"maxLength\"\n        [matAutocomplete]=\"auto\"\n        [matAutocompleteConnectedTo]=\"{ elementRef: wattField.wrapper() }\"\n        #inputField\n      />\n\n      <mat-autocomplete\n        #auto=\"matAutocomplete\"\n        class=\"watt-autocomplete-panel\"\n        (optionSelected)=\"autocompleteOptionSelected.emit($event.option.value)\"\n      >\n        @for (option of autocompleteOptions; track option) {\n          <mat-option [value]=\"option\">\n            {{ option }}\n          </mat-option>\n        }\n      </mat-autocomplete>\n    }\n\n    <ng-content />\n    <ng-content ngProjectAs=\"watt-field-descriptor\" select=\".descriptor\" />\n    <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n    <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n  </watt-field>`,\n})\nexport class WattTextFieldComponent implements ControlValueAccessor, AfterViewInit {\n  @Input() value!: string;\n  @Input() type: WattInputTypes = 'text';\n  @Input() placeholder?: string;\n  @Input() label = '';\n  @Input() tooltip?: string;\n  @Input() prefix?: WattIcon;\n  @Input() maxLength: string | number | null = null;\n  @Input() formControl!: FormControl;\n  @Input() autocompleteOptions!: string[];\n  @Input() autocompleteMatcherFn!: (value: string, option: string) => boolean;\n\n  /** @ignore */\n  @ViewChild(MatAutocomplete) autocompleteRef!: MatAutocomplete;\n\n  /**\n   * Emits the value of the input field when it changes.\n   */\n  @Output() searchChanged = new EventEmitter<string>();\n\n  /**\n   * Emits the value of the input field when an autocomplete option is selected.\n   */\n  @Output() autocompleteOptionSelected = new EventEmitter<string>();\n\n  /**\n   * Emits the value of the input field when an autocomplete option is selected.\n   */\n  @Output() autocompleteOptionDeselected = new EventEmitter<void>();\n\n  /** @ignore */\n  private element = inject(ElementRef);\n\n  /** @ignore */\n  @ViewChild('inputField') inputField!: ElementRef<HTMLInputElement>;\n  model!: string;\n\n  /** @ignore */\n  @HostBinding('attr.watt-field-disabled')\n  isDisabled = false;\n\n  /** @ignore */\n  onTouchedCallbacks: (() => void)[] = [];\n\n  /** @ignore */\n  ngAfterViewInit(): void {\n    const attrName = 'data-testid';\n    const testIdAttribute = this.element.nativeElement.getAttribute(attrName);\n    this.element.nativeElement.removeAttribute(attrName);\n    this.inputField.nativeElement.setAttribute(attrName, testIdAttribute);\n    this.registerOnTouched(() => {\n      const trimmedValue = this.inputField.nativeElement.value.trim();\n      this.inputField.nativeElement.value = trimmedValue;\n      this.formControl.setValue(trimmedValue);\n    });\n  }\n\n  /** @ignore */\n  onChanged(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n\n    if (this.autocompleteRef) {\n      // Reset the autocomplete selection if the value is not matching anymore, and auto-select if the value has a match\n      this.autocompleteRef.options.forEach((option) => {\n        const isMatchingOption = this.autocompleteMatcherFn\n          ? this.autocompleteMatcherFn(value, option.value)\n          : option.value === value;\n\n        if (isMatchingOption) {\n          option.select(false);\n          this.autocompleteOptionSelected.emit(option.value);\n        } else {\n          option.deselect(false);\n          this.autocompleteOptionDeselected.emit();\n        }\n      });\n    }\n\n    this.searchChanged.emit(value);\n    this.onChange(value);\n  }\n\n  /** @ignore */\n  onChange: (value: string) => void = () => {\n    /* noop function */\n  };\n\n  /** @ignore */\n  onTouched: () => void = () => {\n    for (const callback of this.onTouchedCallbacks) {\n      callback();\n    }\n  };\n\n  /** @ignore */\n  writeValue(value: string): void {\n    this.model = value;\n  }\n\n  /** @ignore */\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  /** @ignore */\n  registerOnTouched(fn: () => void): void {\n    this.onTouchedCallbacks.push(fn);\n  }\n\n  /** @ignore */\n  setDisabledState(isDisabled: boolean): void {\n    this.isDisabled = isDisabled;\n  }\n\n  /** @ignore */\n  setFocus(): void {\n    this.inputField.nativeElement.focus();\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattTextFieldComponent } from './watt-text-field.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"energinet-watt-text-field.mjs","sources":["../../../libs/watt/package/text-field/watt-text-field.component.ts","../../../libs/watt/package/text-field/index.ts","../../../libs/watt/package/text-field/energinet-watt-text-field.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  Component,\n  Input,\n  ViewEncapsulation,\n  HostBinding,\n  ElementRef,\n  ViewChild,\n  forwardRef,\n  AfterViewInit,\n  inject,\n  EventEmitter,\n  Output,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { MatAutocomplete, MatAutocompleteModule } from '@angular/material/autocomplete';\n\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattIconComponent, WattIcon } from '@energinet/watt/icon';\n\nexport type WattInputTypes = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';\n\n@Component({\n  imports: [MatAutocompleteModule, ReactiveFormsModule, WattFieldComponent, WattIconComponent],\n  selector: 'watt-text-field',\n  styleUrls: ['./watt-text-field.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattTextFieldComponent),\n      multi: true,\n    },\n  ],\n  template: `<watt-field\n    #wattField\n    [control]=\"formControl\"\n    [label]=\"label\"\n    [tooltip]=\"tooltip\"\n    matAutocompleteOrigin\n  >\n    @if (prefix) {\n      <watt-icon [name]=\"prefix\" />\n    }\n\n    @if (!autocompleteOptions) {\n      <input\n        [attr.aria-label]=\"label\"\n        [attr.type]=\"type\"\n        [attr.placeholder]=\"placeholder\"\n        [value]=\"value\"\n        [formControl]=\"formControl\"\n        (blur)=\"onTouched()\"\n        (input)=\"onChanged($event)\"\n        [maxlength]=\"maxLength\"\n        #inputField\n      />\n    } @else {\n      <input\n        [attr.aria-label]=\"label\"\n        [attr.type]=\"type\"\n        [attr.placeholder]=\"placeholder\"\n        [value]=\"value\"\n        [formControl]=\"formControl\"\n        (blur)=\"onTouched()\"\n        (input)=\"onChanged($event)\"\n        [maxlength]=\"maxLength\"\n        [matAutocomplete]=\"auto\"\n        [matAutocompleteConnectedTo]=\"{ elementRef: wattField.wrapper() ?? wattField.elementRef }\"\n        #inputField\n      />\n\n      <mat-autocomplete\n        #auto=\"matAutocomplete\"\n        class=\"watt-autocomplete-panel\"\n        (optionSelected)=\"autocompleteOptionSelected.emit($event.option.value)\"\n      >\n        @for (option of autocompleteOptions; track option) {\n          <mat-option [value]=\"option\">\n            {{ option }}\n          </mat-option>\n        }\n      </mat-autocomplete>\n    }\n\n    <ng-content />\n    <ng-content ngProjectAs=\"watt-field-descriptor\" select=\".descriptor\" />\n    <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n    <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n  </watt-field>`,\n})\nexport class WattTextFieldComponent implements ControlValueAccessor, AfterViewInit {\n  @Input() value!: string;\n  @Input() type: WattInputTypes = 'text';\n  @Input() placeholder?: string;\n  @Input() label = '';\n  @Input() tooltip?: string;\n  @Input() prefix?: WattIcon;\n  @Input() maxLength: string | number | null = null;\n  @Input() formControl!: FormControl;\n  @Input() autocompleteOptions!: string[];\n  @Input() autocompleteMatcherFn!: (value: string, option: string) => boolean;\n\n  /** @ignore */\n  @ViewChild(MatAutocomplete) autocompleteRef!: MatAutocomplete;\n\n  /**\n   * Emits the value of the input field when it changes.\n   */\n  @Output() searchChanged = new EventEmitter<string>();\n\n  /**\n   * Emits the value of the input field when an autocomplete option is selected.\n   */\n  @Output() autocompleteOptionSelected = new EventEmitter<string>();\n\n  /**\n   * Emits the value of the input field when an autocomplete option is selected.\n   */\n  @Output() autocompleteOptionDeselected = new EventEmitter<void>();\n\n  /** @ignore */\n  private element = inject(ElementRef);\n\n  /** @ignore */\n  @ViewChild('inputField') inputField!: ElementRef<HTMLInputElement>;\n  model!: string;\n\n  /** @ignore */\n  @HostBinding('attr.watt-field-disabled')\n  isDisabled = false;\n\n  /** @ignore */\n  onTouchedCallbacks: (() => void)[] = [];\n\n  /** @ignore */\n  ngAfterViewInit(): void {\n    const attrName = 'data-testid';\n    const testIdAttribute = this.element.nativeElement.getAttribute(attrName);\n    this.element.nativeElement.removeAttribute(attrName);\n    this.inputField.nativeElement.setAttribute(attrName, testIdAttribute);\n    this.registerOnTouched(() => {\n      const trimmedValue = this.inputField.nativeElement.value.trim();\n      this.inputField.nativeElement.value = trimmedValue;\n      this.formControl.setValue(trimmedValue);\n    });\n  }\n\n  /** @ignore */\n  onChanged(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n\n    if (this.autocompleteRef) {\n      // Reset the autocomplete selection if the value is not matching anymore, and auto-select if the value has a match\n      this.autocompleteRef.options.forEach((option) => {\n        const isMatchingOption = this.autocompleteMatcherFn\n          ? this.autocompleteMatcherFn(value, option.value)\n          : option.value === value;\n\n        if (isMatchingOption) {\n          option.select(false);\n          this.autocompleteOptionSelected.emit(option.value);\n        } else {\n          option.deselect(false);\n          this.autocompleteOptionDeselected.emit();\n        }\n      });\n    }\n\n    this.searchChanged.emit(value);\n    this.onChange(value);\n  }\n\n  /** @ignore */\n  onChange: (value: string) => void = () => {\n    /* noop function */\n  };\n\n  /** @ignore */\n  onTouched: () => void = () => {\n    for (const callback of this.onTouchedCallbacks) {\n      callback();\n    }\n  };\n\n  /** @ignore */\n  writeValue(value: string): void {\n    this.model = value;\n  }\n\n  /** @ignore */\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  /** @ignore */\n  registerOnTouched(fn: () => void): void {\n    this.onTouchedCallbacks.push(fn);\n  }\n\n  /** @ignore */\n  setDisabledState(isDisabled: boolean): void {\n    this.isDisabled = isDisabled;\n  }\n\n  /** @ignore */\n  setFocus(): void {\n    this.inputField.nativeElement.focus();\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattTextFieldComponent } from './watt-text-field.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/energinet-watt-toast.mjs

@@ -87,7 +87,7 @@ class WattToastComponent {
             .subscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattToastComponent, isStandalone: true, selector: "watt-toast", host: { properties: { "class": "this.class" } }, 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<span>\n  @if (config.type === \"loading\") {\n    <watt-spinner [diameter]=\"24\" />\n  }\n\n  @if (config.type && config.type !== \"loading\") {\n    <watt-icon [name]=\"config.type\" />\n  }\n  <p>{{ config.message }}</p>\n</span>\n<span class=\"toast__actions\">\n  @if (config.action && config.actionLabel) {\n    <watt-button variant=\"text\" (click)=\"config.action(matSnackBarRef)\">{{\n      config.actionLabel\n    }}</watt-button>\n  }\n\n  @if (config.type !== \"loading\") {\n    <watt-button data-testid=\"dismiss\" variant=\"icon\" icon=\"close\" (click)=\"onClose()\" />\n  }\n</span>\n", styles: [".watt-toast{display:flex;justify-content:space-between;align-items:center;background:var(--watt-color-neutral-white);border-left:6px solid transparent;box-shadow:0 var(--watt-space-m) var(--watt-space-m) #0003,0 32px 64px 3px #2e323433;border-radius:4px;padding:var(--watt-space-s) var(--watt-space-m);max-width:704px;min-height:4rem}.watt-toast--success{border-color:var(--watt-color-state-success)}.watt-toast--info{border-color:var(--watt-color-state-info)}.watt-toast--warning{border-color:var(--watt-color-state-warning)}.watt-toast--danger{border-color:var(--watt-color-state-danger)}.watt-toast span{display:flex;align-items:center}.watt-toast watt-icon,.watt-toast watt-spinner{margin-right:var(--watt-space-m)}.watt-toast watt-button .watt-button--text{text-transform:capitalize}.watt-toast p{margin:0 var(--watt-space-s) 0 0}\n"], dependencies: [{ kind: "ngmodule", type: MatSnackBarModule }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattSpinnerComponent, selector: "watt-spinner", inputs: ["diameter", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattToastComponent, isStandalone: true, selector: "watt-toast", host: { properties: { "class": "this.class" } }, 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<span>\n  @if (config.type === \"loading\") {\n    <watt-spinner [diameter]=\"24\" />\n  }\n\n  @if (config.type && config.type !== \"loading\") {\n    <watt-icon [name]=\"config.type\" />\n  }\n  <p>{{ config.message }}</p>\n</span>\n<span class=\"toast__actions\">\n  @if (config.action && config.actionLabel) {\n    <watt-button variant=\"text\" (click)=\"config.action(matSnackBarRef)\">{{\n      config.actionLabel\n    }}</watt-button>\n  }\n\n  @if (config.type !== \"loading\") {\n    <watt-button data-testid=\"dismiss\" variant=\"icon\" icon=\"close\" (click)=\"onClose()\" />\n  }\n</span>\n", styles: [".watt-toast{display:flex;justify-content:space-between;align-items:center;background:var(--watt-color-neutral-white);border-left:6px solid transparent;box-shadow:0 var(--watt-space-m) var(--watt-space-m) #0003,0 32px 64px 3px #2e323433;border-radius:4px;padding:var(--watt-space-s) var(--watt-space-m);max-width:704px;min-height:4rem}.watt-toast--success{border-color:var(--watt-color-state-success)}.watt-toast--info{border-color:var(--watt-color-state-info)}.watt-toast--warning{border-color:var(--watt-color-state-warning)}.watt-toast--danger{border-color:var(--watt-color-state-danger)}.watt-toast span{display:flex;align-items:center}.watt-toast watt-icon,.watt-toast watt-spinner{margin-right:var(--watt-space-m)}.watt-toast watt-button .watt-button--text{text-transform:capitalize}.watt-toast p{margin:0 var(--watt-space-s) 0 0}\n"], dependencies: [{ kind: "ngmodule", type: MatSnackBarModule }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattSpinnerComponent, selector: "watt-spinner", inputs: ["diameter", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattToastComponent, decorators: [{
             type: Component,

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

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-toast.mjs","sources":["../../../libs/watt/package/toast/watt-toast.component.ts","../../../libs/watt/package/toast/watt-toast.component.html","../../../libs/watt/package/toast/watt-toast.service.ts","../../../libs/watt/package/toast/index.ts","../../../libs/watt/package/toast/energinet-watt-toast.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  HostBinding,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { MatSnackBarModule, MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';\nimport { fromEvent, repeat, Subscription, takeUntil, tap, timer } from 'rxjs';\n\nimport { WattIconComponent } from '@energinet/watt/icon';\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattSpinnerComponent } from '@energinet/watt/spinner';\n\nexport type WattToastType = 'success' | 'info' | 'warning' | 'danger' | 'loading';\n\nexport interface WattToastConfig {\n  duration?: number;\n  type?: WattToastType;\n  message: string;\n  action?: (wattToastRef: WattToastRef) => void;\n  actionLabel?: string;\n}\n\nexport type WattToastRef = MatSnackBarRef<WattToastComponent>;\n\n/**\n * Usage:\n * `import { WattToastService } from '@energinet-datahub/watt/toast';`\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  selector: 'watt-toast',\n  styleUrls: ['./watt-toast.component.scss'],\n  templateUrl: './watt-toast.component.html',\n  imports: [MatSnackBarModule, WattButtonComponent, WattIconComponent, WattSpinnerComponent],\n})\nexport class WattToastComponent {\n  private _config = inject(MAT_SNACK_BAR_DATA);\n  private cd = inject(ChangeDetectorRef);\n  private _matSnackBarRef = inject<MatSnackBarRef<WattToastComponent>>(MatSnackBarRef);\n  private elementRef = inject(ElementRef);\n\n  @HostBinding('class')\n  get class() {\n    this.cd.detectChanges(); // Make sure changes to the config will be detected\n    return this.config.type ? `watt-toast watt-toast--${this.config.type}` : 'watt-toast';\n  }\n\n  /**\n   * @ignore\n   */\n  config: WattToastConfig;\n\n  /**\n   * @ignore\n   */\n  matSnackBarRef: WattToastRef;\n\n  /**\n   * @ignore\n   */\n  private dissmissToastSubscription?: Subscription;\n\n  constructor() {\n    this.config = this._config;\n    this.matSnackBarRef = this._matSnackBarRef;\n    this.initDuration(this.config.duration);\n  }\n\n  /**\n   * @ignore\n   */\n  onClose(): void {\n    if (!this.matSnackBarRef) return;\n    this.matSnackBarRef.dismiss();\n    this.dissmissToastSubscription?.unsubscribe();\n  }\n\n  update(config: Partial<WattToastConfig>) {\n    this.config = { ...this.config, ...config };\n    if (this.dissmissToastSubscription) {\n      this.dissmissToastSubscription.unsubscribe();\n    }\n    this.initDuration();\n    this.cd.detectChanges();\n  }\n\n  /**\n   * @ignore\n   * Ensure the toast won't get dismissed when the user hovers over it.\n   */\n  private initDuration(duration = 5000): void {\n    // When the type is loading, the developer is responsible for dismissing the toast manually.\n    if (this.config.type === 'loading') return;\n\n    const mouseEnter$ = fromEvent(this.elementRef.nativeElement, 'mouseenter');\n    const mouseLeave$ = fromEvent(this.elementRef.nativeElement, 'mouseleave');\n\n    this.dissmissToastSubscription = timer(duration)\n      .pipe(\n        tap(() => this.onClose()),\n        takeUntil(mouseEnter$),\n        repeat({ delay: () => mouseLeave$ })\n      )\n      .subscribe();\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<span>\n  @if (config.type === \"loading\") {\n    <watt-spinner [diameter]=\"24\" />\n  }\n\n  @if (config.type && config.type !== \"loading\") {\n    <watt-icon [name]=\"config.type\" />\n  }\n  <p>{{ config.message }}</p>\n</span>\n<span class=\"toast__actions\">\n  @if (config.action && config.actionLabel) {\n    <watt-button variant=\"text\" (click)=\"config.action(matSnackBarRef)\">{{\n      config.actionLabel\n    }}</watt-button>\n  }\n\n  @if (config.type !== \"loading\") {\n    <watt-button data-testid=\"dismiss\" variant=\"icon\" icon=\"close\" (click)=\"onClose()\" />\n  }\n</span>\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 { Injectable } from '@angular/core';\nimport { MatSnackBar, MatSnackBarRef } from '@angular/material/snack-bar';\n\nimport { WattToastComponent, WattToastConfig } from './watt-toast.component';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class WattToastService {\n  private ref?: MatSnackBarRef<WattToastComponent>;\n\n  constructor(private _snackBar: MatSnackBar) {}\n\n  open(config: WattToastConfig): MatSnackBarRef<WattToastComponent> {\n    this.ref = this._snackBar.openFromComponent(WattToastComponent, {\n      data: config,\n    });\n    return this.ref;\n  }\n\n  update(config: Partial<WattToastConfig>): void {\n    if (!this.ref) return;\n    this.ref.instance.update(config);\n  }\n\n  dismiss() {\n    if (!this.ref) return;\n    this.ref.dismiss();\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattToastComponent, WattToastType } from './watt-toast.component';\nexport { WattToastService } from './watt-toast.service';\nexport type { WattToastRef } from './watt-toast.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"energinet-watt-toast.mjs","sources":["../../../libs/watt/package/toast/watt-toast.component.ts","../../../libs/watt/package/toast/watt-toast.component.html","../../../libs/watt/package/toast/watt-toast.service.ts","../../../libs/watt/package/toast/index.ts","../../../libs/watt/package/toast/energinet-watt-toast.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  HostBinding,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { MatSnackBarModule, MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';\nimport { fromEvent, repeat, Subscription, takeUntil, tap, timer } from 'rxjs';\n\nimport { WattIconComponent } from '@energinet/watt/icon';\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattSpinnerComponent } from '@energinet/watt/spinner';\n\nexport type WattToastType = 'success' | 'info' | 'warning' | 'danger' | 'loading';\n\nexport interface WattToastConfig {\n  duration?: number;\n  type?: WattToastType;\n  message: string;\n  action?: (wattToastRef: WattToastRef) => void;\n  actionLabel?: string;\n}\n\nexport type WattToastRef = MatSnackBarRef<WattToastComponent>;\n\n/**\n * Usage:\n * `import { WattToastService } from '@energinet-datahub/watt/toast';`\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  selector: 'watt-toast',\n  styleUrls: ['./watt-toast.component.scss'],\n  templateUrl: './watt-toast.component.html',\n  imports: [MatSnackBarModule, WattButtonComponent, WattIconComponent, WattSpinnerComponent],\n})\nexport class WattToastComponent {\n  private _config = inject(MAT_SNACK_BAR_DATA);\n  private cd = inject(ChangeDetectorRef);\n  private _matSnackBarRef = inject<MatSnackBarRef<WattToastComponent>>(MatSnackBarRef);\n  private elementRef = inject(ElementRef);\n\n  @HostBinding('class')\n  get class() {\n    this.cd.detectChanges(); // Make sure changes to the config will be detected\n    return this.config.type ? `watt-toast watt-toast--${this.config.type}` : 'watt-toast';\n  }\n\n  /**\n   * @ignore\n   */\n  config: WattToastConfig;\n\n  /**\n   * @ignore\n   */\n  matSnackBarRef: WattToastRef;\n\n  /**\n   * @ignore\n   */\n  private dissmissToastSubscription?: Subscription;\n\n  constructor() {\n    this.config = this._config;\n    this.matSnackBarRef = this._matSnackBarRef;\n    this.initDuration(this.config.duration);\n  }\n\n  /**\n   * @ignore\n   */\n  onClose(): void {\n    if (!this.matSnackBarRef) return;\n    this.matSnackBarRef.dismiss();\n    this.dissmissToastSubscription?.unsubscribe();\n  }\n\n  update(config: Partial<WattToastConfig>) {\n    this.config = { ...this.config, ...config };\n    if (this.dissmissToastSubscription) {\n      this.dissmissToastSubscription.unsubscribe();\n    }\n    this.initDuration();\n    this.cd.detectChanges();\n  }\n\n  /**\n   * @ignore\n   * Ensure the toast won't get dismissed when the user hovers over it.\n   */\n  private initDuration(duration = 5000): void {\n    // When the type is loading, the developer is responsible for dismissing the toast manually.\n    if (this.config.type === 'loading') return;\n\n    const mouseEnter$ = fromEvent(this.elementRef.nativeElement, 'mouseenter');\n    const mouseLeave$ = fromEvent(this.elementRef.nativeElement, 'mouseleave');\n\n    this.dissmissToastSubscription = timer(duration)\n      .pipe(\n        tap(() => this.onClose()),\n        takeUntil(mouseEnter$),\n        repeat({ delay: () => mouseLeave$ })\n      )\n      .subscribe();\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<span>\n  @if (config.type === \"loading\") {\n    <watt-spinner [diameter]=\"24\" />\n  }\n\n  @if (config.type && config.type !== \"loading\") {\n    <watt-icon [name]=\"config.type\" />\n  }\n  <p>{{ config.message }}</p>\n</span>\n<span class=\"toast__actions\">\n  @if (config.action && config.actionLabel) {\n    <watt-button variant=\"text\" (click)=\"config.action(matSnackBarRef)\">{{\n      config.actionLabel\n    }}</watt-button>\n  }\n\n  @if (config.type !== \"loading\") {\n    <watt-button data-testid=\"dismiss\" variant=\"icon\" icon=\"close\" (click)=\"onClose()\" />\n  }\n</span>\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 { Injectable } from '@angular/core';\nimport { MatSnackBar, MatSnackBarRef } from '@angular/material/snack-bar';\n\nimport { WattToastComponent, WattToastConfig } from './watt-toast.component';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class WattToastService {\n  private ref?: MatSnackBarRef<WattToastComponent>;\n\n  constructor(private _snackBar: MatSnackBar) {}\n\n  open(config: WattToastConfig): MatSnackBarRef<WattToastComponent> {\n    this.ref = this._snackBar.openFromComponent(WattToastComponent, {\n      data: config,\n    });\n    return this.ref;\n  }\n\n  update(config: Partial<WattToastConfig>): void {\n    if (!this.ref) return;\n    this.ref.instance.update(config);\n  }\n\n  dismiss() {\n    if (!this.ref) return;\n    this.ref.dismiss();\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattToastComponent, WattToastType } from './watt-toast.component';\nexport { WattToastService } from './watt-toast.service';\nexport type { WattToastRef } from './watt-toast.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}