@fkui/vue 6.15.0 → 6.16.0

package/LICENSE.md

@@ -1,4 +1,4 @@
-Copyright 2021 Försäkringskassan
+Copyright 2025 Försäkringskassan
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

package/dist/cjs/cypress.cjs.js

@@ -85,6 +85,7 @@ var dayType = /* @__PURE__ */ ((dayType2) => {
   return dayType2;
 })(dayType || {});
 var FCalendarDayPageObject = class {
+  selector;
   constructor(selector) {
     this.selector = selector;
   }
@@ -109,6 +110,7 @@ var FCalenderDayPageobject = class extends FCalendarDayPageObject {
 
 // src/cypress/FBadge.pageobject.ts
 var FBadgePageObject = class {
+  selector;
   /**
    * @param selector - the root of the badge.
    */
@@ -132,6 +134,8 @@ var FBadgePageObject = class {
 
 // src/cypress/FCheckboxField.pageobject.ts
 var FCheckboxFieldPageObject = class {
+  selector;
+  el;
   /**
    * @param selector - the root of the checkbox, usually `<div class="checkbox">...</div>`.
    * @param index -  the index of matched radiobuttons
@@ -170,6 +174,8 @@ var FCheckboxFieldPageObject = class {
 
 // src/cypress/FLabel.pageobject.ts
 var FLabelPageObject = class {
+  selector;
+  el;
   /**
    * @param selector - the root of the label, usually `<label class="label">...</label>`.
    */
@@ -207,6 +213,7 @@ var FLabelPageObject = class {
 
 // src/cypress/FTooltip.pageobject.ts
 var FTooltipPageObject = class {
+  selector;
   /**
    * @param selector - the root of the tooltip
    */
@@ -239,6 +246,10 @@ var FTooltipPageObject = class {
 
 // src/cypress/FCheckboxGroup.pageobject.ts
 var FCheckboxGroupPageObject = class {
+  selector;
+  el;
+  label;
+  tooltip;
   /**
    * @param selector - the root of the checkbox group, usually `<div class="checkbox-group">...</div>`.
    */
@@ -265,6 +276,7 @@ var FCheckboxGroupPageObject = class {
 
 // src/cypress/FContextMenu.pageobject.ts
 var FContextMenuPageObject = class {
+  selector;
   el() {
     return cy.get(this.selector);
   }
@@ -305,6 +317,8 @@ var FContextMenuPageObject = class {
 
 // src/cypress/FErrorList.pageobject.ts
 var FErrorListPageObject = class {
+  selector;
+  el;
   /**
    * @param selector - the root of the errorlist.
    */
@@ -351,6 +365,8 @@ var FErrorListPageObject = class {
 
 // src/cypress/FValidationForm.pageobject.ts
 var FValidationFormPageObject = class {
+  selector;
+  errorlist;
   /**
    * @param selector - the root of the validation form.
    */
@@ -367,6 +383,9 @@ var FValidationFormPageObject = class {
 
 // src/cypress/FCrudDataset.pageobject.ts
 var FCrudDatasetPageObject = class {
+  selector;
+  el;
+  form;
   constructor(selector) {
     this.selector = selector;
     this.el = () => cy.get(this.selector);
@@ -391,6 +410,8 @@ var FCrudDatasetPageObject = class {
 
 // src/cypress/FDetailsPanel.pageobject.ts
 var FDetailsPanelPageObject = class _FDetailsPanelPageObject {
+  /** Base selector */
+  selector;
   constructor(selector) {
     this.selector = selector;
   }
@@ -443,6 +464,13 @@ var FDetailsPanelPageObject = class _FDetailsPanelPageObject {
 
 // src/cypress/FExpandablePanel.pageobject.ts
 var FExpandablePanelPageObject = class {
+  selector;
+  el;
+  expandCollapseIcon;
+  header;
+  body;
+  notificationIcon;
+  relatedInfo;
   /**
    * @param selector - the root of the expandablepanel, usually `<div class="expandable-panel">...</div>`.
    */
@@ -488,6 +516,8 @@ var FExpandablePanelPageObject = class {
 
 // src/cypress/FRadioField.pageobject.ts
 var FRadioFieldPageObject = class {
+  selector;
+  el;
   /**
    * @param selector - the root of the radio button, usually `<div class="radio-button">...</div>`.
    * @param index -  the index of matched radiobuttons
@@ -526,6 +556,10 @@ var FRadioFieldPageObject = class {
 
 // src/cypress/FFieldset.pageobject.ts
 var FFieldsetPageObject = class {
+  selector;
+  el;
+  label;
+  tooltip;
   /**
    * @param selector - the root of the fieldset, usually `<div class="radio-button-group">...</div>` or `<div class="checkbox-group">...</div>`.
    */
@@ -560,6 +594,7 @@ var FFieldsetPageObject = class {
 
 // src/cypress/FProgressbar.pageobject.ts
 var FProgressbarPageObject = class {
+  selector;
   /**
    * @param selector - the root of the static field, usually `<div class="progress">...</div>`.
    */
@@ -605,6 +640,12 @@ var FProgressbarPageObject = class {
 
 // src/cypress/FFileItem.pageobject.ts
 var FFileItemPageObject = class {
+  selector;
+  el;
+  /**
+   * @internal
+   */
+  _progressMeter;
   /**
    * @param selector - the root of the file item, usually `<div class="file-item">...</div>`.
    */
@@ -663,6 +704,10 @@ var FFileItemPageObject = class {
 
 // src/cypress/FFileSelector.pageobject.ts
 var FFileSelectorPageObject = class {
+  selector;
+  el;
+  addFile;
+  icon;
   /**
    * @param selector - the root of the file file selector, usually `<div class="file-selector">...</div>`.
    */
@@ -676,6 +721,9 @@ var FFileSelectorPageObject = class {
 
 // src/cypress/FListItem.pageobject.ts
 var FListItemPageObject = class {
+  selector;
+  el;
+  index;
   /**
    * @param selector - the root of the li, usually `<li class="list__item">...</li>`.
    * @param index - the index of matched li:s.
@@ -703,6 +751,8 @@ var FListItemPageObject = class {
 
 // src/cypress/FList.pageobject.ts
 var FListPageObject = class {
+  selector;
+  el;
   /**
    * @param selector - the root of the label, usually `<li class="list">...</label>`.
    */
@@ -732,6 +782,7 @@ var FListPageObject = class {
 
 // src/cypress/FLoader.pageobject.ts
 var FLoaderPageObject = class {
+  selector;
   /**
    * @param selector - the root of the loader, usually `<div class="loader">...</div>`.
    */
@@ -751,6 +802,9 @@ var FLoaderPageObject = class {
 
 // src/cypress/FMessageBox.pageobject.ts
 var FMessageBoxPageObject = class {
+  selector;
+  el;
+  errors;
   /**
    * @param selector - the root of the message box, usually `<div class="message-box">...</div>`.
    */
@@ -774,6 +828,8 @@ var FMessageBoxPageObject = class {
 
 // src/cypress/FMinimizablePanel.pageobject.ts
 var FMinimizablePanelPageObject = class {
+  /** Base selector */
+  selector;
   /**
    * @param selector - panel selector.
    */
@@ -814,6 +870,8 @@ var FMinimizablePanelPageObject = class {
 
 // src/cypress/FModal.pageobject.ts
 var FModalPageObject = class {
+  selector;
+  el;
   /**
    * @param selector - the root of the Modal, usually `<div class="modal">...</div>`.
    */
@@ -853,6 +911,8 @@ var FModalPageObject = class {
 
 // src/cypress/FFormModal.pageobject.ts
 var FFormModalPageObject = class extends FModalPageObject {
+  selector;
+  el;
   /**
    * @param selector - the root of the Modal, usually `<div class="modal">...</div>`.
    */
@@ -871,6 +931,7 @@ var FFormModalPageObject = class extends FModalPageObject {
 
 // src/cypress/IPopupMenu.pageobject.ts
 var IPopupMenuPageObject = class {
+  selector;
   el() {
     return cy.get(this.selector);
   }
@@ -921,6 +982,7 @@ var IPopupMenuPageObject = class {
 
 // src/cypress/FNavigationMenu/FNavigationMenu.pageobject.ts
 var FNavigationMenuPageobject = class {
+  selector;
   /**
    * @param selector - the root of the navigation menu, usually `.imenu`.
    */
@@ -996,6 +1058,9 @@ var FNavigationMenuPageobject = class {
 
 // src/cypress/FOffline.pageobject.ts
 var FOfflinePageObject = class {
+  selector;
+  el;
+  banner;
   /**
    * @param selector - optional custom selector to offline component.
    */
@@ -1008,6 +1073,11 @@ var FOfflinePageObject = class {
 
 // src/cypress/FOutputField.pageobject.ts
 var FOutputFieldPageobject = class {
+  selector;
+  el;
+  label;
+  tooltip;
+  body;
   constructor(selector) {
     this.selector = selector;
     this.el = () => cy.get(this.selector);
@@ -1019,6 +1089,9 @@ var FOutputFieldPageobject = class {
 
 // src/cypress/Input.ts
 var Input = class {
+  selector;
+  inputSelector;
+  el;
   constructor(selector, inputSelector) {
     this.selector = selector;
     this.inputSelector = inputSelector;
@@ -1036,6 +1109,10 @@ var Input = class {
 
 // src/cypress/FTextField.pageobject.ts
 var FTextFieldPageObject = class extends Input {
+  selector;
+  el;
+  label;
+  tooltip;
   /**
    * @param selector - the root of the text field, usually `<div class="text-field">...</div>`.
    */
@@ -1056,6 +1133,7 @@ var FTextFieldPageObject = class extends Input {
 
 // src/cypress/ICalendarNavbar.pageobject.ts
 var ICalendarNavbarPageObject = class {
+  selector;
   /**
    * @param selector - CSS selector to the ICalendarNavbar object
    */
@@ -1066,7 +1144,15 @@ var ICalendarNavbarPageObject = class {
     return cy.get(this.selector);
   }
   text() {
-    return cy.get(`${this.selector} .calendar-navbar__month`);
+    return cy.get(`${this.selector} .calendar-navbar__month--title`);
+  }
+  /**
+   * @internal
+   */
+  yearSelectorButton() {
+    return cy.get(
+      `${this.selector} .calendar-navbar__year-selector-button`
+    );
   }
   prevButton() {
     return cy.get(`${this.selector} .calendar-navbar__arrow--previous`);
@@ -1078,6 +1164,9 @@ var ICalendarNavbarPageObject = class {
 
 // src/cypress/FDatepickerField.pageobject.ts
 var FDatepickerFieldPageobject = class {
+  selector;
+  textField;
+  calendarNavbar;
   constructor(selector) {
     this.selector = selector;
     this.textField = new FTextFieldPageObject(
@@ -1111,6 +1200,12 @@ var FDatepickerFieldPageobject = class {
   calendarCaption() {
     return this.calendarNavbar.text();
   }
+  /**
+   * @internal
+   */
+  navYearSelectorButton() {
+    return this.calendarNavbar.yearSelectorButton();
+  }
   navPrevButton() {
     return this.calendarNavbar.prevButton();
   }
@@ -1131,10 +1226,33 @@ var FDatepickerFieldPageobject = class {
   highlightedDay() {
     return cy.get(`${this.selector} [data-date] .calendar-day--today`);
   }
+  /**
+   * @internal
+   */
+  yearSelector() {
+    return cy.get(`${this.selector} .calendar__year-selector`);
+  }
+  /**
+   * @internal
+   */
+  highlightedYear() {
+    return cy.get(
+      `${this.selector} .calendar__year-selector__year--highlight`
+    );
+  }
+  /**
+   * Get all available years from year selector.
+   *
+   * @internal
+   */
+  availableYears() {
+    return cy.get(`${this.selector} .calendar__year-selector__year`);
+  }
 };
 
 // src/cypress/FPageHeader/FPageHeader.pageobject.ts
 var FPageHeaderPageobject = class {
+  selector;
   /**
    * @param selector - the root of the page header, usually `div.page-header__root`.
    */
@@ -1177,6 +1295,10 @@ var FPageHeaderPageobject = class {
 
 // src/cypress/FRadioGroup.pageobject.ts
 var FRadioGroupPageObject = class {
+  selector;
+  el;
+  label;
+  tooltip;
   /**
    * @param selector - the root of the radio group, usually `<div class="radio-button-group">...</div>`.
    */
@@ -1201,6 +1323,10 @@ var FRadioGroupPageObject = class {
 
 // src/cypress/FSelectField.pageobject.ts
 var FSelectFieldPageObject = class {
+  selector;
+  el;
+  label;
+  tooltip;
   /**
    * @param selector - the root of the select field, usually `<div class="select-field">...</div>`.
    */
@@ -1244,6 +1370,10 @@ var FSelectFieldPageObject = class {
 
 // src/cypress/FSortFilterDataset.pageobject.ts
 var FSortFilterDatasetPageObject = class {
+  selector;
+  el;
+  textField;
+  selectField;
   constructor(selector) {
     this.selector = selector;
     this.el = () => cy.get(this.selector);
@@ -1263,6 +1393,10 @@ var FSortFilterDatasetPageObject = class {
 
 // src/cypress/FStaticField.pageobject.ts
 var FStaticFieldPageObject = class {
+  selector;
+  el;
+  label;
+  tooltip;
   /**
    * @param selector - the root of the static field, usually `<div class="output-field">...</div>`.
    */
@@ -1279,6 +1413,7 @@ var FStaticFieldPageObject = class {
 
 // src/cypress/FInteractiveTable.pageobject.ts
 var FInteractiveTablePageObject = class {
+  selector;
   /**
    * @param selector - root element selector for `FInteractiveTable`, usually `.table`.
    */
@@ -1452,6 +1587,9 @@ var FInteractiveTablePageObject = class {
 
 // src/cypress/FTableColumn.pageobject.ts
 var FTableColumnPageObject = class {
+  selector;
+  el;
+  index;
   constructor(selector, index) {
     this.selector = `${selector}:nth(${index})`;
     this.index = index;
@@ -1479,6 +1617,10 @@ var FTableColumnPageObject = class {
 
 // src/cypress/FTextareaField.pageobject.ts
 var FTextareaFieldPageObject = class extends Input {
+  selector;
+  el;
+  label;
+  tooltip;
   /**
    * @param selector - the root of the textarea field, usually `<div class="textarea-field">...</div>`.
    */
@@ -1501,6 +1643,7 @@ var FTextareaFieldPageObject = class extends Input {
 
 // src/cypress/IAnimateExpand.pageobject.ts
 var IAnimateExpandPageobject = class {
+  selector;
   el() {
     return cy.get(this.selector);
   }
@@ -1541,6 +1684,11 @@ var IAnimateExpandPageobject = class {
 
 // src/cypress/FWizard/FWizardStepHeader.pageobject.ts
 var FWizardStepHeaderPageobject = class {
+  selector;
+  el;
+  successIcon;
+  stepNumber;
+  stepOf;
   constructor(selector) {
     this.selector = selector;
     this.el = () => cy.get(`${this.selector} .wizard-step__header`);
@@ -1574,9 +1722,18 @@ var STATUS = /* @__PURE__ */ ((STATUS2) => {
   return STATUS2;
 })(STATUS || {});
 var FWizardStepPageobject = class {
+  selector;
   el() {
     return cy.get(this.selector);
   }
+  /**
+   * Get the header pageobject in the FWizardStep
+   */
+  header;
+  /**
+   * get the errorlist pageobject in the FWizardStep
+   */
+  errors;
   /**
    * Get the primary button element of the FWizardStep
    */
@@ -1634,6 +1791,7 @@ var FWizardStepPageobject = class {
   waitOnAnimationCompleted() {
     this.animateExpand.waitOnAnimationCompleted();
   }
+  animateExpand;
   constructor(selector) {
     this.selector = selector;
     this.errors = new FErrorListPageObject(`${this.selector} .error-list`);
@@ -1653,6 +1811,7 @@ var FWizardStepPageobject = class {
 
 // src/cypress/FWizard/FWizard.pageobject.ts
 var FWizardPageobject = class {
+  selector;
   el() {
     return cy.get(this.selector);
   }
@@ -1702,6 +1861,8 @@ var monthList = [
   "December"
 ];
 var CalendarPageObject = class {
+  selector;
+  navigationBar;
   constructor(selector) {
     this.selector = selector;
     this.navigationBar = new ICalendarNavbarPageObject(
@@ -1711,6 +1872,14 @@ var CalendarPageObject = class {
   el() {
     return cy.get(this.selector);
   }
+  /**
+   * Get the caption text.
+   *
+   * @internal
+   */
+  calendarCaption() {
+    return this.navigationBar.text();
+  }
   /**
    * return the weeknumbers surrounding the days in the calendar
    */
@@ -1766,10 +1935,45 @@ var CalendarPageObject = class {
       }
     });
   }
+  /**
+   * @internal
+   */
+  navYearSelectorButton() {
+    return this.navigationBar.yearSelectorButton();
+  }
+  /**
+   * @internal
+   */
+  yearSelector() {
+    return cy.get(`${this.selector} .calendar__year-selector`);
+  }
+  /**
+   * @internal
+   */
+  yearSelectorListbox() {
+    return cy.get(`${this.selector} .calendar__year-selector__listbox`);
+  }
+  /**
+   * @internal
+   */
+  highlightedYear() {
+    return cy.get(
+      `${this.selector} .calendar__year-selector__year--highlight`
+    );
+  }
+  /**
+   * Get all available years from year selector.
+   *
+   * @internal
+   */
+  availableYears() {
+    return cy.get(`${this.selector} .calendar__year-selector__year`);
+  }
 };
 
 // src/cypress/IPopup.pageobject.ts
 var IPopupPageObject = class {
+  selector;
   /**
    * @param selector - the root of the IPopup.
    */
@@ -1783,9 +1987,7 @@ var IPopupPageObject = class {
 
 // src/cypress/AlertScreenReader.pageobject.ts
 var AlertScreenReaderPageObject = class {
-  constructor() {
-    this.selector = "#fkui-alert-screen-reader";
-  }
+  selector = "#fkui-alert-screen-reader";
   /**
    * Returns the alertScreenReader element with text.
    */
@@ -1796,6 +1998,8 @@ var AlertScreenReaderPageObject = class {
 
 // src/cypress/FDialogueTreeItem.pageobject.ts
 var FDialogueTreeItemPageObject = class {
+  selector;
+  el;
   constructor(selector) {
     this.selector = selector;
     this.el = () => cy.get(this.selector);
@@ -1813,6 +2017,8 @@ var FDialogueTreeItemPageObject = class {
 
 // src/cypress/FDialogueTree.pageobject.ts
 var FDialogueTreePageObject = class {
+  selector;
+  el;
   constructor(selector) {
     this.selector = selector;
     this.el = () => cy.get(this.selector);