@fkui/vue 6.1.0 → 6.3.0

package/dist/esm/cypress.esm.js

@@ -0,0 +1,1516 @@
+// src/cypress/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('[data-test="select-day-button"]');
+  }
+  click() {
+    return this.button().click();
+  }
+};
+
+// src/cypress/FBadge.pageobject.ts
+var FBadgePageObject = class {
+  /**
+   * @param selector - the root of the badge.
+   */
+  constructor(selector) {
+    this.selector = selector;
+  }
+  el() {
+    return cy.get(this.selector);
+  }
+  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/cypress/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`);
+  }
+  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/cypress/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);
+  }
+  /**
+   * 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
+   */
+  formatDescription() {
+    return cy.get(
+      `${this.selector} .label__description.label__description--format`
+    );
+  }
+  /**
+   * Felmeddelande
+   */
+  errorMessage() {
+    return cy.get(`${this.selector} .label__message.label__message--error`);
+  }
+};
+
+// src/cypress/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(
+      [
+        /* no attached to anything */
+        `.tooltip__button:has(~ :is(${this.selector}))`,
+        /* attached to label or heading */
+        `.tooltip__container:has(.tooltip__button):has(~ :is(${this.selector})) > .tooltip__button`
+      ].join(", ")
+    );
+  }
+  header() {
+    return cy.get(`${this.selector} .tooltip__header`);
+  }
+  body() {
+    return cy.get(`${this.selector} .tooltip__body`);
+  }
+  closeButton() {
+    return cy.get(`${this.selector} .close-button`);
+  }
+};
+
+// src/cypress/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/cypress/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/cypress/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/cypress/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/cypress/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/cypress/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/cypress/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`);
+  }
+  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/cypress/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/cypress/FProgressbar.pageobject.ts
+var FProgressbarPageObject = class {
+  /**
+   * @param selector - the root of the static field, usually `<div class="progress">...</div>`.
+   */
+  constructor(selector = ".progress") {
+    this.selector = selector;
+  }
+  /**
+   * Get the element itself.
+   */
+  el() {
+    return cy.get(this.selector);
+  }
+  /**
+   * @internal
+   */
+  progressMeter() {
+    return cy.get(`${this.selector} .progress__meter`);
+  }
+  /**
+   * Returns progressbar status, one of:
+   *
+   * - `"pending"` - for value `0`.
+   * - `"inprogress"` - for values between `1` and `99`.
+   * - `"finished"` - for value `100`.
+   */
+  progressStatus() {
+    return this.progressMeter().then((el) => {
+      return el[0].classList[1].replace(
+        /.*progress__meter--(\w+).*/,
+        "$1"
+      );
+    });
+  }
+  /**
+   * Get the current value of the progressbar.
+   */
+  value() {
+    return this.progressMeter().then((el) => {
+      return parseInt(el[0].ariaValueNow ?? "0", 10);
+    });
+  }
+};
+
+// src/cypress/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/cypress/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/cypress/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/cypress/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/cypress/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);
+  }
+  wrapper() {
+    return cy.get(`${this.selector} .loader__wrapper`);
+  }
+  waitText() {
+    return cy.get(`${this.selector} .loader__wait-text`);
+  }
+};
+
+// src/cypress/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}`);
+  }
+  icon() {
+    return cy.get(`${this.selector} .message-box__icon`);
+  }
+  content() {
+    return cy.get(`${this.selector} .message-box__content`);
+  }
+  typeOfMessage() {
+    return this.el().then(
+      (el) => el[0].className.replace(/.*message-box--(\w+).*/, "$1")
+    );
+  }
+};
+
+// src/cypress/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/cypress/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/cypress/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/cypress/FNavigationMenu/FNavigationMenu.pageobject.ts
+var FNavigationMenuPageobject = class {
+  /**
+   * @param selector - the root of the navigation menu, usually `.imenu`.
+   */
+  constructor(selector = ".imenu") {
+    this.selector = selector;
+  }
+  el() {
+    return cy.get(this.selector);
+  }
+  /**
+   * Get all visible items in the menu, including the popup menu item.
+   *
+   * @returns All visible menu items.
+   */
+  items() {
+    return cy.get(
+      `${this.selector} .imenu__list__item:not(.imenu__list__item--hidden)`
+    );
+  }
+  /**
+   * Get all overflowed (hidden) items in the menu.
+   *
+   * @returns All overflowed menu items.
+   */
+  overflowItems() {
+    return cy.get(`${this.selector} .imenu__list__item--hidden`);
+  }
+  /**
+   * Get the visible item at position index in the menu, including popup item.
+   *
+   * @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 visible item at given index, including popup item.
+   *
+   * @param index - the position index in the item array.
+   * @returns link with given index.
+   */
+  itemLink(index) {
+    return cy.get(
+      `${this.selector} .imenu__list__item:not(.imenu__list__item--hidden) a:nth(${index})`
+    );
+  }
+  /**
+   * Get currently selected menu item.
+   *
+   * @returns Currently selected item.
+   */
+  selectedItem() {
+    return this.items().get(
+      `${this.selector} .imenu__list__item--highlight`
+    );
+  }
+  /**
+   * Get the menu item that open the popup menu.
+   *
+   * @returns The popup menu item.
+   */
+  popupItem() {
+    return this.items().get(`${this.selector} .imenu__popup-item__wrapper`);
+  }
+  /**
+   * Returns `IPopupMenu` page object.
+   */
+  popupMenu() {
+    return new IPopupMenuPageObject(`.ipopupmenu > ul.ipopupmenu__list`);
+  }
+};
+
+// src/cypress/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/cypress/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/cypress/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/cypress/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/cypress/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/cypress/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/cypress/FPageHeader/FPageHeader.pageobject.ts
+var FPageHeaderPageobject = class {
+  /**
+   * @param selector - the root of the page header, usually `div.page-header__root`.
+   */
+  constructor(selector = ".page-header__root") {
+    this.selector = selector;
+  }
+  /**
+   * Get root element.
+   */
+  el() {
+    return cy.get(this.selector);
+  }
+  /**
+   * Get skiplink anchor element and wrapper for `skip-link-text` slot.
+   */
+  skipLink() {
+    return cy.get(`${this.selector} .iskiplink`).then(($el) => {
+      $el.css({ top: 45, left: 10 });
+    });
+  }
+  /**
+   * Get wrapper element for `default` slot.
+   */
+  applicationName() {
+    return cy.get(`${this.selector} .page-header__app-name`);
+  }
+  /**
+   * Get wrapper element for `right` slot.
+   */
+  rightSlot() {
+    return cy.get(`${this.selector} .page-header__right-slot`);
+  }
+  /**
+   * Get wrapper element for `logo` slot.
+   */
+  logoSlot() {
+    return cy.get(`${this.selector} div.page-header__logo`);
+  }
+};
+
+// src/cypress/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/cypress/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);
+  }
+  /**
+   * Get the currently selected `<option>` element.
+   */
+  selectedOption() {
+    return cy.get(`${this.selector} option:selected`);
+  }
+  selectedValue() {
+    return this.dropdown().then((el) => {
+      return el.get(0).value;
+    });
+  }
+};
+
+// src/cypress/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/cypress/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/cypress/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/cypress/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/cypress/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/cypress/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/cypress/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/cypress/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/cypress/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/cypress/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  > :is(abbr, span)`
+    );
+  }
+  /**
+   * 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/cypress/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/cypress/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/cypress/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/cypress/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})`
+    );
+  }
+};
+export {
+  AlertScreenReaderPageObject,
+  CalendarPageObject,
+  FBadgePageObject,
+  FCalenderDayPageobject,
+  FCheckboxFieldPageObject,
+  FCheckboxFieldPageObject as FCheckboxGroupFieldPageObject,
+  FCheckboxGroupPageObject,
+  FContextMenuPageObject,
+  FCrudDatasetPageObject,
+  FDatepickerFieldPageobject,
+  FDialogueTreeItemPageObject,
+  FDialogueTreePageObject,
+  FErrorListPageObject,
+  FExpandablePanelPageObject,
+  FFieldsetPageObject,
+  FFileItemPageObject,
+  FFileSelectorPageObject,
+  FFormModalPageObject,
+  FInteractiveTablePageObject,
+  FLabelPageObject,
+  FListItemPageObject,
+  FListPageObject,
+  FLoaderPageObject,
+  FMessageBoxPageObject,
+  FModalPageObject,
+  FNavigationMenuPageobject,
+  FOfflinePageObject,
+  FOutputFieldPageobject,
+  FPageHeaderPageobject,
+  FProgressbarPageObject,
+  FRadioFieldPageObject,
+  FRadioFieldPageObject as FRadioGroupFieldPageObject,
+  FRadioGroupPageObject,
+  FSelectFieldPageObject,
+  FSortFilterDatasetPageObject,
+  FStaticFieldPageObject,
+  FTableColumnPageObject,
+  FTextFieldPageObject,
+  FTextareaFieldPageObject,
+  FTooltipPageObject,
+  FValidationFormPageObject,
+  FWizardPageobject,
+  FWizardStepHeaderPageobject,
+  FWizardStepPageobject,
+  ICalendarNavbarPageObject,
+  IPopupMenuPageObject,
+  IPopupPageObject,
+  Input,
+  STATUS,
+  dayType
+};
+//# sourceMappingURL=cypress.esm.js.map