@agnos-ui/page-objects 0.0.1-alpha.3 → 0.0.1-alpha.4

package/dist/lib/index.d.ts

@@ -240,6 +240,46 @@ 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;
+        sliderProgress: string;
+    };
+    getComponentSelector(): string;
+    get locatorHandle(): Locator;
+    get locatorMinLabelHorizontal(): Locator;
+    get locatorMaxLabelHorizontal(): Locator;
+    get locatorMinLabelVertical(): Locator;
+    get locatorMaxLabelVertical(): Locator;
+    sliderHandleState(): Promise<{
+        style: string | null;
+        value: string | null;
+        min: string | null;
+        max: string | null;
+        text: string | null;
+        disabled: string | null;
+        readonly: string | null;
+    }[]>;
+    sliderProgressState(): Promise<(string | null)[]>;
+}
+
+export declare const sliderSelectors: {
+    rootComponent: string;
+    clickableArea: string;
+    handle: string;
+    minLabelHorizontal: string;
+    maxLabelHorizontal: string;
+    minLabelVertical: string;
+    maxLabelVertical: string;
+    sliderProgress: string;
+};
+
 export declare interface State {
     ariaLabel: string | null;
     ariaValueNow: string | null;

package/dist/lib/index.js

@@ -1 +1 @@
-"use strict";var R=Object.defineProperty;var v=(a,s,t)=>s in a?R(a,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[s]=t;var n=(a,s,t)=>(v(a,typeof s!="symbol"?s+"":s,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=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 i.BasePO{constructor(){super(...arguments);n(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 P={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 i.BasePO{constructor(){super(...arguments);n(this,"selectors",structuredClone(P))}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 S={rootComponent:".au-rating",star:".au-rating-star"};class I extends i.BasePO{constructor(){super(...arguments);n(this,"selectors",structuredClone(S))}getComponentSelector(){return this.selectors.rootComponent}locatorStar(t){return this.locatorRoot.locator(this.selectors.star).nth(t)}async state(){return await this.locatorRoot.evaluate((t,r)=>{const c=[...t.querySelectorAll(r.star)],l=[],e=[];for(const o of c)l.push((o.textContent||"").trim()),e.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:e}},this.selectors)}}const y={rootComponent:".au-select"};class q extends i.BasePO{constructor(){super(...arguments);n(this,"selectors",structuredClone(y))}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 d;const r=t.querySelector(".input-group"),c=t.querySelector("div.input-group-text"),l=r.querySelector("input"),e=[];if(c){const b=c.querySelectorAll("div.badge");for(const h of b){const p=[...h.children];e.push([...p.map(m=>(m.textContent??"").trim())])}}const o=t.querySelector("ul.dropdown-menu"),g=o!=null,u=[];if(o!=null){const b=o.querySelectorAll("li.dropdown-item");for(const h of b){let p=!1,m=!1;const C=h.querySelector("input.form-check-input");C&&(p=!0,m=C.checked),u.push({text:(d=h.textContent)==null?void 0:d.trim(),hasCheckBox:p,isChecked:m})}}return{text:l.value,badges:e,isOpen:g,list:u}})}}const x={rootComponent:".alert",closeButton:".btn-close"};class w extends i.BasePO{constructor(){super(...arguments);n(this,"selectors",structuredClone(x))}getComponentSelector(){return this.selectors.rootComponent}get locatorCloseButton(){return this.locatorRoot.locator(this.selectors.closeButton)}}class k extends i.BasePO{constructor(){super(...arguments);n(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 r=[...t.querySelectorAll(".accordion-item")],c=[];for(const l of r){const e=l.querySelector(".accordion-collapse"),o=l.querySelector(".accordion-button");c.push({classes:l.className.trim().split(" "),id:l.id,isInDOM:e!==null,collapseId:e==null?void 0:e.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:e==null?void 0:e.getAttribute("aria-labelledby"),buttonControls:o==null?void 0:o.getAttribute("aria-controls")})}return{rootClasses:t.className.trim().split(" "),items:c}})}}const B={rootComponent:'[role="progressbar"]',outerBar:".progress",innerBar:".progress-bar"};class M extends i.BasePO{constructor(){super(...arguments);n(this,"selectors",structuredClone(B))}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,e,o,g,u,d;const r=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=r==null?void 0:r.textContent)==null?void 0:l.trim(),innerClasses:((g=(o=(e=r==null?void 0:r.className)==null?void 0:e.trim())==null?void 0:o.split(" "))==null?void 0:g.sort())??[],outerHeight:(u=c==null?void 0:c.style)==null?void 0:u.height,innerWidth:(d=r==null?void 0:r.style)==null?void 0:d.width}})}}exports.AccordionPO=k;exports.AlertPO=w;exports.ModalPO=O;exports.PaginationPO=f;exports.ProgressbarPO=M;exports.RatingPO=I;exports.SelectPO=q;exports.alertSelectors=x;exports.modalSelectors=A;exports.paginationSelectors=P;exports.progressbarSelectors=B;exports.ratingSelectors=S;exports.selectSelectors=y;
+"use strict";var B=Object.defineProperty;var O=(s,a,t)=>a in s?B(s,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[a]=t;var i=(s,a,t)=>(O(s,typeof a!="symbol"?a+"":a,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@agnos-ui/base-po"),x={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 f extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(x))}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 P={rootComponent:".au-pagination",activePage:".active",previousPage:".au-previous",nextPage:".au-next",firstPage:".au-first",lastPage:".au-last",pages:".au-page",ellipses:".au-ellipsis"};class H extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(P))}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 C={rootComponent:".au-rating",star:".au-rating-star"};class I extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(C))}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 S={rootComponent:".au-select"};class q extends n.BasePO{constructor(){super(...arguments);i(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 d;const e=t.querySelector(".input-group"),c=t.querySelector("div.input-group-text"),l=e.querySelector("input"),r=[];if(c){const b=c.querySelectorAll("div.badge");for(const g of b){const m=[...g.children];r.push([...m.map(p=>(p.textContent??"").trim())])}}const o=t.querySelector("ul.dropdown-menu"),h=o!=null,u=[];if(o!=null){const b=o.querySelectorAll("li.dropdown-item");for(const g of b){let m=!1,p=!1;const A=g.querySelector("input.form-check-input");A&&(m=!0,p=A.checked),u.push({text:(d=g.textContent)==null?void 0:d.trim(),hasCheckBox:m,isChecked:p})}}return{text:l.value,badges:r,isOpen:h,list:u}})}}const y={rootComponent:".alert",closeButton:".btn-close"};class L 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 M 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 v={rootComponent:'[role="progressbar"]',outerBar:".progress",innerBar:".progress-bar"};class k extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(v))}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,h,u,d;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:((h=(o=(r=e==null?void 0:e.className)==null?void 0:r.trim())==null?void 0:o.split(" "))==null?void 0:h.sort())??[],outerHeight:(u=c==null?void 0:c.style)==null?void 0:u.height,innerWidth:(d=e==null?void 0:e.style)==null?void 0:d.width}})}}const R={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",sliderProgress:".au-slider-progress"};class w extends n.BasePO{constructor(){super(...arguments);i(this,"selectors",structuredClone(R))}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)}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")})))}async sliderProgressState(){return this.locatorRoot.locator(this.selectors.sliderProgress).evaluateAll(t=>t.map(e=>e.getAttribute("style")))}}exports.AccordionPO=M;exports.AlertPO=L;exports.ModalPO=f;exports.PaginationPO=H;exports.ProgressbarPO=k;exports.RatingPO=I;exports.SelectPO=q;exports.SliderPO=w;exports.alertSelectors=y;exports.modalSelectors=x;exports.paginationSelectors=P;exports.progressbarSelectors=v;exports.ratingSelectors=C;exports.selectSelectors=S;exports.sliderSelectors=R;

package/dist/lib/index.mjs

@@ -1,7 +1,7 @@
-var A = Object.defineProperty;
-var x = (a, s, t) => s in a ? A(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
-var n = (a, s, t) => (x(a, typeof s != "symbol" ? s + "" : s, t), t);
-import { BasePO as i } from "@agnos-ui/base-po";
+var x = Object.defineProperty;
+var C = (s, a, t) => a in s ? x(s, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[a] = t;
+var i = (s, a, t) => (C(s, typeof a != "symbol" ? a + "" : a, t), t);
+import { BasePO as n } from "@agnos-ui/base-po";
 const y = {
   // TODO: should we use bootstrap-independent classes starting with au- ?
   rootComponent: ".modal",
@@ -12,10 +12,10 @@ const y = {
   body: ".modal-body",
   footer: ".modal-footer"
 };
-class q extends i {
+class L extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", structuredClone(y));
+    i(this, "selectors", structuredClone(y));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -39,7 +39,7 @@ class q extends i {
     return this.locatorRoot.locator(this.selectors.backdrop);
   }
 }
-const R = {
+const v = {
   rootComponent: ".au-pagination",
   activePage: ".active",
   previousPage: ".au-previous",
@@ -49,10 +49,10 @@ const R = {
   pages: ".au-page",
   ellipses: ".au-ellipsis"
 };
-class O extends i {
+class q extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", structuredClone(R));
+    i(this, "selectors", structuredClone(v));
   }
   // TODO should we add this in the list of selector ?
   // Depend on the setSelectors usage...
@@ -113,14 +113,14 @@ class O extends i {
     return this.locatorRoot.locator(this.selectors.ellipses);
   }
 }
-const v = {
+const R = {
   rootComponent: ".au-rating",
   star: ".au-rating-star"
 };
-class w extends i {
+class O extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", structuredClone(v));
+    i(this, "selectors", structuredClone(R));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -134,10 +134,10 @@ class w extends i {
   // 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, r) => {
-      const c = [...t.querySelectorAll(r.star)], l = [], e = [];
+    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()), e.push(o.className.split(" "));
+        l.push((o.textContent || "").trim()), r.push(o.className.split(" "));
       return {
         rootClasses: t.className.trim().split(" "),
         value: t.getAttribute("aria-valuenow"),
@@ -147,7 +147,7 @@ class w extends i {
         disabled: t.getAttribute("aria-disabled"),
         readonly: t.getAttribute("aria-readonly"),
         stars: l,
-        classes: e
+        classes: r
       };
     }, this.selectors);
   }
@@ -156,10 +156,10 @@ const S = {
   rootComponent: ".au-select"
   // TODO add selector list
 };
-class k extends i {
+class k extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", structuredClone(S));
+    i(this, "selectors", structuredClone(S));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -205,44 +205,44 @@ class k extends i {
   async state() {
     return await this.locatorRoot.evaluate((t) => {
       var d;
-      const r = t.querySelector(".input-group"), c = t.querySelector("div.input-group-text"), l = r.querySelector("input"), e = [];
+      const e = t.querySelector(".input-group"), c = t.querySelector("div.input-group-text"), l = e.querySelector("input"), r = [];
       if (c) {
         const b = c.querySelectorAll("div.badge");
         for (const g of b) {
-          const p = [...g.children];
-          e.push([...p.map((m) => (m.textContent ?? "").trim())]);
+          const m = [...g.children];
+          r.push([...m.map((p) => (p.textContent ?? "").trim())]);
         }
       }
       const o = t.querySelector("ul.dropdown-menu"), h = o != null, u = [];
       if (o != null) {
         const b = o.querySelectorAll("li.dropdown-item");
         for (const g of b) {
-          let p = !1, m = !1;
-          const C = g.querySelector("input.form-check-input");
-          C && (p = !0, m = C.checked), u.push({
+          let m = !1, p = !1;
+          const A = g.querySelector("input.form-check-input");
+          A && (m = !0, p = A.checked), u.push({
             text: (d = g.textContent) == null ? void 0 : d.trim(),
-            hasCheckBox: p,
-            isChecked: m
+            hasCheckBox: m,
+            isChecked: p
           });
         }
       }
       return {
         text: l.value,
-        badges: e,
+        badges: r,
         isOpen: h,
         list: u
       };
     });
   }
 }
-const B = {
+const P = {
   rootComponent: ".alert",
   closeButton: ".btn-close"
 };
-class H extends i {
+class w extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", structuredClone(B));
+    i(this, "selectors", structuredClone(P));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -251,10 +251,10 @@ class H extends i {
     return this.locatorRoot.locator(this.selectors.closeButton);
   }
 }
-class M extends i {
+class M extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", {
+    i(this, "selectors", {
       item: ".accordion-item",
       collapse: ".accordion-collapse",
       body: ".accordion-body",
@@ -312,18 +312,18 @@ class M extends i {
   }
   async state() {
     return await this.locatorRoot.evaluate((t) => {
-      const r = [...t.querySelectorAll(".accordion-item")], c = [];
-      for (const l of r) {
-        const e = l.querySelector(".accordion-collapse"), o = l.querySelector(".accordion-button");
+      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: e !== null,
-          collapseId: e == null ? void 0 : e.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: e == null ? void 0 : e.getAttribute("aria-labelledby"),
+          labeledBy: r == null ? void 0 : r.getAttribute("aria-labelledby"),
           buttonControls: o == null ? void 0 : o.getAttribute("aria-controls")
         });
       }
@@ -331,15 +331,15 @@ class M extends i {
     });
   }
 }
-const P = {
+const B = {
   rootComponent: '[role="progressbar"]',
   outerBar: ".progress",
   innerBar: ".progress-bar"
 };
-class E extends i {
+class V extends n {
   constructor() {
     super(...arguments);
-    n(this, "selectors", structuredClone(P));
+    i(this, "selectors", structuredClone(B));
   }
   getComponentSelector() {
     return this.selectors.rootComponent;
@@ -352,34 +352,84 @@ class E extends i {
   }
   async state() {
     return this.locatorRoot.evaluate((t) => {
-      var l, e, o, h, u, d;
-      const r = t.querySelector(".progress-bar"), c = t.querySelector(".progress");
+      var l, r, o, h, u, d;
+      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 = r == null ? void 0 : r.textContent) == null ? void 0 : l.trim(),
-        innerClasses: ((h = (o = (e = r == null ? void 0 : r.className) == null ? void 0 : e.trim()) == null ? void 0 : o.split(" ")) == null ? void 0 : h.sort()) ?? [],
+        label: (l = e == null ? void 0 : e.textContent) == null ? void 0 : l.trim(),
+        innerClasses: ((h = (o = (r = e == null ? void 0 : e.className) == null ? void 0 : r.trim()) == null ? void 0 : o.split(" ")) == null ? void 0 : h.sort()) ?? [],
         outerHeight: (u = c == null ? void 0 : c.style) == null ? void 0 : u.height,
-        innerWidth: (d = r == null ? void 0 : r.style) == null ? void 0 : d.width
+        innerWidth: (d = e == null ? void 0 : e.style) == null ? void 0 : d.width
       };
     });
   }
 }
+const f = {
+  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",
+  sliderProgress: ".au-slider-progress"
+};
+class z extends n {
+  constructor() {
+    super(...arguments);
+    i(this, "selectors", structuredClone(f));
+  }
+  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);
+  }
+  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")
+    })));
+  }
+  async sliderProgressState() {
+    return this.locatorRoot.locator(this.selectors.sliderProgress).evaluateAll((t) => t.map((e) => e.getAttribute("style")));
+  }
+}
 export {
   M as AccordionPO,
-  H as AlertPO,
-  q as ModalPO,
-  O as PaginationPO,
-  E as ProgressbarPO,
-  w as RatingPO,
+  w as AlertPO,
+  L as ModalPO,
+  q as PaginationPO,
+  V as ProgressbarPO,
+  O as RatingPO,
   k as SelectPO,
-  B as alertSelectors,
+  z as SliderPO,
+  P as alertSelectors,
   y as modalSelectors,
-  R as paginationSelectors,
-  P as progressbarSelectors,
-  v as ratingSelectors,
-  S as selectSelectors
+  v as paginationSelectors,
+  B as progressbarSelectors,
+  R as ratingSelectors,
+  S as selectSelectors,
+  f as sliderSelectors
 };

package/package.json

@@ -20,7 +20,7 @@
 		"build:api-extractor": "api-extractor run"
 	},
 	"dependencies": {
-		"@agnos-ui/base-po": "0.0.1-alpha.3"
+		"@agnos-ui/base-po": "0.0.1-alpha.4"
 	},
 	"peerDependencies": {
 		"@playwright/test": "*"
@@ -35,5 +35,5 @@
 		"url": "https://github.com/AmadeusITGroup/AgnosUI.git",
 		"directory": "page-objects"
 	},
-	"version": "0.0.1-alpha.3"
+	"version": "0.0.1-alpha.4"
 }