@agnos-ui/page-objects 0.0.1-alpha.0 → 0.0.1-alpha.10

package/dist/lib/index.d.ts

@@ -52,7 +52,7 @@ export declare class AlertPO extends BasePO {
         closeButton: string;
     };
     getComponentSelector(): string;
-    locatorCloseButton(): Locator;
+    get locatorCloseButton(): Locator;
 }
 
 export declare const alertSelectors: {
@@ -71,12 +71,12 @@ export declare class ModalPO extends BasePO {
         footer: string;
     };
     getComponentSelector(): string;
-    locatorHeader(): Locator;
-    locatorTitle(): Locator;
-    locatorBody(): Locator;
-    locatorFooter(): Locator;
-    locatorCloseButton(): Locator;
-    locatorBackdrop(): Locator;
+    get locatorHeader(): Locator;
+    get locatorTitle(): Locator;
+    get locatorBody(): Locator;
+    get locatorFooter(): Locator;
+    get locatorCloseButton(): Locator;
+    get locatorBackdrop(): Locator;
 }
 
 export declare const modalSelectors: {
@@ -149,6 +149,24 @@ export declare const paginationSelectors: {
     ellipses: string;
 };
 
+export declare class ProgressbarPO extends BasePO {
+    selectors: {
+        rootComponent: string;
+        outerBar: string;
+        innerBar: string;
+    };
+    getComponentSelector(): string;
+    get locatorOuterBar(): Locator;
+    get locatorInnerBar(): Locator;
+    state(): Promise<State>;
+}
+
+export declare const progressbarSelectors: {
+    rootComponent: string;
+    outerBar: string;
+    innerBar: string;
+};
+
 export declare class RatingPO extends BasePO {
     selectors: {
         rootComponent: string;
@@ -190,6 +208,10 @@ export declare class SelectPO extends BasePO {
      * Menu container
      */
     get locatorMenu(): Locator_2;
+    /**
+     * Return the first menu item locator including the text
+     */
+    get locatorMenuItems(): Locator_2;
     /**
      * Return the first menu item locator including the text
      */
@@ -202,19 +224,12 @@ export declare class SelectPO extends BasePO {
      * Return the first badge locator including the text
      */
     locatorBadgeItem(text: string): Locator_2;
-    /**
-     * Return the cross locator for the first badge including the text
-     */
-    locatorBadgeItemCross(text: string): Locator_2;
     state(): Promise<{
         text: string;
-        badges: string[][];
+        badges: (string | undefined)[];
         isOpen: boolean;
-        list: {
-            text: string | undefined;
-            hasCheckBox: boolean;
-            isChecked: boolean;
-        }[];
+        list: (string | undefined)[];
+        checked: (string | undefined)[];
     }>;
 }
 
@@ -222,4 +237,61 @@ export declare const selectSelectors: {
     rootComponent: string;
 };
 
+export declare class SliderPO extends BasePO {
+    selectors: {
+        rootComponent: string;
+        clickableArea: string;
+        handle: string;
+        minLabelHorizontal: string;
+        maxLabelHorizontal: string;
+        minLabelVertical: string;
+        maxLabelVertical: string;
+        valueLabel: string;
+        progress: string;
+    };
+    getComponentSelector(): string;
+    get locatorHandle(): Locator;
+    get locatorMinLabelHorizontal(): Locator;
+    get locatorMaxLabelHorizontal(): Locator;
+    get locatorMinLabelVertical(): Locator;
+    get locatorMaxLabelVertical(): Locator;
+    get locatorProgress(): Locator;
+    get locatorValueLabel(): Locator;
+    sliderHandleState(): Promise<{
+        style: string | null;
+        value: string | null;
+        min: string | null;
+        max: string | null;
+        text: string | null;
+        disabled: string | null;
+        readonly: string | null;
+        ariaLabel: string | null;
+    }[]>;
+    sliderProgressState(): Promise<(string | null)[]>;
+}
+
+export declare const sliderSelectors: {
+    rootComponent: string;
+    clickableArea: string;
+    handle: string;
+    minLabelHorizontal: string;
+    maxLabelHorizontal: string;
+    minLabelVertical: string;
+    maxLabelVertical: string;
+    valueLabel: string;
+    progress: string;
+};
+
+export declare interface State {
+    ariaLabel: string | null;
+    ariaValueNow: string | null;
+    ariaValueMin: string | null;
+    ariaValueMax: string | null;
+    ariaValueText: string | null;
+    label: string | null | undefined;
+    innerClasses: string[];
+    outerHeight: string | undefined;
+    innerWidth: string | undefined;
+}
+
 export { }

package/dist/lib/index.js

@@ -1 +1 @@
-"use strict";var x=Object.defineProperty;var R=(s,e,t)=>e in s?x(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var l=(s,e,t)=>(R(s,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@agnos-ui/base-po"),A={rootComponent:".modal",closeButton:".btn-close",backdrop:"xpath=./preceding-sibling::div[contains(@class,'modal-backdrop')]",header:".modal-header",title:".modal-title",body:".modal-body",footer:".modal-footer"};class v extends n.BasePO{constructor(){super(...arguments);l(this,"selectors",structuredClone(A))}getComponentSelector(){return this.selectors.rootComponent}locatorHeader(){return this.locatorRoot.locator(this.selectors.header)}locatorTitle(){return this.locatorHeader().locator(this.selectors.title)}locatorBody(){return this.locatorRoot.locator(this.selectors.body)}locatorFooter(){return this.locatorRoot.locator(this.selectors.footer)}locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}locatorBackdrop(){return this.locatorRoot.locator(this.selectors.backdrop)}}const C={rootComponent:".au-pagination",activePage:".active",previousPage:".au-previous",nextPage:".au-next",firstPage:".au-first",lastPage:".au-last",pages:".au-page",ellipses:".au-ellipsis"};class f extends n.BasePO{constructor(){super(...arguments);l(this,"selectors",structuredClone(C))}getComponentSelector(){return this.selectors.rootComponent}get locatorActivePage(){return this.locatorRoot.locator(this.selectors.activePage)}get locatorPreviousButton(){return this.locatorRoot.locator(this.selectors.previousPage)}get locatorNextButton(){return this.locatorRoot.locator(this.selectors.nextPage)}get locatorFirstButton(){return this.locatorRoot.locator(this.selectors.firstPage)}get locatorLastButton(){return this.locatorRoot.locator(this.selectors.lastPage)}get locatorPages(){return this.locatorRoot.locator(this.selectors.pages)}locatorNthPage(t){return this.locatorRoot.locator(this.selectors.pages).nth(t-1)}locatorPage(t){return this.locatorRoot.locator(this.selectors.pages,{hasText:t})}get locatorEllipses(){return this.locatorRoot.locator(this.selectors.ellipses)}}const P={rootComponent:".au-rating",star:".au-rating-star"};class O extends n.BasePO{constructor(){super(...arguments);l(this,"selectors",structuredClone(P))}getComponentSelector(){return this.selectors.rootComponent}locatorStar(t){return this.locatorRoot.locator(this.selectors.star).nth(t)}async state(){return await this.locatorRoot.evaluate((t,i)=>{const c=[...t.querySelectorAll(i.star)],a=[],r=[];for(const o of c)a.push((o.textContent||"").trim()),r.push(o.className.split(" "));return{rootClasses:t.className.trim().split(" "),value:t.getAttribute("aria-valuenow"),min:t.getAttribute("aria-valuemin"),max:t.getAttribute("aria-valuemax"),text:t.getAttribute("aria-valuetext"),disabled:t.getAttribute("aria-disabled"),readonly:t.getAttribute("aria-readonly"),stars:a,classes:r}},this.selectors)}}const S={rootComponent:".au-select"};class I extends n.BasePO{constructor(){super(...arguments);l(this,"selectors",structuredClone(S))}getComponentSelector(){return this.selectors.rootComponent}get locatorInput(){return this.locatorRoot.locator("div.input-group").locator("input")}get locatorMenu(){return this.locatorRoot.locator(".dropdown-menu")}locatorMenuItem(t){return this.locatorMenu.getByText(t).nth(0)}get locatorBadges(){return this.locatorRoot.locator("div.input-group").locator(".input-group-text")}locatorBadgeItem(t){return this.locatorBadges.locator("div.badge").filter({hasText:t}).nth(0)}locatorBadgeItemCross(t){return this.locatorBadgeItem(t).getByRole("button")}async state(){return await this.locatorRoot.evaluate(t=>{var m;const i=t.querySelector(".input-group"),c=t.querySelector("div.input-group-text"),a=i.querySelector("input"),r=[];if(c){const g=c.querySelectorAll("div.badge");for(const u of g){const d=[...u.children];r.push([...d.map(h=>(h.textContent??"").trim())])}}const o=t.querySelector("ul.dropdown-menu"),B=o!=null,p=[];if(o!=null){const g=o.querySelectorAll("li.dropdown-item");for(const u of g){let d=!1,h=!1;const b=u.querySelector("input.form-check-input");b&&(d=!0,h=b.checked),p.push({text:(m=u.textContent)==null?void 0:m.trim(),hasCheckBox:d,isChecked:h})}}return{text:a.value,badges:r,isOpen:B,list:p}})}}const y={rootComponent:".alert",closeButton:".btn-close"};class q extends n.BasePO{constructor(){super(...arguments);l(this,"selectors",structuredClone(y))}getComponentSelector(){return this.selectors.rootComponent}locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}}class k extends n.BasePO{constructor(){super(...arguments);l(this,"selectors",{item:".accordion-item",collapse:".accordion-collapse",body:".accordion-body",header:".accordion-header",buttons:".accordion-button"})}getComponentSelector(){return".accordion"}get locatorAccordionItems(){return this.locatorRoot.locator(this.selectors.item)}locatorAccordionItem(t){return this.locatorRoot.locator(this.selectors.item).nth(t)}get locatorAccordionCollapses(){return this.locatorAccordionItems.locator(this.selectors.collapse)}locatorAccordionCollapse(t){return this.locatorAccordionItem(t).locator(this.selectors.collapse)}get locatorAccordionBodies(){return this.locatorAccordionCollapses.locator(this.selectors.body)}locatorAccordionBody(t){return this.locatorAccordionCollapse(t).locator(this.selectors.body)}get locatorAccordionHeaders(){return this.locatorAccordionItems.locator(this.selectors.header)}locatorAccordionHeader(t){return this.locatorAccordionItem(t).locator(this.selectors.header)}get locatorAccordionButtons(){return this.locatorAccordionHeaders.locator(this.selectors.buttons)}locatorAccordionButton(t){return this.locatorAccordionHeader(t).locator(this.selectors.buttons)}async state(){return await this.locatorRoot.evaluate(t=>{const i=[...t.querySelectorAll(".accordion-item")],c=[];for(const a of i){const r=a.querySelector(".accordion-collapse"),o=a.querySelector(".accordion-button");c.push({classes:a.className.trim().split(" "),id:a.id,isInDOM:r!==null,collapseId:r==null?void 0:r.id,buttonId:o==null?void 0:o.id,expanded:o==null?void 0:o.getAttribute("aria-expanded"),disabled:o==null?void 0:o.getAttribute("aria-disabled"),labeledBy:r==null?void 0:r.getAttribute("aria-labelledby"),buttonControls:o==null?void 0:o.getAttribute("aria-controls")})}return{rootClasses:t.className.trim().split(" "),items:c}})}}exports.AccordionPO=k;exports.AlertPO=q;exports.ModalPO=v;exports.PaginationPO=f;exports.RatingPO=O;exports.SelectPO=I;exports.alertSelectors=y;exports.modalSelectors=A;exports.paginationSelectors=C;exports.ratingSelectors=P;exports.selectSelectors=S;
+"use strict";var R=Object.defineProperty;var B=(s,a,t)=>a in s?R(s,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[a]=t;var i=(s,a,t)=>(B(s,typeof a!="symbol"?a+"":a,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@agnos-ui/base-po"),A={rootComponent:".modal",closeButton:".btn-close",backdrop:"xpath=./preceding-sibling::div[contains(@class,'modal-backdrop')]",header:".modal-header",title:".modal-title",body:".modal-body",footer:".modal-footer"};class O extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(A))}getComponentSelector(){return this.selectors.rootComponent}get locatorHeader(){return this.locatorRoot.locator(this.selectors.header)}get locatorTitle(){return this.locatorHeader.locator(this.selectors.title)}get locatorBody(){return this.locatorRoot.locator(this.selectors.body)}get locatorFooter(){return this.locatorRoot.locator(this.selectors.footer)}get locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}get locatorBackdrop(){return this.locatorRoot.locator(this.selectors.backdrop)}}const x={rootComponent:".au-pagination",activePage:".active",previousPage:".au-previous",nextPage:".au-next",firstPage:".au-first",lastPage:".au-last",pages:".au-page",ellipses:".au-ellipsis"};class f extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(x))}getComponentSelector(){return this.selectors.rootComponent}get locatorActivePage(){return this.locatorRoot.locator(this.selectors.activePage)}get locatorPreviousButton(){return this.locatorRoot.locator(this.selectors.previousPage)}get locatorNextButton(){return this.locatorRoot.locator(this.selectors.nextPage)}get locatorFirstButton(){return this.locatorRoot.locator(this.selectors.firstPage)}get locatorLastButton(){return this.locatorRoot.locator(this.selectors.lastPage)}get locatorPages(){return this.locatorRoot.locator(this.selectors.pages)}locatorNthPage(t){return this.locatorRoot.locator(this.selectors.pages).nth(t-1)}locatorPage(t){return this.locatorRoot.locator(this.selectors.pages,{hasText:t})}get locatorEllipses(){return this.locatorRoot.locator(this.selectors.ellipses)}}const P={rootComponent:".au-rating",star:".au-rating-star"};class L extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(P))}getComponentSelector(){return this.selectors.rootComponent}locatorStar(t){return this.locatorRoot.locator(this.selectors.star).nth(t)}async state(){return await this.locatorRoot.evaluate((t,e)=>{const c=[...t.querySelectorAll(e.star)],l=[],r=[];for(const o of c)l.push((o.textContent||"").trim()),r.push(o.className.split(" "));return{rootClasses:t.className.trim().split(" "),value:t.getAttribute("aria-valuenow"),min:t.getAttribute("aria-valuemin"),max:t.getAttribute("aria-valuemax"),text:t.getAttribute("aria-valuetext"),disabled:t.getAttribute("aria-disabled"),readonly:t.getAttribute("aria-readonly"),stars:l,classes:r}},this.selectors)}}const C={rootComponent:".au-select"};class H extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(C))}getComponentSelector(){return this.selectors.rootComponent}get locatorInput(){return this.locatorRoot.locator('input[type="text"]').nth(0)}get locatorMenu(){return this.locatorRoot.locator(".dropdown-menu")}get locatorMenuItems(){return this.locatorMenu.locator(".au-select-item")}locatorMenuItem(t){return this.locatorMenu.getByText(t).nth(0)}get locatorBadges(){return this.locatorRoot.locator("div.au-select-badge")}locatorBadgeItem(t){return this.locatorBadges.filter({hasText:t}).nth(0)}async state(){return await this.locatorRoot.evaluate(t=>{var g,b;const e=t.querySelector('div[role="combobox"]'),c=t.querySelector('input[type="text"]'),l=[];if(e){const m=e.querySelectorAll("div.au-select-badge");for(const u of m)l.push((g=u==null?void 0:u.textContent)==null?void 0:g.trim())}const r=t.querySelector("ul.dropdown-menu"),o=r!=null,d=[],h=[];if(r!=null){const m=r.querySelectorAll("li.dropdown-item");for(const u of m){const p=(b=u.textContent)==null?void 0:b.trim();d.push(p),u.classList.contains("selected")&&h.push(p)}}return{text:c.value,badges:l,isOpen:o,list:d,checked:h}})}}const y={rootComponent:".alert",closeButton:".btn-close"};class M extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(y))}getComponentSelector(){return this.selectors.rootComponent}get locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}}class I extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",{item:".accordion-item",collapse:".accordion-collapse",body:".accordion-body",header:".accordion-header",buttons:".accordion-button"})}getComponentSelector(){return".accordion"}get locatorAccordionItems(){return this.locatorRoot.locator(this.selectors.item)}locatorAccordionItem(t){return this.locatorRoot.locator(this.selectors.item).nth(t)}get locatorAccordionCollapses(){return this.locatorAccordionItems.locator(this.selectors.collapse)}locatorAccordionCollapse(t){return this.locatorAccordionItem(t).locator(this.selectors.collapse)}get locatorAccordionBodies(){return this.locatorAccordionCollapses.locator(this.selectors.body)}locatorAccordionBody(t){return this.locatorAccordionCollapse(t).locator(this.selectors.body)}get locatorAccordionHeaders(){return this.locatorAccordionItems.locator(this.selectors.header)}locatorAccordionHeader(t){return this.locatorAccordionItem(t).locator(this.selectors.header)}get locatorAccordionButtons(){return this.locatorAccordionHeaders.locator(this.selectors.buttons)}locatorAccordionButton(t){return this.locatorAccordionHeader(t).locator(this.selectors.buttons)}async state(){return await this.locatorRoot.evaluate(t=>{const e=[...t.querySelectorAll(".accordion-item")],c=[];for(const l of e){const r=l.querySelector(".accordion-collapse"),o=l.querySelector(".accordion-button");c.push({classes:l.className.trim().split(" "),id:l.id,isInDOM:r!==null,collapseId:r==null?void 0:r.id,buttonId:o==null?void 0:o.id,expanded:o==null?void 0:o.getAttribute("aria-expanded"),disabled:o==null?void 0:o.getAttribute("aria-disabled"),labeledBy:r==null?void 0:r.getAttribute("aria-labelledby"),buttonControls:o==null?void 0:o.getAttribute("aria-controls")})}return{rootClasses:t.className.trim().split(" "),items:c}})}}const S={rootComponent:'[role="progressbar"]',outerBar:".progress",innerBar:".progress-bar"};class q extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(S))}getComponentSelector(){return this.selectors.rootComponent}get locatorOuterBar(){return this.locatorRoot.locator(this.selectors.outerBar)}get locatorInnerBar(){return this.locatorRoot.locator(this.selectors.innerBar)}async state(){return this.locatorRoot.evaluate(t=>{var l,r,o,d,h,g;const e=t.querySelector(".progress-bar"),c=t.querySelector(".progress");return{ariaLabel:t.getAttribute("aria-label"),ariaValueNow:t.getAttribute("aria-valuenow"),ariaValueMin:t.getAttribute("aria-valuemin"),ariaValueMax:t.getAttribute("aria-valuemax"),ariaValueText:t.getAttribute("aria-valuetext"),label:(l=e==null?void 0:e.textContent)==null?void 0:l.trim(),innerClasses:((d=(o=(r=e==null?void 0:e.className)==null?void 0:r.trim())==null?void 0:o.split(" "))==null?void 0:d.sort())??[],outerHeight:(h=c==null?void 0:c.style)==null?void 0:h.height,innerWidth:(g=e==null?void 0:e.style)==null?void 0:g.width}})}}const v={rootComponent:".au-slider",clickableArea:".au-slider-clickable-area",handle:".au-slider-handle",minLabelHorizontal:".au-slider-label-min",maxLabelHorizontal:".au-slider-label-max",minLabelVertical:".au-slider-label-vertical-min",maxLabelVertical:".au-slider-label-vertical-max",valueLabel:".au-slider-label-now",progress:".au-slider-progress"};class w extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(v))}getComponentSelector(){return this.selectors.rootComponent}get locatorHandle(){return this.locatorRoot.locator(this.selectors.handle)}get locatorMinLabelHorizontal(){return this.locatorRoot.locator(this.selectors.minLabelHorizontal)}get locatorMaxLabelHorizontal(){return this.locatorRoot.locator(this.selectors.maxLabelHorizontal)}get locatorMinLabelVertical(){return this.locatorRoot.locator(this.selectors.minLabelVertical)}get locatorMaxLabelVertical(){return this.locatorRoot.locator(this.selectors.maxLabelVertical)}get locatorProgress(){return this.locatorRoot.locator(this.selectors.progress)}get locatorValueLabel(){return this.locatorRoot.locator(this.selectors.valueLabel)}async sliderHandleState(){return this.locatorRoot.locator(this.selectors.handle).evaluateAll(t=>t.map(e=>({style:e.getAttribute("style"),value:e.getAttribute("aria-valuenow"),min:e.getAttribute("aria-valuemin"),max:e.getAttribute("aria-valuemax"),text:e.getAttribute("aria-valuetext"),disabled:e.getAttribute("aria-disabled"),readonly:e.getAttribute("aria-readonly"),ariaLabel:e.getAttribute("aria-label")})))}async sliderProgressState(){return this.locatorRoot.locator(this.selectors.progress).evaluateAll(t=>t.map(e=>e.getAttribute("style")))}}exports.AccordionPO=I;exports.AlertPO=M;exports.ModalPO=O;exports.PaginationPO=f;exports.ProgressbarPO=q;exports.RatingPO=L;exports.SelectPO=H;exports.SliderPO=w;exports.alertSelectors=y;exports.modalSelectors=A;exports.paginationSelectors=x;exports.progressbarSelectors=S;exports.ratingSelectors=P;exports.selectSelectors=C;exports.sliderSelectors=v;

package/dist/lib/index.mjs

@@ -1,8 +1,8 @@
 var A = Object.defineProperty;
-var x = (s, e, t) => e in s ? A(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var l = (s, e, t) => (x(s, typeof e != "symbol" ? e + "" : e, t), t);
+var x = (s, a, t) => a in s ? A(s, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[a] = t;
+var i = (s, a, t) => (x(s, typeof a != "symbol" ? a + "" : a, t), t);
 import { BasePO as n } from "@agnos-ui/base-po";
-const y = {
+const C = {
   // TODO: should we use bootstrap-independent classes starting with au- ?
   rootComponent: ".modal",
   closeButton: ".btn-close",
@@ -12,35 +12,34 @@ const y = {
   body: ".modal-body",
   footer: ".modal-footer"
 };
-class I extends n {
+class H extends n {
   constructor() {
     super(...arguments);
-    l(this, "selectors", structuredClone(y));
+    i(this, "selectors", structuredClone(C));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
-  // TODO: should we expose getters instead?
-  locatorHeader() {
+  get locatorHeader() {
     return this.locatorRoot.locator(this.selectors.header);
   }
-  locatorTitle() {
-    return this.locatorHeader().locator(this.selectors.title);
+  get locatorTitle() {
+    return this.locatorHeader.locator(this.selectors.title);
   }
-  locatorBody() {
+  get locatorBody() {
     return this.locatorRoot.locator(this.selectors.body);
   }
-  locatorFooter() {
+  get locatorFooter() {
     return this.locatorRoot.locator(this.selectors.footer);
   }
-  locatorCloseButton() {
+  get locatorCloseButton() {
     return this.locatorRoot.locator(this.selectors.closeButton);
   }
-  locatorBackdrop() {
+  get locatorBackdrop() {
     return this.locatorRoot.locator(this.selectors.backdrop);
   }
 }
-const B = {
+const y = {
   rootComponent: ".au-pagination",
   activePage: ".active",
   previousPage: ".au-previous",
@@ -50,10 +49,10 @@ const B = {
   pages: ".au-page",
   ellipses: ".au-ellipsis"
 };
-class q extends n {
+class I extends n {
   constructor() {
     super(...arguments);
-    l(this, "selectors", structuredClone(B));
+    i(this, "selectors", structuredClone(y));
   }
   // TODO should we add this in the list of selector ?
   // Depend on the setSelectors usage...
@@ -114,14 +113,14 @@ class q extends n {
     return this.locatorRoot.locator(this.selectors.ellipses);
   }
 }
-const R = {
+const v = {
   rootComponent: ".au-rating",
   star: ".au-rating-star"
 };
-class k extends n {
+class M extends n {
   constructor() {
     super(...arguments);
-    l(this, "selectors", structuredClone(R));
+    i(this, "selectors", structuredClone(v));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -135,10 +134,10 @@ class k extends n {
   // TODO to be pushed to the test itself
   // We already discuss with Guillaume Saas not to put this in the basic PO which should only return locator basically
   async state() {
-    return await this.locatorRoot.evaluate((t, i) => {
-      const a = [...t.querySelectorAll(i.star)], c = [], r = [];
-      for (const o of a)
-        c.push((o.textContent || "").trim()), r.push(o.className.split(" "));
+    return await this.locatorRoot.evaluate((t, e) => {
+      const c = [...t.querySelectorAll(e.star)], l = [], r = [];
+      for (const o of c)
+        l.push((o.textContent || "").trim()), r.push(o.className.split(" "));
       return {
         rootClasses: t.className.trim().split(" "),
         value: t.getAttribute("aria-valuenow"),
@@ -147,20 +146,20 @@ class k extends n {
         text: t.getAttribute("aria-valuetext"),
         disabled: t.getAttribute("aria-disabled"),
         readonly: t.getAttribute("aria-readonly"),
-        stars: c,
+        stars: l,
         classes: r
       };
     }, this.selectors);
   }
 }
-const S = {
+const R = {
   rootComponent: ".au-select"
   // TODO add selector list
 };
-class O extends n {
+class w extends n {
   constructor() {
     super(...arguments);
-    l(this, "selectors", structuredClone(S));
+    i(this, "selectors", structuredClone(R));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -169,7 +168,7 @@ class O extends n {
    * Get the main title locator of the feature page
    */
   get locatorInput() {
-    return this.locatorRoot.locator("div.input-group").locator("input");
+    return this.locatorRoot.locator('input[type="text"]').nth(0);
   }
   /**
    * Menu container
@@ -177,6 +176,12 @@ class O extends n {
   get locatorMenu() {
     return this.locatorRoot.locator(".dropdown-menu");
   }
+  /**
+   * Return the first menu item locator including the text
+   */
+  get locatorMenuItems() {
+    return this.locatorMenu.locator(".au-select-item");
+  }
   /**
    * Return the first menu item locator including the text
    */
@@ -187,75 +192,61 @@ class O extends n {
    * Bages container
    */
   get locatorBadges() {
-    return this.locatorRoot.locator("div.input-group").locator(".input-group-text");
+    return this.locatorRoot.locator("div.au-select-badge");
   }
   /**
    * Return the first badge locator including the text
    */
   locatorBadgeItem(t) {
-    return this.locatorBadges.locator("div.badge").filter({ hasText: t }).nth(0);
-  }
-  /**
-   * Return the cross locator for the first badge including the text
-   */
-  locatorBadgeItemCross(t) {
-    return this.locatorBadgeItem(t).getByRole("button");
+    return this.locatorBadges.filter({ hasText: t }).nth(0);
   }
-  // TODO to be pushed to the test itself
-  // We already discuss with Guillaume Saas not to put this in the basic PO which should only return locator basically
   async state() {
     return await this.locatorRoot.evaluate((t) => {
-      var m;
-      const i = t.querySelector(".input-group"), a = t.querySelector("div.input-group-text"), c = i.querySelector("input"), r = [];
-      if (a) {
-        const p = a.querySelectorAll("div.badge");
-        for (const u of p) {
-          const d = [...u.children];
-          r.push([...d.map((h) => (h.textContent ?? "").trim())]);
-        }
+      var g, p;
+      const e = t.querySelector('div[role="combobox"]'), c = t.querySelector('input[type="text"]'), l = [];
+      if (e) {
+        const m = e.querySelectorAll("div.au-select-badge");
+        for (const u of m)
+          l.push((g = u == null ? void 0 : u.textContent) == null ? void 0 : g.trim());
       }
-      const o = t.querySelector("ul.dropdown-menu"), C = o != null, g = [];
-      if (o != null) {
-        const p = o.querySelectorAll("li.dropdown-item");
-        for (const u of p) {
-          let d = !1, h = !1;
-          const b = u.querySelector("input.form-check-input");
-          b && (d = !0, h = b.checked), g.push({
-            text: (m = u.textContent) == null ? void 0 : m.trim(),
-            hasCheckBox: d,
-            isChecked: h
-          });
+      const r = t.querySelector("ul.dropdown-menu"), o = r != null, d = [], h = [];
+      if (r != null) {
+        const m = r.querySelectorAll("li.dropdown-item");
+        for (const u of m) {
+          const b = (p = u.textContent) == null ? void 0 : p.trim();
+          d.push(b), u.classList.contains("selected") && h.push(b);
         }
       }
       return {
         text: c.value,
-        badges: r,
-        isOpen: C,
-        list: g
+        badges: l,
+        isOpen: o,
+        list: d,
+        checked: h
       };
     });
   }
 }
-const f = {
+const S = {
   rootComponent: ".alert",
   closeButton: ".btn-close"
 };
-class w extends n {
+class O extends n {
   constructor() {
     super(...arguments);
-    l(this, "selectors", structuredClone(f));
+    i(this, "selectors", structuredClone(S));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
   }
-  locatorCloseButton() {
+  get locatorCloseButton() {
     return this.locatorRoot.locator(this.selectors.closeButton);
   }
 }
-class E extends n {
+class q extends n {
   constructor() {
     super(...arguments);
-    l(this, "selectors", {
+    i(this, "selectors", {
       item: ".accordion-item",
       collapse: ".accordion-collapse",
       body: ".accordion-body",
@@ -313,12 +304,12 @@ class E extends n {
   }
   async state() {
     return await this.locatorRoot.evaluate((t) => {
-      const i = [...t.querySelectorAll(".accordion-item")], a = [];
-      for (const c of i) {
-        const r = c.querySelector(".accordion-collapse"), o = c.querySelector(".accordion-button");
-        a.push({
-          classes: c.className.trim().split(" "),
-          id: c.id,
+      const e = [...t.querySelectorAll(".accordion-item")], c = [];
+      for (const l of e) {
+        const r = l.querySelector(".accordion-collapse"), o = l.querySelector(".accordion-button");
+        c.push({
+          classes: l.className.trim().split(" "),
+          id: l.id,
           isInDOM: r !== null,
           collapseId: r == null ? void 0 : r.id,
           buttonId: o == null ? void 0 : o.id,
@@ -328,20 +319,117 @@ class E extends n {
           buttonControls: o == null ? void 0 : o.getAttribute("aria-controls")
         });
       }
-      return { rootClasses: t.className.trim().split(" "), items: a };
+      return { rootClasses: t.className.trim().split(" "), items: c };
+    });
+  }
+}
+const P = {
+  rootComponent: '[role="progressbar"]',
+  outerBar: ".progress",
+  innerBar: ".progress-bar"
+};
+class V extends n {
+  constructor() {
+    super(...arguments);
+    i(this, "selectors", structuredClone(P));
+  }
+  getComponentSelector() {
+    return this.selectors.rootComponent;
+  }
+  get locatorOuterBar() {
+    return this.locatorRoot.locator(this.selectors.outerBar);
+  }
+  get locatorInnerBar() {
+    return this.locatorRoot.locator(this.selectors.innerBar);
+  }
+  async state() {
+    return this.locatorRoot.evaluate((t) => {
+      var l, r, o, d, h, g;
+      const e = t.querySelector(".progress-bar"), c = t.querySelector(".progress");
+      return {
+        ariaLabel: t.getAttribute("aria-label"),
+        ariaValueNow: t.getAttribute("aria-valuenow"),
+        ariaValueMin: t.getAttribute("aria-valuemin"),
+        ariaValueMax: t.getAttribute("aria-valuemax"),
+        ariaValueText: t.getAttribute("aria-valuetext"),
+        label: (l = e == null ? void 0 : e.textContent) == null ? void 0 : l.trim(),
+        innerClasses: ((d = (o = (r = e == null ? void 0 : e.className) == null ? void 0 : r.trim()) == null ? void 0 : o.split(" ")) == null ? void 0 : d.sort()) ?? [],
+        outerHeight: (h = c == null ? void 0 : c.style) == null ? void 0 : h.height,
+        innerWidth: (g = e == null ? void 0 : e.style) == null ? void 0 : g.width
+      };
     });
   }
 }
+const B = {
+  rootComponent: ".au-slider",
+  clickableArea: ".au-slider-clickable-area",
+  handle: ".au-slider-handle",
+  minLabelHorizontal: ".au-slider-label-min",
+  maxLabelHorizontal: ".au-slider-label-max",
+  minLabelVertical: ".au-slider-label-vertical-min",
+  maxLabelVertical: ".au-slider-label-vertical-max",
+  valueLabel: ".au-slider-label-now",
+  progress: ".au-slider-progress"
+};
+class k extends n {
+  constructor() {
+    super(...arguments);
+    i(this, "selectors", structuredClone(B));
+  }
+  getComponentSelector() {
+    return this.selectors.rootComponent;
+  }
+  get locatorHandle() {
+    return this.locatorRoot.locator(this.selectors.handle);
+  }
+  get locatorMinLabelHorizontal() {
+    return this.locatorRoot.locator(this.selectors.minLabelHorizontal);
+  }
+  get locatorMaxLabelHorizontal() {
+    return this.locatorRoot.locator(this.selectors.maxLabelHorizontal);
+  }
+  get locatorMinLabelVertical() {
+    return this.locatorRoot.locator(this.selectors.minLabelVertical);
+  }
+  get locatorMaxLabelVertical() {
+    return this.locatorRoot.locator(this.selectors.maxLabelVertical);
+  }
+  get locatorProgress() {
+    return this.locatorRoot.locator(this.selectors.progress);
+  }
+  get locatorValueLabel() {
+    return this.locatorRoot.locator(this.selectors.valueLabel);
+  }
+  async sliderHandleState() {
+    return this.locatorRoot.locator(this.selectors.handle).evaluateAll((t) => t.map((e) => ({
+      style: e.getAttribute("style"),
+      value: e.getAttribute("aria-valuenow"),
+      min: e.getAttribute("aria-valuemin"),
+      max: e.getAttribute("aria-valuemax"),
+      text: e.getAttribute("aria-valuetext"),
+      disabled: e.getAttribute("aria-disabled"),
+      readonly: e.getAttribute("aria-readonly"),
+      ariaLabel: e.getAttribute("aria-label")
+    })));
+  }
+  async sliderProgressState() {
+    return this.locatorRoot.locator(this.selectors.progress).evaluateAll((t) => t.map((e) => e.getAttribute("style")));
+  }
+}
 export {
-  E as AccordionPO,
-  w as AlertPO,
-  I as ModalPO,
-  q as PaginationPO,
-  k as RatingPO,
-  O as SelectPO,
-  f as alertSelectors,
-  y as modalSelectors,
-  B as paginationSelectors,
-  R as ratingSelectors,
-  S as selectSelectors
+  q as AccordionPO,
+  O as AlertPO,
+  H as ModalPO,
+  I as PaginationPO,
+  V as ProgressbarPO,
+  M as RatingPO,
+  w as SelectPO,
+  k as SliderPO,
+  S as alertSelectors,
+  C as modalSelectors,
+  y as paginationSelectors,
+  P as progressbarSelectors,
+  v as ratingSelectors,
+  R as selectSelectors,
+  B as sliderSelectors
 };

package/package.json

@@ -12,15 +12,58 @@
 	],
 	"main": "dist/lib/index.js",
 	"module": "dist/lib/index.mjs",
-	"types": "dist/lib/index.d.ts",
+	"types": "dist/dts/index.d.ts",
 	"scripts": {
-		"build": "npm run build:rollup && npm run build:dts && npm run build:api-extractor",
-		"build:rollup": "tsc && vite build -c vite.config.ts",
-		"build:dts": "tsc -p tsconfig.d.json",
-		"build:api-extractor": "api-extractor run"
+		"build": "wireit"
+	},
+	"wireit": {
+		"build:src": {
+			"command": "vite build",
+			"dependencies": [
+				"../base-po:build"
+			],
+			"files": [
+				"lib/**",
+				"vite.config.ts"
+			],
+			"output": [
+				"dist/lib/index.js",
+				"dist/lib/index.mjs"
+			]
+		},
+		"build:dts": {
+			"command": "tsc -p tsconfig.d.json",
+			"dependencies": [
+				"../base-po:build"
+			],
+			"files": [
+				"lib/**",
+				"tsconfig.json",
+				"tsconfig.d.json"
+			],
+			"output": [
+				"dist/dts/**"
+			]
+		},
+		"build": {
+			"command": "api-extractor run",
+			"dependencies": [
+				"build:src",
+				"build:dts"
+			],
+			"files": [
+				"api-extractor.json",
+				"../api-extractor.json",
+				"tsconfig.json",
+				"tsconfig.d.json"
+			],
+			"output": [
+				"dist/lib/index.d.ts"
+			]
+		}
 	},
 	"dependencies": {
-		"@agnos-ui/base-po": "0.0.1-alpha.0"
+		"@agnos-ui/base-po": "0.0.1-alpha.10"
 	},
 	"peerDependencies": {
 		"@playwright/test": "*"
@@ -35,5 +78,5 @@
 		"url": "https://github.com/AmadeusITGroup/AgnosUI.git",
 		"directory": "page-objects"
 	},
-	"version": "0.0.1-alpha.0"
+	"version": "0.0.1-alpha.10"
 }

package/dist/lib/tsdoc-metadata.json

@@ -1,11 +0,0 @@
-// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
-// It should be published with your NPM package.  It should not be tracked by Git.
-{
-  "tsdocVersion": "0.12",
-  "toolPackages": [
-    {
-      "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.36.4"
-    }
-  ]
-}