@fkui/vue 5.36.0

package/dist/cjs/pageobject.js

@@ -0,0 +1,1692 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/pageobjects.ts
+var pageobjects_exports = {};
+__export(pageobjects_exports, {
+  AlertScreenReaderPageObject: () => AlertScreenReaderPageObject,
+  CalendarPageObject: () => CalendarPageObject,
+  FBadgePageObject: () => FBadgePageObject,
+  FCalenderDayPageobject: () => FCalenderDayPageobject,
+  FCheckboxFieldPageObject: () => FCheckboxFieldPageObject,
+  FCheckboxGroupFieldPageObject: () => FCheckboxFieldPageObject,
+  FCheckboxGroupPageObject: () => FCheckboxGroupPageObject,
+  FContextMenuPageObject: () => FContextMenuPageObject,
+  FCrudDatasetPageObject: () => FCrudDatasetPageObject,
+  FDatepickerFieldPageobject: () => FDatepickerFieldPageobject,
+  FDialogueTreeItemPageObject: () => FDialogueTreeItemPageObject,
+  FDialogueTreePageObject: () => FDialogueTreePageObject,
+  FErrorListPageObject: () => FErrorListPageObject,
+  FExpandablePanelPageObject: () => FExpandablePanelPageObject,
+  FFieldsetPageObject: () => FFieldsetPageObject,
+  FFileItemPageObject: () => FFileItemPageObject,
+  FFileSelectorPageObject: () => FFileSelectorPageObject,
+  FFormModalPageObject: () => FFormModalPageObject,
+  FFormPageObject: () => FFormPageObject,
+  FFormStepPageObject: () => FFormStepPageObject,
+  FInteractiveTablePageObject: () => FInteractiveTablePageObject,
+  FLabelPageObject: () => FLabelPageObject,
+  FListItemPageObject: () => FListItemPageObject,
+  FListPageObject: () => FListPageObject,
+  FLoaderPageObject: () => FLoaderPageObject,
+  FMessageBoxPageObject: () => FMessageBoxPageObject,
+  FModalPageObject: () => FModalPageObject,
+  FNavigationMenuPageobject: () => FNavigationMenuPageobject,
+  FOfflinePageObject: () => FOfflinePageObject,
+  FOutputFieldPageobject: () => FOutputFieldPageobject,
+  FPageHeaderPageobject: () => FPageHeaderPageobject,
+  FProgressbarPageObject: () => FProgressbarPageObject,
+  FRadioFieldPageObject: () => FRadioFieldPageObject,
+  FRadioGroupFieldPageObject: () => FRadioFieldPageObject,
+  FRadioGroupPageObject: () => FRadioGroupPageObject,
+  FSelectFieldPageObject: () => FSelectFieldPageObject,
+  FSortFilterDatasetPageObject: () => FSortFilterDatasetPageObject,
+  FStaticFieldPageObject: () => FStaticFieldPageObject,
+  FTableColumnPageObject: () => FTableColumnPageObject,
+  FTextFieldPageObject: () => FTextFieldPageObject,
+  FTextareaFieldPageObject: () => FTextareaFieldPageObject,
+  FTooltipPageObject: () => FTooltipPageObject,
+  FValidationFormPageObject: () => FValidationFormPageObject,
+  FWizardPageobject: () => FWizardPageobject,
+  FWizardStepHeaderPageobject: () => FWizardStepHeaderPageobject,
+  FWizardStepPageobject: () => FWizardStepPageobject,
+  ICalendarNavbarPageObject: () => ICalendarNavbarPageObject,
+  IMenuPageObject: () => IMenuPageObject,
+  IPopupMenuPageObject: () => IPopupMenuPageObject,
+  IPopupPageObject: () => IPopupPageObject,
+  Input: () => Input,
+  STATUS: () => STATUS,
+  dayType: () => dayType
+});
+module.exports = __toCommonJS(pageobjects_exports);
+
+// src/pageobject/FCalenderDay.pageobject.ts
+var dayType = /* @__PURE__ */ ((dayType2) => {
+  dayType2["day"] = "calendar-day";
+  dayType2["highlight"] = "calendar-day--highlight";
+  dayType2["selected"] = "calendar-day--selected";
+  dayType2["disabled"] = "calendar-day--disabled";
+  return dayType2;
+})(dayType || {});
+var FCalenderDayPageobject = class {
+  constructor(selector) {
+    this.selector = selector;
+  }
+  el() {
+    return cy.get(this.selector);
+  }
+  number() {
+    return cy.get(`${this.selector}>span:first`);
+  }
+  srOnly() {
+    return cy.get(`${this.selector}>.sr-only`);
+  }
+  button() {
+    return this.el().parent("button");
+  }
+  click() {
+    return this.button().click();
+  }
+};
+
+// src/pageobject/trimmed-text.ts
+function getText(subject) {
+  if (subject !== void 0) {
+    return subject.get(0).innerText.replace(/[\n]/gm, "").replace(/\s+/g, " ").replace(/(^\s|\s$)*/g, "");
+  } else {
+    return "";
+  }
+}
+function trimmedText(subject, options = {}) {
+  const resolveText = () => {
+    return Cypress.Promise.try(getText, subject).then((value) => {
+      return cy.verifyUpcomingAssertions(value, options, {
+        onRetry: resolveText
+      });
+    });
+  };
+  return resolveText();
+}
+Cypress.Commands.add(
+  "__fkui_internal_trimmedText",
+  { prevSubject: "element" },
+  trimmedText
+);
+
+// src/pageobject/FBadge.pageobject.ts
+var FBadgePageObject = class {
+  /**
+   * @param selector - the root of the badge.
+   */
+  constructor(selector) {
+    this.selector = selector;
+  }
+  el() {
+    return cy.get(this.selector);
+  }
+  /**
+   * @deprecated Use assertion `label().should('trimmedText', '...')` instead.
+   */
+  trimmedText() {
+    return this.el().__fkui_internal_trimmedText();
+  }
+  status() {
+    return this.el().then(
+      (el) => el[0].className.replace(/.*badge--(\w+).*/, "$1")
+    );
+  }
+  isInverted() {
+    return this.el().then(
+      (el) => el[0].className.replace(/.*badge--(\w+)-(\w+).*/, "$2") === "inverted"
+    );
+  }
+};
+
+// src/pageobject/FCheckboxField.pageobject.ts
+var FCheckboxFieldPageObject = class {
+  /**
+   * @param selector - the root of the checkbox, usually `<div class="checkbox">...</div>`.
+   * @param index -  the index of matched radiobuttons
+   */
+  constructor(selector, index) {
+    if (index) {
+      this.selector = `${selector}:nth(${index})`;
+    } else {
+      this.selector = selector;
+    }
+    this.el = () => cy.get(this.selector);
+  }
+  checkbox() {
+    return cy.get(`${this.selector} input`);
+  }
+  label() {
+    return cy.get(`${this.selector} .checkbox__label`);
+  }
+  /**
+   * @deprecated Use assertion `label().should('trimmedText', '...')` instead.
+   */
+  trimmedText() {
+    return cy.get(`${this.selector} label`).__fkui_internal_trimmedText();
+  }
+  select() {
+    return this.label().click();
+  }
+  isSelected() {
+    return this.checkbox().then((el) => {
+      return el.get(0).checked;
+    });
+  }
+  value() {
+    return this.checkbox().then((el) => {
+      return el.get(0).value;
+    });
+  }
+  details() {
+    return cy.get(`${this.selector} .checkbox__details`);
+  }
+};
+
+// src/pageobject/FLabel.pageobject.ts
+var FLabelPageObject = class {
+  /**
+   * @param selector - the root of the label, usually `<label class="label">...</label>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+  }
+  /**
+   * Label heading
+   */
+  trimmedText() {
+    return this.el().then((el) => {
+      const textNode = el.get(0).childNodes[0];
+      if (!textNode.wholeText) {
+        return "";
+      }
+      return textNode.wholeText.replace(/[\n\r]/gm, "").replace(/\s+/g, " ").replace(/(^\s|\s$)*/g, "");
+    });
+  }
+  /**
+   * Hjälptext
+   */
+  description() {
+    return cy.get(`${this.selector} .label__description`);
+  }
+  /**
+   * ErrorIcon
+   */
+  errorIcon() {
+    return cy.get(`${this.selector} .icon.label__icon--left.f-icon-error`);
+  }
+  /**
+   * Formatbeskrivning
+   */
+  discreteDescription() {
+    return cy.get(
+      `${this.selector} .label__description.label__description--discrete`
+    );
+  }
+  /**
+   * Felmeddelande
+   */
+  errorMessage() {
+    return cy.get(`${this.selector} .label__message.label__message--error`);
+  }
+};
+
+// src/pageobject/FTooltip.pageobject.ts
+var FTooltipPageObject = class {
+  /**
+   * @param selector - the root of the tooltip
+   */
+  constructor(selector) {
+    this.selector = selector;
+  }
+  el() {
+    return cy.get(this.selector);
+  }
+  iButton() {
+    return cy.get(`${this.selector} .tooltip__button`);
+  }
+  header() {
+    return cy.get(`${this.selector} .tooltip__header`);
+  }
+  body() {
+    return cy.get(`${this.selector} .tooltip__body`);
+  }
+  closeButton() {
+    return cy.get(`${this.selector} .close-button`);
+  }
+  /**
+   * @deprecated Use `closeButton()`, `header()`, or `body()` instead.
+   */
+  content() {
+    return {
+      closeButtonTop: () => cy.get(`${this.selector} .close-button`),
+      closeButtonBottom: () => cy.get(`${this.selector} .close-button`),
+      heading: () => cy.get(`${this.selector} .tooltip__content .tooltip__header`),
+      brodtext: () => cy.get(`${this.selector} .tooltip__content .tooltip__body`)
+    };
+  }
+};
+
+// src/pageobject/FCheckboxGroup.pageobject.ts
+var FCheckboxGroupPageObject = class {
+  /**
+   * @param selector - the root of the checkbox group, usually `<div class="checkbox-group">...</div>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.label = new FLabelPageObject(`${this.selector} legend.label`);
+    this.tooltip = new FTooltipPageObject(`${this.selector} .tooltip`);
+  }
+  content() {
+    return cy.get(`${this.selector} .checkbox-group__content`);
+  }
+  checkBox(checkboxSelector) {
+    return new FCheckboxFieldPageObject(
+      `${this.selector} ${checkboxSelector}`
+    );
+  }
+  numberOfCheckboxes() {
+    return cy.get(`${this.selector} input`).then((el) => {
+      return el.length;
+    });
+  }
+};
+
+// src/pageobject/FContextMenu.pageobject.ts
+var FContextMenuPageObject = class {
+  el() {
+    return cy.get(this.selector);
+  }
+  /**
+   * @param selector - the root of the page header, usually `<nav class="contextmenu">...</nav>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+  }
+  /**
+   * Get all items in the FContextMenu
+   * @returns all items
+   */
+  items() {
+    return cy.get(`${this.selector} .contextmenu__list__item`);
+  }
+  /**
+   * Get the item at position index in the FContextMenu
+   *
+   * @param index - the position index in the item array
+   * @returns Menu item with given index
+   */
+  item(index) {
+    return this.items().eq(index);
+  }
+  /**
+   * Get link for item at index
+   *
+   * @param index - the position index in the item array
+   * @returns link with given index
+   */
+  getItemLink(index) {
+    return cy.get(
+      `${this.selector} .contextmenu__list__item a:nth(${index})`
+    );
+  }
+};
+
+// src/pageobject/FErrorList.pageobject.ts
+var FErrorListPageObject = class {
+  /**
+   * @param selector - the root of the errorlist.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+  }
+  /**
+   * Get `li` elements. Verify count using `.should("have.length", N)`.
+   */
+  listItems() {
+    return cy.get(`${this.selector} li`);
+  }
+  /**
+   * Get `a` elements. Verify count using `.should("have.length", N)`.
+   */
+  links() {
+    return cy.get(`${this.selector} a`);
+  }
+  getLink(index) {
+    return cy.get(`${this.selector} a:nth(${index})`);
+  }
+  getLinkByName(error) {
+    let link = () => cy.get(`${this.selector} ${error}`);
+    return cy.get(`${this.selector} a`).each((el) => {
+      if (el.get(0).innerText.trim() === error) {
+        link = () => el.get(0);
+      }
+    }).then(() => {
+      return link();
+    });
+  }
+  hasError(error) {
+    let hasSelectedError = false;
+    return cy.get(`${this.selector} li`).each((el) => {
+      if (el.get(0).innerText.trim() === error) {
+        hasSelectedError = true;
+      }
+    }).then(() => {
+      return hasSelectedError;
+    });
+  }
+};
+
+// src/pageobject/FValidationForm.pageobject.ts
+var FValidationFormPageObject = class {
+  /**
+   * @param selector - the root of the validation form.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.errorlist = new FErrorListPageObject(
+      `${this.selector} .error-list`
+    );
+  }
+  el() {
+    return cy.get(this.selector);
+  }
+};
+
+// src/pageobject/FCrudDataset.pageobject.ts
+var FCrudDatasetPageObject = class {
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.form = new FValidationFormPageObject(`${this.selector} form`);
+  }
+  addButton() {
+    return cy.get(
+      `${this.selector} [data-test="f-crud-dataset-add-button"]`
+    );
+  }
+  cancelButton() {
+    return cy.get(
+      `${this.selector} .modal__footer > .button-group > .button--secondary`
+    );
+  }
+  confirmButton() {
+    return cy.get(
+      `${this.selector} .modal__footer > .button-group > .button--primary`
+    );
+  }
+};
+
+// src/pageobject/FExpandablePanel.pageobject.ts
+var FExpandablePanelPageObject = class {
+  /**
+   * @param selector - the root of the expandablepanel, usually `<div class="expandable-panel">...</div>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.expandCollapseIcon = () => cy.get(`${this.selector} .expandable-panel__icon`);
+    this.header = () => cy.get(`${this.selector} .expandable-panel__heading button`);
+    this.notificationIcon = () => cy.get(
+      `${this.selector} .expandable-panel__heading .expandable-panel__notification`
+    );
+    this.body = () => cy.get(`${this.selector} .expandable-panel__body`);
+    this.relatedInfo = () => cy.get(`${this.selector} .expandable-panel__outside`);
+  }
+  /**
+   * Returns the number of notifications
+   */
+  numberOfNotifications() {
+    let nrOfNotifications = 0;
+    this.notificationIcon().invoke("text").then(
+      (text) => text.replace(/(\d+)/, (match, matchGroup1) => {
+        nrOfNotifications = parseInt(matchGroup1, 10);
+        return matchGroup1;
+      })
+    );
+    return cy.wrap("Count number of notifications").then(() => {
+      return nrOfNotifications;
+    });
+  }
+  isOpen() {
+    let isPanelOpen = false;
+    this.el().invoke("attr", "class").then((classes) => {
+      const panelClasses = classes ? classes.split(" ") : [];
+      isPanelOpen = panelClasses.includes(
+        "expandable-panel--expanded"
+      );
+    });
+    return cy.wrap("Check if panel is expanded").then(() => {
+      return isPanelOpen;
+    });
+  }
+};
+
+// src/pageobject/FRadioField.pageobject.ts
+var FRadioFieldPageObject = class {
+  /**
+   * @param selector - the root of the radio button, usually `<div class="radio-button">...</div>`.
+   * @param index -  the index of matched radiobuttons
+   */
+  constructor(selector, index) {
+    if (index) {
+      this.selector = `${selector}:nth(${index})`;
+    } else {
+      this.selector = selector;
+    }
+    this.el = () => cy.get(this.selector);
+  }
+  radioButton() {
+    return cy.get(`${this.selector} input`);
+  }
+  label() {
+    return cy.get(`${this.selector} .radio-button__label`);
+  }
+  /**
+   * @deprecated Use assertion `label().should('trimmedText', '...')` instead.
+   */
+  trimmedText() {
+    return cy.get(`${this.selector} label`).__fkui_internal_trimmedText();
+  }
+  select() {
+    return cy.get(`${this.selector} label`).click();
+  }
+  details() {
+    return cy.get(`${this.selector} .radio-button__details`);
+  }
+  isSelected() {
+    return this.radioButton().then((el) => {
+      return el.get(0).checked;
+    });
+  }
+  value() {
+    return this.radioButton().then((el) => {
+      return el.get(0).value;
+    });
+  }
+};
+
+// src/pageobject/FFieldset.pageobject.ts
+var FFieldsetPageObject = class {
+  /**
+   * @param selector - the root of the fieldset, usually `<div class="radio-button-group">...</div>` or `<div class="checkbox-group">...</div>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.label = new FLabelPageObject(`${this.selector} .label`);
+    this.tooltip = new FTooltipPageObject(`${this.selector} .tooltip`);
+  }
+  content() {
+    return cy.get(`${this.selector} .fieldset__content`);
+  }
+  radioButton(buttonSelector) {
+    return new FRadioFieldPageObject(`${this.selector} ${buttonSelector}`);
+  }
+  numberOfRadio() {
+    return cy.get(`${this.selector} .radio-button`).then((el) => {
+      return el.length;
+    });
+  }
+  checkBox(checkboxSelector) {
+    return new FCheckboxFieldPageObject(
+      `${this.selector} ${checkboxSelector}`
+    );
+  }
+  numberOfCheckboxes() {
+    return cy.get(`${this.selector} .checkbox`).then((el) => {
+      return el.length;
+    });
+  }
+};
+
+// src/pageobject/FProgressbar.pageobject.ts
+var FProgressbarPageObject = class {
+  /**
+   * @param selector - the root of the static field, usually `<div class="progress">...</div>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.progressMeter = () => cy.get(`${this.selector} .progress__meter`);
+  }
+  progressStatus() {
+    return this.progressMeter().then(
+      (el) => el[0].classList[1].replace(/.*progress__meter--(\w+).*/, "$1")
+    );
+  }
+  ariaValueNow() {
+    return this.progressMeter().invoke("attr", "aria-valuenow");
+  }
+};
+
+// src/pageobject/FFileItem.pageobject.ts
+var FFileItemPageObject = class {
+  /**
+   * @param selector - the root of the file item, usually `<div class="file-item">...</div>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.fileName = () => cy.get(`${this.selector} .file-item__file-name`);
+    this.fileIcon = () => cy.get(`${this.selector} .file-item__file-open .icon`);
+    this.cancelDeleteButton = () => cy.get(`${this.selector} .file-item__file-remove`);
+    this.cancelDeleteButtonIcon = () => cy.get(`${this.selector} .file-item__file-remove .icon`);
+    this.progressMeter = new FProgressbarPageObject(this.selector);
+  }
+  typeOfFileIcon() {
+    return this.fileIcon().then(
+      (el) => el[1].classList[1].replace(/.*f-icon-(\w+).*/, "$1")
+    );
+  }
+  typeOfButtonIcon() {
+    return this.cancelDeleteButtonIcon().then(
+      (el) => el[0].classList[2].replace(/.*f-icon-(\w+).*/, "$1")
+    );
+  }
+};
+
+// src/pageobject/FFileSelector.pageobject.ts
+var FFileSelectorPageObject = class {
+  /**
+   * @param selector - the root of the file file selector, usually `<div class="file-selector">...</div>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.addFile = () => cy.get(`${this.selector} > input`);
+    this.icon = () => cy.get(`${this.selector}  .f-icon-paper-clip`);
+  }
+};
+
+// src/pageobject/FMessageBox.pageobject.ts
+var FMessageBoxPageObject = class {
+  /**
+   * @param selector - the root of the message box, usually `<div class="message-box">...</div>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(selector);
+    this.errors = new FErrorListPageObject(`${this.selector}`);
+  }
+  /**
+   * @deprecated Access using `content()` instead. It is not guaranteed that provided heading class is used.
+   */
+  title() {
+    return cy.get(`${this.selector} .message-box__heading`);
+  }
+  icon() {
+    return cy.get(`${this.selector} .message-box__icon`);
+  }
+  /**
+   * @deprecated Access using `content()` instead. It is not guaranteed that `p`-tag is used.
+   */
+  body() {
+    return cy.get(`${this.selector} p`);
+  }
+  content() {
+    return cy.get(`${this.selector} .message-box__content`);
+  }
+  typeOfMessage() {
+    return this.el().then(
+      (el) => el[0].className.replace(/.*message-box--(\w+).*/, "$1")
+    );
+  }
+};
+
+// src/pageobject/FForm.pageobject.ts
+var FFormPageObject = class {
+  /**
+   * @param selector - the root of the form, usually `<form class="form">...</form>`.
+   */
+  constructor(selector) {
+    this.components = {};
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+  }
+  errorMessageBox() {
+    return new FMessageBoxPageObject(
+      `${this.selector} .message-box.message-box--error`
+    );
+  }
+};
+
+// src/pageobject/FFormStep.pageobject.ts
+var FFormStepPageObject = class {
+  /**
+   * @param selector - the root of the form step, usually `<div class="form-step">...</div>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(selector);
+    this.headerSelector = `${this.selector} .form-step__header`;
+    this.errors = new FErrorListPageObject(
+      `${this.selector} .form-step__error`
+    );
+  }
+  /**
+   * The header contains the title and the valid icon.
+   */
+  header() {
+    return cy.get(this.headerSelector);
+  }
+  title() {
+    return cy.get(`${this.headerSelector} .form-step__title`);
+  }
+  body() {
+    return cy.get(`${this.headerSelector} +`);
+  }
+  validIcon() {
+    return cy.get(
+      `${this.headerSelector} .icon.form-step__check.f-icon-success`
+    );
+  }
+  isOpen() {
+    return this.editConfirmButton().then((elem) => {
+      return elem.get(0).getAttribute("aria-expanded") === "true";
+    });
+  }
+  editConfirmButton() {
+    return cy.get(`${this.selector} button[data-form-step-button]`);
+  }
+};
+
+// src/pageobject/FListItem.pageobject.ts
+var FListItemPageObject = class {
+  /**
+   * @param selector - the root of the li, usually `<li class="list__item">...</li>`.
+   * @param index - the index of matched li:s.
+   */
+  constructor(selector, index) {
+    this.selector = `${selector}:nth(${index})`;
+    this.index = index;
+    this.el = () => cy.get(this.selector);
+  }
+  /**
+   * Select checkbox page object
+   */
+  selectCheckbox() {
+    return new FCheckboxFieldPageObject(
+      `${this.selector} .list__item__selectpane__input`
+    );
+  }
+  /**
+   * Content / Clickable link if checkbox:false
+   */
+  content() {
+    return cy.get(`${this.selector} .list__item__itempane`);
+  }
+};
+
+// src/pageobject/FList.pageobject.ts
+var FListPageObject = class {
+  /**
+   * @param selector - the root of the label, usually `<li class="list">...</label>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+  }
+  /**
+   * Hämta page object för specifikt list item.
+   */
+  listItem(index) {
+    return new FListItemPageObject(`${this.selector} .list__item`, index);
+  }
+  /**
+   * Hämta alla list items.
+   */
+  listItems() {
+    return cy.get(`${this.selector} .list__item .list__item__itempane`);
+  }
+  /**
+   * Felmeddelande
+   */
+  emptyMessage() {
+    return cy.get(`${this.selector} .list__item`);
+  }
+};
+
+// src/pageobject/FLoader.pageobject.ts
+var FLoaderPageObject = class {
+  /**
+   * @param selector - the root of the loader, usually `<div class="loader">...</div>`.
+   */
+  constructor(selector = ".loader") {
+    this.selector = selector;
+  }
+  el() {
+    return cy.get(this.selector);
+  }
+  /**
+   * Get loader root.
+   * Only applicable if selector is a parent of loader.
+   *
+   * @deprecated Use a direct selector and `el()` instead.
+   */
+  loader() {
+    return cy.get(`${this.selector} .loader`);
+  }
+  wrapper() {
+    return cy.get(`${this.selector} .loader__wrapper`);
+  }
+  waitText() {
+    return cy.get(`${this.selector} .loader__wait-text`);
+  }
+};
+
+// src/pageobject/FModal.pageobject.ts
+var FModalPageObject = class {
+  /**
+   * @param selector - the root of the Modal, usually `<div class="modal">...</div>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(`${this.selector} .modal__dialog-container`);
+  }
+  title() {
+    return cy.get(
+      `${this.selector} .modal__dialog-container .modal__title`
+    );
+  }
+  body() {
+    return cy.get(
+      `${this.selector} .modal__dialog-container .modal__content`
+    );
+  }
+  primaryButton() {
+    return cy.get(
+      `${this.selector} .modal__dialog-container .modal__footer .button--primary`
+    );
+  }
+  secondaryButton() {
+    return cy.get(
+      `${this.selector} .modal__dialog-container .modal__footer .button--secondary`
+    );
+  }
+  closeCross() {
+    return cy.get(
+      `${this.selector} .modal__dialog-container .close-button`
+    );
+  }
+  typeOfModal() {
+    return cy.get(this.selector).then((el) => el[0].className.replace(/.*modal--(\w+).*/, "$1"));
+  }
+};
+
+// src/pageobject/FFormModal.pageobject.ts
+var FFormModalPageObject = class extends FModalPageObject {
+  /**
+   * @param selector - the root of the Modal, usually `<div class="modal">...</div>`.
+   */
+  constructor(selector) {
+    super(selector);
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+  }
+  submitButton() {
+    return this.primaryButton();
+  }
+  cancelButton() {
+    return this.secondaryButton();
+  }
+};
+
+// src/pageobject/IMenu.pageobject.ts
+var IMenuPageObject = class {
+  el() {
+    return cy.get(this.selector);
+  }
+  /**
+   * @param selector - the root of the IMenu, usually `<nav class="imenu">...</nav>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+  }
+  /**
+   * Get all items in the IMenu
+   *
+   * @returns all items
+   */
+  items() {
+    return cy.get(`${this.selector} .imenu__list__item`);
+  }
+  /**
+   * Get the item at position index in the IMenu
+   *
+   * @param index - the position index in the item array
+   * @returns Menu item with given index
+   */
+  item(index) {
+    return this.items().eq(index);
+  }
+  /**
+   * Get link for item at index
+   *
+   * @param index - the position index in the item array
+   * @returns link with given index
+   */
+  getItemLink(index) {
+    return cy.get(`${this.selector} .imenu__list__item a:nth(${index})`);
+  }
+  /**
+   * Get currently selected menu item
+   *
+   * @returns Currently selected item
+   */
+  getSelectedItem() {
+    return this.items().get(
+      `${this.selector} .imenu__list__item--highlight`
+    );
+  }
+};
+
+// src/pageobject/IPopupMenu.pageobject.ts
+var IPopupMenuPageObject = class {
+  el() {
+    return cy.get(this.selector);
+  }
+  /**
+   * @param selector - the root of the IPopupMenu, usually `<nav class="IPopupMenu">...</nav>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+  }
+  /**
+   * Get all items in the IPopupMenu
+   * @returns all items
+   */
+  items() {
+    return cy.get(`${this.selector} .ipopupmenu__list__item`);
+  }
+  /**
+   * Get the item at position index in the IPopupMenu
+   *
+   * @param index - the position index in the item array
+   * @returns Menu item with given index
+   */
+  item(index) {
+    return this.items().eq(index);
+  }
+  /**
+   * Get link for item at index
+   *
+   * @param index - the position index in the item array
+   * @returns link with given index
+   */
+  getItemLink(index) {
+    return cy.get(
+      `${this.selector} .ipopupmenu__list__item a:nth(${index})`
+    );
+  }
+  /**
+   * Get currently selected menu item
+   *
+   * @returns Currently selected item
+   */
+  getSelectedItem() {
+    return this.items().get(
+      `${this.selector} .ipopupmenu__list__item--highlight`
+    );
+  }
+};
+
+// src/pageobject/FNavigationMenu/FNavigationMenu.pageobject.ts
+var FNavigationMenuPageobject = class {
+  el() {
+    return cy.get(this.selector);
+  }
+  /**
+   * @param selector - the root of the navigation menu, usually `div > nav.imenu`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+  }
+  menu() {
+    return new IMenuPageObject(`${this.selector}.imenu > ul.imenu__list`);
+  }
+  popupMenu() {
+    return new IPopupMenuPageObject(
+      `${this.selector}.ipopupmenu > ul.ipopupmenu__list`
+    );
+  }
+};
+
+// src/pageobject/FOffline.pageobject.ts
+var FOfflinePageObject = class {
+  /**
+   * @param selector - optional custom selector to offline component.
+   */
+  constructor(selector = "body > .offline__wrapper") {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.banner = () => cy.get(`${this.selector} .offline`);
+  }
+};
+
+// src/pageobject/FOutputField.pageobject.ts
+var FOutputFieldPageobject = class {
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.label = new FLabelPageObject(`${this.selector} .label`);
+    this.tooltip = new FTooltipPageObject(`${this.selector} .tooltip`);
+    this.body = () => cy.get(`${this.selector} .output-field__output`);
+  }
+};
+
+// src/pageobject/Input.ts
+var Input = class {
+  constructor(selector, inputSelector) {
+    this.selector = selector;
+    this.inputSelector = inputSelector;
+    this.el = () => cy.get(this.selector);
+  }
+  enter(text) {
+    return cy.get(`${this.selector} ${this.inputSelector}`).clear().type(text).blur();
+  }
+  value() {
+    return cy.get(`${this.selector}  ${this.inputSelector}`).then((el) => {
+      return el.get(0).value;
+    });
+  }
+};
+
+// src/pageobject/FTextField.pageobject.ts
+var FTextFieldPageObject = class extends Input {
+  /**
+   * @param selector - the root of the text field, usually `<div class="text-field">...</div>`.
+   */
+  constructor(selector) {
+    super(selector, "input");
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.label = new FLabelPageObject(`${this.selector} .label`);
+    this.tooltip = new FTooltipPageObject(`${this.selector} .tooltip`);
+  }
+  input() {
+    return cy.get(`${this.selector} input`);
+  }
+  errorIcon() {
+    return cy.get(`${this.selector} .icon.text-field__icon.f-icon-error`);
+  }
+};
+
+// src/pageobject/ICalendarNavbar.pageobject.ts
+var ICalendarNavbarPageObject = class {
+  /**
+   * @param selector - CSS selector to the ICalendarNavbar object
+   */
+  constructor(selector = ".calendar-navbar") {
+    this.selector = selector;
+  }
+  el() {
+    return cy.get(this.selector);
+  }
+  text() {
+    return cy.get(`${this.selector} .calendar-navbar__month`);
+  }
+  prevButton() {
+    return cy.get(`${this.selector} .calendar-navbar__arrow--previous`);
+  }
+  nextButton() {
+    return cy.get(`${this.selector} .calendar-navbar__arrow--next`);
+  }
+};
+
+// src/pageobject/FDatepickerField.pageobject.ts
+var FDatepickerFieldPageobject = class {
+  constructor(selector) {
+    this.selector = selector;
+    this.textField = new FTextFieldPageObject(
+      `${this.selector} .text-field`
+    );
+    this.calendarNavbar = new ICalendarNavbarPageObject(
+      `${this.selector} .calendar-navbar`
+    );
+  }
+  el() {
+    return cy.get(this.selector);
+  }
+  input() {
+    return this.textField.input();
+  }
+  textFieldErrorMessage() {
+    return this.textField.label.errorMessage();
+  }
+  toggleCalendarButton() {
+    return cy.get(`${this.selector} [data-test="calendar-button"]`);
+  }
+  closeCalendarButton() {
+    return cy.get(`${this.selector}__close__button`);
+  }
+  popup() {
+    return cy.get(`${this.selector} .popup`);
+  }
+  calendar() {
+    return cy.get(`${this.selector} .calendar__wrapper`);
+  }
+  calendarCaption() {
+    return this.calendarNavbar.text();
+  }
+  navPrevButton() {
+    return this.calendarNavbar.prevButton();
+  }
+  navNextButton() {
+    return this.calendarNavbar.nextButton();
+  }
+  dayButton(date) {
+    return cy.get(`${this.selector} [data-date="${date}"]`);
+  }
+  disabledDay(date) {
+    return cy.get(
+      `${this.selector} [data-date="${date}"] .calendar-day--disabled`
+    );
+  }
+  selectedDay() {
+    return cy.get(`${this.selector} [data-date] .calendar-day--selected`);
+  }
+  highlightedDay() {
+    return cy.get(`${this.selector} [data-date] .calendar-day--today`);
+  }
+};
+
+// src/pageobject/FPageHeader/pageheader.pageobject.ts
+var FPageHeaderPageobject = class {
+  /**
+   * @param selector - the root of the page header, usually `div.page-header__root`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+  }
+  skipLink() {
+    return cy.get(`${this.selector} .iskiplink`).then(($el) => {
+      $el.css({ top: 45, left: 10 });
+    });
+  }
+  applicationName() {
+    return cy.get(`${this.selector} .page-header__app-name`);
+  }
+  rightSlot() {
+    return cy.get(`${this.selector} .page-header__right-slot`);
+  }
+  logoSlot() {
+    return cy.get(`${this.selector} div.page-header__logo`);
+  }
+  logoRouterLink() {
+    return cy.get(`${this.selector} .page-header__logo > a`);
+  }
+};
+
+// src/pageobject/FRadioGroup.pageobject.ts
+var FRadioGroupPageObject = class {
+  /**
+   * @param selector - the root of the radio group, usually `<div class="radio-button-group">...</div>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.label = new FLabelPageObject(`${this.selector} legend.label`);
+    this.tooltip = new FTooltipPageObject(`${this.selector} .tooltip`);
+  }
+  content() {
+    return cy.get(`${this.selector} .radio-button-group__content`);
+  }
+  radioButton(buttonSelector) {
+    return new FRadioFieldPageObject(`${this.selector} ${buttonSelector}`);
+  }
+  numberOfOptions() {
+    return cy.get(`${this.selector} .radio-button`).then((el) => {
+      return el.length;
+    });
+  }
+};
+
+// src/pageobject/FSelectField.pageobject.ts
+var FSelectFieldPageObject = class {
+  /**
+   * @param selector - the root of the select field, usually `<div class="select-field">...</div>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.label = new FLabelPageObject(`${this.selector} .label`);
+    this.tooltip = new FTooltipPageObject(`${this.selector} .tooltip`);
+  }
+  dropdown() {
+    return cy.get(`${this.selector} select`);
+  }
+  arrowIcon() {
+    return cy.get(
+      `${this.selector} .icon.select-field__icon.f-icon-arrow-down`
+    );
+  }
+  numberOfOptions() {
+    return this.dropdown().then(
+      (el) => el.find("option").not('[disabled="disabled"]').length
+    );
+  }
+  listOfOptions() {
+    const listItem = [];
+    return cy.get(`${this.selector} select option`).not('[disabled="disabled"]').each((el) => {
+      return listItem.push(el.get(0).innerText);
+    }).then(() => listItem);
+  }
+  selectedValue() {
+    return this.dropdown().then((el) => {
+      return el.get(0).value;
+    });
+  }
+  trimmedText() {
+    return this.dropdown().then((el) => {
+      return el.get(0).options.selectedIndex >= 0 ? el.get(0)[el.get(0).options.selectedIndex].innerText.replace(
+        /[\n\r]/gm,
+        ""
+      ).replace(/\s+/g, " ").replace(/(^\s|\s$)*/g, "") : "";
+    });
+  }
+};
+
+// src/pageobject/FSortFilterDataset.pageobject.ts
+var FSortFilterDatasetPageObject = class {
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.selectField = new FSelectFieldPageObject(
+      `${this.selector} .select-field--inline`
+    );
+    this.textField = new FTextFieldPageObject(
+      `${this.selector} .sort-filter-dataset__search`
+    );
+  }
+  header() {
+    return cy.get(
+      `${this.selector} .iflex .sort-filter-dataset__toolbar__header`
+    );
+  }
+};
+
+// src/pageobject/FStaticField.pageobject.ts
+var FStaticFieldPageObject = class {
+  /**
+   * @param selector - the root of the static field, usually `<div class="output-field">...</div>`.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.label = new FLabelPageObject(`${this.selector} .label`);
+    this.tooltip = new FTooltipPageObject(`${this.selector} .tooltip`);
+  }
+  body() {
+    return cy.get(`${this.selector} p`);
+  }
+};
+
+// src/pageobject/FTableColumn.pageobject.ts
+var FTableColumnPageObject = class {
+  constructor(selector, index) {
+    this.selector = `${selector}:nth(${index})`;
+    this.index = index;
+    this.el = () => cy.get(this.selector);
+  }
+  tableRowBodyContent(position) {
+    return cy.get(`${this.selector} td:nth(${position})`);
+  }
+  tableRowHeaderContent() {
+    return cy.get(`${this.selector} th`);
+  }
+  checkbox() {
+    return new FCheckboxFieldPageObject(this.selector);
+  }
+};
+
+// src/pageobject/FInteractiveTable.pageobject.ts
+var FInteractiveTablePageObject = class {
+  /**
+   * @param selector - table selector.
+   */
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+  }
+  caption() {
+    return cy.get(`${this.selector} caption`);
+  }
+  bodyRow() {
+    return cy.get(`${this.selector} tbody tr`);
+  }
+  headersRow() {
+    return cy.get(`${this.selector} thead th`);
+  }
+  /**
+   * Hämta page object för specifikt Table row item.
+   */
+  columnItem(index) {
+    return new FTableColumnPageObject(
+      `${this.selector} .table__row`,
+      index
+    );
+  }
+  /**
+   * Hämta page object för specifikt Header row item.
+   */
+  headerRowItem() {
+    return new FTableColumnPageObject(`${this.selector} .table__row`, 0);
+  }
+  getColumnSortedByIcon(index, order) {
+    let iconName;
+    switch (order) {
+      case "ascending":
+        iconName = "f-icon-caret-up";
+        break;
+      case "descending":
+        iconName = "f-icon-caret-down";
+        break;
+      case "unsorted":
+        iconName = "f-icon-sort";
+        break;
+      default:
+        throw Error("Invalid order");
+    }
+    const column = this.headerRowItem().tableRowHeaderContent().eq(index);
+    return column.find(`svg.${iconName}`);
+  }
+};
+
+// src/pageobject/FTextareaField.pageobject.ts
+var FTextareaFieldPageObject = class extends Input {
+  /**
+   * @param selector - the root of the textarea field, usually `<div class="textarea-field">...</div>`.
+   */
+  constructor(selector) {
+    super(selector, "textarea");
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.label = new FLabelPageObject(`${this.selector} .label`);
+    this.tooltip = new FTooltipPageObject(`${this.selector} .tooltip`);
+  }
+  input() {
+    return cy.get(`${this.selector} textarea`);
+  }
+  errorIcon() {
+    return cy.get(
+      `${this.selector} .icon.textarea-field__icon.f-icon-error`
+    );
+  }
+};
+
+// src/pageobject/IAnimateExpand.pageobject.ts
+var IAnimateExpandPageobject = class {
+  el() {
+    return cy.get(this.selector);
+  }
+  content() {
+    return cy.get(`${this.selector} [data-test="animation-content"]`);
+  }
+  animationClass() {
+    return cy.get(`${this.selector} .animate-expand--expanded`);
+  }
+  /**
+   * Wait for open animation to finish.
+   */
+  waitOnOpen() {
+    cy.log("Wait for open animation to finish");
+    this.animationClass().should("exist");
+    this.waitOnAnimationCompleted();
+  }
+  /**
+   * Wait for open animation to not exist.
+   */
+  waitOnAnimationCompleted() {
+    cy.log("Wait for open animation to complete");
+    this.animationClass().should("not.exist");
+  }
+  /**
+   * Wait for close animation to finish.
+   */
+  waitOnClose() {
+    cy.log("Wait for close animation to finish");
+    cy.get(`${this.selector} [data-test="animation-content"] > *`).should(
+      "not.exist"
+    );
+  }
+  constructor(selector) {
+    this.selector = selector;
+  }
+};
+
+// src/pageobject/FWizard/FWizardStepHeader.pageobject.ts
+var FWizardStepHeaderPageobject = class {
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+    this.successIcon = () => cy.get(`${this.selector} .icon-stack .f-icon-success`);
+    this.stepNumber = () => cy.get(`${this.selector} [data-test="step-number"]`).invoke("text");
+    this.stepOf = () => cy.get(`${this.selector} .wizard-step__header__step-of`);
+    this.title = () => cy.get(`${this.selector} .wizard-step__header__title`);
+  }
+};
+
+// src/pageobject/FWizard/FWizardStep.pageobject.ts
+var STATUS = /* @__PURE__ */ ((STATUS2) => {
+  STATUS2["done"] = "done";
+  STATUS2["open"] = "open";
+  STATUS2["pending"] = "pending";
+  return STATUS2;
+})(STATUS || {});
+var FWizardStepPageobject = class {
+  el() {
+    return cy.get(this.selector);
+  }
+  /**
+   * Get the primary button element of the FWizardStep
+   */
+  continue() {
+    this.waitOnAnimationCompleted();
+    return cy.get(`${this.selector} .button-group:last .button--primary`);
+  }
+  /**
+   * Get the secondary button element of the FWizardStep
+   */
+  cancel() {
+    this.waitOnAnimationCompleted();
+    return cy.get(`${this.selector} .button-group:last .button--secondary`);
+  }
+  /**
+   * Get the body element of the FWizardStep
+   */
+  body() {
+    return cy.get(`${this.selector} .wizard-step-body`);
+  }
+  /**
+   * Wait for open animation to finish.
+   */
+  waitOnOpen() {
+    this.animateExpand.waitOnOpen();
+  }
+  /**
+   * Wait for close animation to finish.
+   */
+  waitOnClose() {
+    this.animateExpand.waitOnClose();
+  }
+  /**
+   * Wait for any animation to complete.
+   */
+  waitOnAnimationCompleted() {
+    this.animateExpand.waitOnAnimationCompleted();
+  }
+  constructor(selector) {
+    this.selector = selector;
+    this.errors = new FErrorListPageObject(`${this.selector} .error-list`);
+    this.header = new FWizardStepHeaderPageobject(
+      `${this.selector} .wizard-step__header`
+    );
+    this.animateExpand = new IAnimateExpandPageobject(this.selector);
+  }
+  /**
+   * Get the status of the wizard step.
+   * @see STATUS
+   */
+  status() {
+    return this.el().then(
+      (el) => el[0].className.replace(/.*wizard-step--(\w+).*/, "$1")
+    );
+  }
+};
+
+// src/pageobject/FWizard/FWizard.pageobject.ts
+var FWizardPageobject = class {
+  el() {
+    return cy.get(this.selector);
+  }
+  /**
+   * Get all FWizardSteps in the FWizard
+   *
+   * @returns all steps
+   */
+  steps() {
+    return cy.get(`${this.selector} .wizard-step`);
+  }
+  /**
+   * Get specfic step in wizard.
+   *
+   * @param index - step to retrieve (0-indexed)
+   * @returns FWizardStepPageObject
+   */
+  getStep(index) {
+    return new FWizardStepPageobject(
+      `${this.selector} .wizard-step:nth(${index})`
+    );
+  }
+  /**
+   * Turns off the animation att css class level.
+   */
+  turnOffAnimation() {
+    cy.get(".wizard-step__connector").invoke("css", "transition", "none");
+  }
+  constructor(selector) {
+    this.selector = selector;
+  }
+};
+
+// src/pageobject/ICalendar/Calendar.pageobject.ts
+var monthList = [
+  "januari",
+  "februari",
+  "mars",
+  "april",
+  "maj",
+  "juni",
+  "juli",
+  "augusti",
+  "september",
+  "oktober",
+  "november",
+  "december"
+];
+var CalendarPageObject = class {
+  constructor(selector) {
+    this.selector = selector;
+    this.navigationBar = new ICalendarNavbarPageObject(
+      `${this.selector} .calendar-navbar`
+    );
+  }
+  el() {
+    return cy.get(this.selector);
+  }
+  /**
+   * return the weeknumbers surrounding the days in the calendar
+   */
+  weekNumbers() {
+    return cy.get(`${this.selector} .calendar-month__cell--week-number`);
+  }
+  /**
+   * return the weekday names surrounding the days in the calendar
+   */
+  headerCells() {
+    return cy.get(
+      `${this.selector} .calendar-month__header-cell:not([aria-hidden="true"])`
+    );
+  }
+  /**
+   * Day to select in the calendar day-view via day number
+   */
+  dayButton(day = 1) {
+    return cy.get(
+      `${this.selector} .calendar-month__button:nth(${day - 1})`
+    );
+  }
+  day(day = 1) {
+    return new FCalenderDayPageobject(
+      `${this.selector} .calendar-month__button:nth(${day - 1}) .calendar-day`
+    );
+  }
+  /**
+   * Uses the calendar navigation bar navigate to selected year and month
+   * jan = 0, dec = 11
+   * @param targetYear - Selected year
+   * @param targetMonth - Selected month 0-11, 0 = Jan 11 = dec
+   */
+  navigateTo(targetYear, targetMonth) {
+    cy.log(`Navigate to ${monthList[targetMonth]} ${targetYear}`);
+    this.navigationBar.text().then((el) => {
+      let currYear = 2023;
+      let currentMonth = 0;
+      el.text().replace(/(\w+)\s+(\d+)/, (match, p1, p2) => {
+        currentMonth = monthList.findIndex((month) => month === p1);
+        currYear = parseInt(p2, 10);
+        return `${currYear}`;
+      });
+      const yearDiff = Math.abs(currYear - targetYear);
+      const monthDiff = Math.abs(currentMonth - targetMonth);
+      let diffInMonths = currYear > targetYear ? yearDiff * -12 : yearDiff * 12;
+      diffInMonths += currentMonth > targetMonth ? -monthDiff : monthDiff;
+      if (diffInMonths !== 0) {
+        const stepMonth = diffInMonths < 0 ? this.navigationBar.prevButton() : this.navigationBar.nextButton();
+        for (let i = 0; i < Math.abs(diffInMonths); i++) {
+          stepMonth.click();
+        }
+      }
+    });
+  }
+};
+
+// src/pageobject/IPopup.pageobject.ts
+var IPopupPageObject = class {
+  /**
+   * @param selector - the root of the IPopup.
+   */
+  constructor(selector = ".popup") {
+    this.selector = selector;
+  }
+  el() {
+    return cy.get(this.selector);
+  }
+};
+
+// src/pageobject/AlertScreenReader.pageobject.ts
+var AlertScreenReaderPageObject = class {
+  constructor() {
+    this.selector = "#fkui-alert-screen-reader";
+  }
+  /**
+   * Returns the alertScreenReader element with text.
+   */
+  el() {
+    return cy.get(this.selector);
+  }
+};
+
+// src/pageobject/FDialogueTreeItem.pageobject.ts
+var FDialogueTreeItemPageObject = class {
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+  }
+  title() {
+    return cy.get(`${this.selector}`);
+  }
+  button() {
+    return cy.get(`${this.selector} button`);
+  }
+  select() {
+    return this.button().click();
+  }
+};
+
+// src/pageobject/FDialogueTree.pageobject.ts
+var FDialogueTreePageObject = class {
+  constructor(selector) {
+    this.selector = selector;
+    this.el = () => cy.get(this.selector);
+  }
+  options() {
+    return cy.get(`${this.selector} li`);
+  }
+  option(index) {
+    return new FDialogueTreeItemPageObject(
+      `${this.selector} li:nth(${index})`
+    );
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AlertScreenReaderPageObject,
+  CalendarPageObject,
+  FBadgePageObject,
+  FCalenderDayPageobject,
+  FCheckboxFieldPageObject,
+  FCheckboxGroupFieldPageObject,
+  FCheckboxGroupPageObject,
+  FContextMenuPageObject,
+  FCrudDatasetPageObject,
+  FDatepickerFieldPageobject,
+  FDialogueTreeItemPageObject,
+  FDialogueTreePageObject,
+  FErrorListPageObject,
+  FExpandablePanelPageObject,
+  FFieldsetPageObject,
+  FFileItemPageObject,
+  FFileSelectorPageObject,
+  FFormModalPageObject,
+  FFormPageObject,
+  FFormStepPageObject,
+  FInteractiveTablePageObject,
+  FLabelPageObject,
+  FListItemPageObject,
+  FListPageObject,
+  FLoaderPageObject,
+  FMessageBoxPageObject,
+  FModalPageObject,
+  FNavigationMenuPageobject,
+  FOfflinePageObject,
+  FOutputFieldPageobject,
+  FPageHeaderPageobject,
+  FProgressbarPageObject,
+  FRadioFieldPageObject,
+  FRadioGroupFieldPageObject,
+  FRadioGroupPageObject,
+  FSelectFieldPageObject,
+  FSortFilterDatasetPageObject,
+  FStaticFieldPageObject,
+  FTableColumnPageObject,
+  FTextFieldPageObject,
+  FTextareaFieldPageObject,
+  FTooltipPageObject,
+  FValidationFormPageObject,
+  FWizardPageobject,
+  FWizardStepHeaderPageobject,
+  FWizardStepPageobject,
+  ICalendarNavbarPageObject,
+  IMenuPageObject,
+  IPopupMenuPageObject,
+  IPopupPageObject,
+  Input,
+  STATUS,
+  dayType
+});
+//# sourceMappingURL=pageobject.js.map