@o3r/testing 11.2.0-prerelease.8 → 11.2.0-rc.0

package/core/angular/angular-materials/index.d.ts

@@ -1,3 +1,4 @@
 export * from './autocomplete-material';
 export * from './select-material';
+export * from './slider-material';
 //# sourceMappingURL=index.d.ts.map

package/core/angular/angular-materials/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/angular/angular-materials/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/angular/angular-materials/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/core/angular/angular-materials/index.js

@@ -3,4 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./autocomplete-material"), exports);
 tslib_1.__exportStar(require("./select-material"), exports);
+tslib_1.__exportStar(require("./slider-material"), exports);
 //# sourceMappingURL=index.js.map

package/core/angular/angular-materials/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/angular/angular-materials/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,4DAAkC","sourcesContent":["export * from './autocomplete-material';\nexport * from './select-material';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/angular/angular-materials/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,4DAAkC;AAClC,4DAAkC","sourcesContent":["export * from './autocomplete-material';\nexport * from './select-material';\nexport * from './slider-material';\n"]}

package/core/angular/angular-materials/slider-material.d.ts

@@ -0,0 +1,11 @@
+import { DebugElement } from '@angular/core';
+import type { MatSliderProfile } from '../../angular-materials';
+import { O3rElement } from '../element';
+import { O3rSliderElement } from '../elements';
+/**
+ * Implementation dedicated to angular / TestBed.
+ */
+export declare class MatSlider extends O3rSliderElement implements MatSliderProfile {
+    constructor(sourceElement: DebugElement | O3rElement);
+}
+//# sourceMappingURL=slider-material.d.ts.map

package/core/angular/angular-materials/slider-material.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-material.d.ts","sourceRoot":"","sources":["../../../../src/core/angular/angular-materials/slider-material.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAK/C;;GAEG;AACH,qBAAa,SAAU,SAAQ,gBAAiB,YAAW,gBAAgB;gBAC7D,aAAa,EAAE,YAAY,GAAG,UAAU;CAOrD"}

package/core/angular/angular-materials/slider-material.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MatSlider = void 0;
+var tslib_1 = require("tslib");
+var element_1 = require("../element");
+var elements_1 = require("../elements");
+var TRACK_CLASS = 'mdc-slider__track';
+var THUMB_CLASS = 'mdc-slider__thumb';
+/**
+ * Implementation dedicated to angular / TestBed.
+ */
+var MatSlider = /** @class */ (function (_super) {
+    tslib_1.__extends(MatSlider, _super);
+    function MatSlider(sourceElement) {
+        return _super.call(this, sourceElement instanceof element_1.O3rElement ? sourceElement.sourceElement : sourceElement, ".".concat(TRACK_CLASS), ".".concat(THUMB_CLASS)) || this;
+    }
+    return MatSlider;
+}(elements_1.O3rSliderElement));
+exports.MatSlider = MatSlider;
+//# sourceMappingURL=slider-material.js.map

package/core/angular/angular-materials/slider-material.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-material.js","sourceRoot":"","sources":["../../../../src/core/angular/angular-materials/slider-material.ts"],"names":[],"mappings":";;;;AAGA,sCAAwC;AACxC,wCAA+C;AAE/C,IAAM,WAAW,GAA4B,mBAAmB,CAAC;AACjE,IAAM,WAAW,GAA4B,mBAAmB,CAAC;AAEjE;;GAEG;AACH;IAA+B,qCAAgB;IAC7C,mBAAY,aAAwC;QAClD,OAAA,MAAK,YACH,aAAa,YAAY,oBAAU,CAAC,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EACjF,WAAI,WAAW,CAAE,EACjB,WAAI,WAAW,CAAE,CAClB,SAAC;IACJ,CAAC;IACH,gBAAC;AAAD,CAAC,AARD,CAA+B,2BAAgB,GAQ9C;AARY,8BAAS","sourcesContent":["import { DebugElement } from '@angular/core';\nimport type { cssClasses } from '@material/slider';\nimport type { MatSliderProfile } from '../../angular-materials';\nimport { O3rElement } from '../element';\nimport { O3rSliderElement } from '../elements';\n\nconst TRACK_CLASS: typeof cssClasses.TRACK = 'mdc-slider__track';\nconst THUMB_CLASS: typeof cssClasses.THUMB = 'mdc-slider__thumb';\n\n/**\n * Implementation dedicated to angular / TestBed.\n */\nexport class MatSlider extends O3rSliderElement implements MatSliderProfile {\n  constructor(sourceElement: DebugElement | O3rElement) {\n    super(\n      sourceElement instanceof O3rElement ? sourceElement.sourceElement : sourceElement,\n      `.${TRACK_CLASS}`,\n      `.${THUMB_CLASS}`\n    );\n  }\n}\n"]}

package/core/angular/elements/index.d.ts

@@ -1,4 +1,5 @@
 export * from './checkbox-element';
 export * from './radio-element';
 export * from './select-element';
+export * from './slider-element';
 //# sourceMappingURL=index.d.ts.map

package/core/angular/elements/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/angular/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/angular/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/core/angular/elements/index.js

@@ -4,4 +4,5 @@ var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./checkbox-element"), exports);
 tslib_1.__exportStar(require("./radio-element"), exports);
 tslib_1.__exportStar(require("./select-element"), exports);
+tslib_1.__exportStar(require("./slider-element"), exports);
 //# sourceMappingURL=index.js.map

package/core/angular/elements/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/angular/elements/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,0DAAgC;AAChC,2DAAiC","sourcesContent":["export * from './checkbox-element';\nexport * from './radio-element';\nexport * from './select-element';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/angular/elements/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,0DAAgC;AAChC,2DAAiC;AACjC,2DAAiC","sourcesContent":["export * from './checkbox-element';\nexport * from './radio-element';\nexport * from './select-element';\nexport * from './slider-element';\n"]}

package/core/angular/elements/slider-element.d.ts

@@ -0,0 +1,22 @@
+import { DebugElement } from '@angular/core';
+import type { SliderElementProfile } from '../../elements';
+import { O3rElement } from '../element';
+/**
+ * Implementation dedicated to angular / TestBed.
+ */
+export declare class O3rSliderElement extends O3rElement implements SliderElementProfile {
+    private readonly trackSelector?;
+    private readonly thumbSelector?;
+    constructor(sourceElement: DebugElement, trackSelector?: string | undefined, thumbSelector?: string | undefined);
+    private getInputElement;
+    private getTrackElement;
+    private getThumbElement;
+    /**
+     * @inheritdoc
+     * inspired from https://github.com/angular/components/blob/main/src/material/slider/slider.spec.ts#L1838
+     */
+    setValue(value: string): Promise<void>;
+    /** @inheritdoc */
+    getValue(): Promise<any>;
+}
+//# sourceMappingURL=slider-element.d.ts.map

package/core/angular/elements/slider-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-element.d.ts","sourceRoot":"","sources":["../../../../src/core/angular/elements/slider-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,UAAW,YAAW,oBAAoB;IAG5E,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC/B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC;gBAF/B,aAAa,EAAE,YAAY,EACV,aAAa,CAAC,EAAE,MAAM,YAAA,EACtB,aAAa,CAAC,EAAE,MAAM,YAAA;IAKzC,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,eAAe;IAYvB;;;OAGG;IACI,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAwB7C,kBAAkB;IACX,QAAQ;CAGhB"}

package/core/angular/elements/slider-element.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.O3rSliderElement = void 0;
+var tslib_1 = require("tslib");
+var platform_browser_1 = require("@angular/platform-browser");
+var element_1 = require("../element");
+/**
+ * Implementation dedicated to angular / TestBed.
+ */
+var O3rSliderElement = /** @class */ (function (_super) {
+    tslib_1.__extends(O3rSliderElement, _super);
+    function O3rSliderElement(sourceElement, trackSelector, thumbSelector) {
+        var _this = _super.call(this, sourceElement) || this;
+        _this.trackSelector = trackSelector;
+        _this.thumbSelector = thumbSelector;
+        return _this;
+    }
+    O3rSliderElement.prototype.getInputElement = function () {
+        try {
+            var subElement = this.sourceElement.query(platform_browser_1.By.css('input[type="range"]'));
+            return subElement || this.sourceElement;
+        }
+        catch (_a) {
+            return this.sourceElement;
+        }
+    };
+    O3rSliderElement.prototype.getTrackElement = function () {
+        if (!this.trackSelector) {
+            return this.sourceElement;
+        }
+        try {
+            var subElement = this.sourceElement.query(platform_browser_1.By.css(this.trackSelector));
+            return subElement || this.sourceElement;
+        }
+        catch (_a) {
+            return this.sourceElement;
+        }
+    };
+    O3rSliderElement.prototype.getThumbElement = function () {
+        if (!this.thumbSelector) {
+            return this.sourceElement;
+        }
+        try {
+            var subElement = this.sourceElement.query(platform_browser_1.By.css(this.thumbSelector));
+            return subElement || this.sourceElement;
+        }
+        catch (_a) {
+            return this.sourceElement;
+        }
+    };
+    /**
+     * @inheritdoc
+     * inspired from https://github.com/angular/components/blob/main/src/material/slider/slider.spec.ts#L1838
+     */
+    O3rSliderElement.prototype.setValue = function (value) {
+        var trackNativeElement = this.getTrackElement().nativeElement;
+        var thumbNativeElement = this.getThumbElement().nativeElement;
+        var inputNativeElement = this.getInputElement().nativeElement;
+        var thumbBoundingBox = thumbNativeElement.getBoundingClientRect();
+        var startX = thumbBoundingBox.x + thumbBoundingBox.width / 2;
+        var startY = thumbBoundingBox.y + thumbBoundingBox.height / 2;
+        var max = +(inputNativeElement.max === '' ? '100' : inputNativeElement.max);
+        var min = +(inputNativeElement.min === '' ? '0' : inputNativeElement.min);
+        var sanitizeValue = Math.max(min, Math.min(+value, max));
+        var percent = (sanitizeValue - min) / (max - min);
+        var _a = trackNativeElement.getBoundingClientRect(), top = _a.top, left = _a.left, width = _a.width, height = _a.height;
+        var endX = width * percent + left;
+        var endY = top + height / 2;
+        thumbNativeElement.dispatchEvent(new MouseEvent('mousedown', { clientX: startX, clientY: startY }));
+        trackNativeElement.focus();
+        trackNativeElement.dispatchEvent(new MouseEvent('mousemove', { clientX: endX, clientY: endY }));
+        inputNativeElement.value = "".concat(sanitizeValue);
+        inputNativeElement.dispatchEvent(new Event('input'));
+        trackNativeElement.dispatchEvent(new MouseEvent('mouseup', { clientX: endX, clientY: endY }));
+        inputNativeElement.dispatchEvent(new Event('change'));
+        return Promise.resolve();
+    };
+    /** @inheritdoc */
+    O3rSliderElement.prototype.getValue = function () {
+        return (new element_1.O3rElement(this.getInputElement())).getValue();
+    };
+    return O3rSliderElement;
+}(element_1.O3rElement));
+exports.O3rSliderElement = O3rSliderElement;
+//# sourceMappingURL=slider-element.js.map

package/core/angular/elements/slider-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-element.js","sourceRoot":"","sources":["../../../../src/core/angular/elements/slider-element.ts"],"names":[],"mappings":"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","sourcesContent":["import { DebugElement } from '@angular/core';\nimport { By } from '@angular/platform-browser';\nimport type { SliderElementProfile } from '../../elements';\nimport { O3rElement } from '../element';\n\n/**\n * Implementation dedicated to angular / TestBed.\n */\nexport class O3rSliderElement extends O3rElement implements SliderElementProfile {\n  constructor(\n    sourceElement: DebugElement,\n    private readonly trackSelector?: string,\n    private readonly thumbSelector?: string\n  ) {\n    super(sourceElement);\n  }\n\n  private getInputElement() {\n    try {\n      const subElement = this.sourceElement.query(By.css('input[type=\"range\"]'));\n      return subElement || this.sourceElement;\n    } catch {\n      return this.sourceElement;\n    }\n  }\n\n  private getTrackElement() {\n    if (!this.trackSelector) {\n      return this.sourceElement;\n    }\n    try {\n      const subElement = this.sourceElement.query(By.css(this.trackSelector));\n      return subElement || this.sourceElement;\n    } catch {\n      return this.sourceElement;\n    }\n  }\n\n  private getThumbElement() {\n    if (!this.thumbSelector) {\n      return this.sourceElement;\n    }\n    try {\n      const subElement = this.sourceElement.query(By.css(this.thumbSelector));\n      return subElement || this.sourceElement;\n    } catch {\n      return this.sourceElement;\n    }\n  }\n\n  /**\n   * @inheritdoc\n   * inspired from https://github.com/angular/components/blob/main/src/material/slider/slider.spec.ts#L1838\n   */\n  public setValue(value: string): Promise<void> {\n    const trackNativeElement = this.getTrackElement().nativeElement;\n    const thumbNativeElement = this.getThumbElement().nativeElement;\n    const inputNativeElement = this.getInputElement().nativeElement;\n    const thumbBoundingBox: DOMRect = thumbNativeElement.getBoundingClientRect();\n    const startX = thumbBoundingBox.x + thumbBoundingBox.width / 2;\n    const startY = thumbBoundingBox.y + thumbBoundingBox.height / 2;\n    const max = +(inputNativeElement.max === '' ? '100' : inputNativeElement.max);\n    const min = +(inputNativeElement.min === '' ? '0' : inputNativeElement.min);\n    const sanitizeValue = Math.max(min, Math.min(+value, max));\n    const percent = (sanitizeValue - min) / (max - min);\n    const { top, left, width, height } = trackNativeElement.getBoundingClientRect() as DOMRect;\n    const endX = width * percent + left;\n    const endY = top + height / 2;\n    thumbNativeElement.dispatchEvent(new MouseEvent('mousedown', { clientX: startX, clientY: startY }));\n    trackNativeElement.focus();\n    trackNativeElement.dispatchEvent(new MouseEvent('mousemove', { clientX: endX, clientY: endY }));\n    inputNativeElement.value = `${sanitizeValue}`;\n    inputNativeElement.dispatchEvent(new Event('input'));\n    trackNativeElement.dispatchEvent(new MouseEvent('mouseup', { clientX: endX, clientY: endY }));\n    inputNativeElement.dispatchEvent(new Event('change'));\n    return Promise.resolve();\n  }\n\n  /** @inheritdoc */\n  public getValue() {\n    return (new O3rElement(this.getInputElement())).getValue();\n  }\n}\n"]}

package/core/angular-materials/index.d.ts

@@ -1,3 +1,4 @@
 export * from './autocomplete-material';
 export * from './select-material';
+export * from './slider-material';
 //# sourceMappingURL=index.d.ts.map

package/core/angular-materials/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/angular-materials/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/angular-materials/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/core/angular-materials/index.js

@@ -3,4 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./autocomplete-material"), exports);
 tslib_1.__exportStar(require("./select-material"), exports);
+tslib_1.__exportStar(require("./slider-material"), exports);
 //# sourceMappingURL=index.js.map

package/core/angular-materials/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/angular-materials/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,4DAAkC","sourcesContent":["export * from './autocomplete-material';\nexport * from './select-material';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/angular-materials/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,4DAAkC;AAClC,4DAAkC","sourcesContent":["export * from './autocomplete-material';\nexport * from './select-material';\nexport * from './slider-material';\n"]}

package/core/angular-materials/slider-material.d.ts

@@ -0,0 +1,17 @@
+import { O3rElement } from '../element';
+import type { SliderElementProfile } from '../elements';
+/**
+ * Interface to describe the material Slider elements that are used inside a fixture.
+ * As for ComponentFixtureProfile, this abstracts the testing framework that is used by choosing the right
+ * implementation at runtime.
+ */
+export interface MatSliderProfile extends SliderElementProfile {
+}
+/**
+ * Mock for ElementProfile class.
+ * This class is used for fixture compilation purpose.
+ */
+export declare class MatSlider extends O3rElement implements MatSliderProfile {
+    constructor(sourceElement: any);
+}
+//# sourceMappingURL=slider-material.d.ts.map

package/core/angular-materials/slider-material.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-material.d.ts","sourceRoot":"","sources":["../../../src/core/angular-materials/slider-material.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;CAAG;AAEjE;;;GAGG;AACH,qBAAa,SAAU,SAAQ,UAAW,YAAW,gBAAgB;gBACvD,aAAa,EAAE,GAAG;CAG/B"}

package/core/angular-materials/slider-material.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MatSlider = void 0;
+var tslib_1 = require("tslib");
+var element_1 = require("../element");
+/**
+ * Mock for ElementProfile class.
+ * This class is used for fixture compilation purpose.
+ */
+var MatSlider = /** @class */ (function (_super) {
+    tslib_1.__extends(MatSlider, _super);
+    function MatSlider(sourceElement) {
+        return _super.call(this, sourceElement) || this;
+    }
+    return MatSlider;
+}(element_1.O3rElement));
+exports.MatSlider = MatSlider;
+//# sourceMappingURL=slider-material.js.map

package/core/angular-materials/slider-material.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-material.js","sourceRoot":"","sources":["../../../src/core/angular-materials/slider-material.ts"],"names":[],"mappings":";;;;AAAA,sCAAwC;AAUxC;;;GAGG;AACH;IAA+B,qCAAU;IACvC,mBAAY,aAAkB;QAC5B,OAAA,MAAK,YAAC,aAAa,CAAC,SAAC;IACvB,CAAC;IACH,gBAAC;AAAD,CAAC,AAJD,CAA+B,oBAAU,GAIxC;AAJY,8BAAS","sourcesContent":["import { O3rElement } from '../element';\nimport type { SliderElementProfile } from '../elements';\n\n/**\n * Interface to describe the material Slider elements that are used inside a fixture.\n * As for ComponentFixtureProfile, this abstracts the testing framework that is used by choosing the right\n * implementation at runtime.\n */\nexport interface MatSliderProfile extends SliderElementProfile {}\n\n/**\n * Mock for ElementProfile class.\n * This class is used for fixture compilation purpose.\n */\nexport class MatSlider extends O3rElement implements MatSliderProfile {\n  constructor(sourceElement: any) {\n    super(sourceElement);\n  }\n}\n"]}

package/core/elements/index.d.ts

@@ -1,4 +1,5 @@
 export * from './checkbox-element';
 export * from './radio-element';
 export * from './select-element';
+export * from './slider-element';
 //# sourceMappingURL=index.d.ts.map

package/core/elements/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/core/elements/index.js

@@ -4,4 +4,5 @@ var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./checkbox-element"), exports);
 tslib_1.__exportStar(require("./radio-element"), exports);
 tslib_1.__exportStar(require("./select-element"), exports);
+tslib_1.__exportStar(require("./slider-element"), exports);
 //# sourceMappingURL=index.js.map

package/core/elements/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/elements/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,0DAAgC;AAChC,2DAAiC","sourcesContent":["export * from './checkbox-element';\nexport * from './radio-element';\nexport * from './select-element';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/elements/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,0DAAgC;AAChC,2DAAiC;AACjC,2DAAiC","sourcesContent":["export * from './checkbox-element';\nexport * from './radio-element';\nexport * from './select-element';\nexport * from './slider-element';\n"]}

package/core/elements/slider-element.d.ts

@@ -0,0 +1,16 @@
+import { ElementProfile, O3rElement } from '../element';
+/**
+ * Interface to describe the Slider elements that are used inside a fixture.
+ * As for ComponentFixtureProfile, this abstracts the testing framework that is used by choosing the right
+ * implementation at runtime.
+ */
+export interface SliderElementProfile extends ElementProfile {
+}
+/**
+ * Mock for ElementProfile class.
+ * This class is used for fixture compilation purpose.
+ */
+export declare class O3rSliderElement extends O3rElement implements SliderElementProfile {
+    constructor(sourceElement: any, _trackSelector?: string, _thumbSelector?: string);
+}
+//# sourceMappingURL=slider-element.d.ts.map

package/core/elements/slider-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-element.d.ts","sourceRoot":"","sources":["../../../src/core/elements/slider-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExD;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;CAAG;AAE/D;;;GAGG;AACH,qBAAa,gBAAiB,SAAQ,UAAW,YAAW,oBAAoB;gBAClE,aAAa,EAAE,GAAG,EAAE,cAAc,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM;CAGjF"}

package/core/elements/slider-element.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.O3rSliderElement = void 0;
+var tslib_1 = require("tslib");
+var element_1 = require("../element");
+/**
+ * Mock for ElementProfile class.
+ * This class is used for fixture compilation purpose.
+ */
+var O3rSliderElement = /** @class */ (function (_super) {
+    tslib_1.__extends(O3rSliderElement, _super);
+    function O3rSliderElement(sourceElement, _trackSelector, _thumbSelector) {
+        return _super.call(this, sourceElement) || this;
+    }
+    return O3rSliderElement;
+}(element_1.O3rElement));
+exports.O3rSliderElement = O3rSliderElement;
+//# sourceMappingURL=slider-element.js.map

package/core/elements/slider-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-element.js","sourceRoot":"","sources":["../../../src/core/elements/slider-element.ts"],"names":[],"mappings":";;;;AAAA,sCAAwD;AASxD;;;GAGG;AACH;IAAsC,4CAAU;IAC9C,0BAAY,aAAkB,EAAE,cAAuB,EAAE,cAAuB;QAC9E,OAAA,MAAK,YAAC,aAAa,CAAC,SAAC;IACvB,CAAC;IACH,uBAAC;AAAD,CAAC,AAJD,CAAsC,oBAAU,GAI/C;AAJY,4CAAgB","sourcesContent":["import { ElementProfile, O3rElement } from '../element';\n\n/**\n * Interface to describe the Slider elements that are used inside a fixture.\n * As for ComponentFixtureProfile, this abstracts the testing framework that is used by choosing the right\n * implementation at runtime.\n */\nexport interface SliderElementProfile extends ElementProfile {}\n\n/**\n * Mock for ElementProfile class.\n * This class is used for fixture compilation purpose.\n */\nexport class O3rSliderElement extends O3rElement implements SliderElementProfile {\n  constructor(sourceElement: any, _trackSelector?: string, _thumbSelector?: string) {\n    super(sourceElement);\n  }\n}\n"]}

package/core/playwright/angular-materials/index.d.ts

@@ -1,3 +1,4 @@
 export * from './autocomplete-material';
 export * from './select-material';
+export * from './slider-material';
 //# sourceMappingURL=index.d.ts.map

package/core/playwright/angular-materials/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/playwright/angular-materials/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/playwright/angular-materials/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/core/playwright/angular-materials/index.js

@@ -3,4 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./autocomplete-material"), exports);
 tslib_1.__exportStar(require("./select-material"), exports);
+tslib_1.__exportStar(require("./slider-material"), exports);
 //# sourceMappingURL=index.js.map

package/core/playwright/angular-materials/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/playwright/angular-materials/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,4DAAkC","sourcesContent":["export * from './autocomplete-material';\nexport * from './select-material';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/playwright/angular-materials/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,4DAAkC;AAClC,4DAAkC","sourcesContent":["export * from './autocomplete-material';\nexport * from './select-material';\nexport * from './slider-material';\n"]}

package/core/playwright/angular-materials/slider-material.d.ts

@@ -0,0 +1,10 @@
+import type { MatSliderProfile } from '../../angular-materials';
+import { O3rElement, type PlaywrightSourceElement } from '../element';
+import { O3rSliderElement } from '../elements';
+/**
+ * Implementation dedicated to Playwright.
+ */
+export declare class MatSlider extends O3rSliderElement implements MatSliderProfile {
+    constructor(sourceElement: PlaywrightSourceElement | O3rElement);
+}
+//# sourceMappingURL=slider-material.d.ts.map

package/core/playwright/angular-materials/slider-material.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-material.d.ts","sourceRoot":"","sources":["../../../../src/core/playwright/angular-materials/slider-material.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAK/C;;GAEG;AACH,qBAAa,SAAU,SAAQ,gBAAiB,YAAW,gBAAgB;gBAC7D,aAAa,EAAE,uBAAuB,GAAG,UAAU;CAGhE"}

package/core/playwright/angular-materials/slider-material.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MatSlider = void 0;
+var tslib_1 = require("tslib");
+var elements_1 = require("../elements");
+var TRACK_CLASS = 'mdc-slider__track';
+var THUMB_CLASS = 'mdc-slider__thumb';
+/**
+ * Implementation dedicated to Playwright.
+ */
+var MatSlider = /** @class */ (function (_super) {
+    tslib_1.__extends(MatSlider, _super);
+    function MatSlider(sourceElement) {
+        return _super.call(this, sourceElement, ".".concat(TRACK_CLASS), ".".concat(THUMB_CLASS)) || this;
+    }
+    return MatSlider;
+}(elements_1.O3rSliderElement));
+exports.MatSlider = MatSlider;
+//# sourceMappingURL=slider-material.js.map

package/core/playwright/angular-materials/slider-material.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-material.js","sourceRoot":"","sources":["../../../../src/core/playwright/angular-materials/slider-material.ts"],"names":[],"mappings":";;;;AAGA,wCAA+C;AAE/C,IAAM,WAAW,GAA4B,mBAAmB,CAAC;AACjE,IAAM,WAAW,GAA4B,mBAAmB,CAAC;AAEjE;;GAEG;AACH;IAA+B,qCAAgB;IAC7C,mBAAY,aAAmD;QAC7D,OAAA,MAAK,YAAC,aAAa,EAAE,WAAI,WAAW,CAAE,EAAE,WAAI,WAAW,CAAE,CAAC,SAAC;IAC7D,CAAC;IACH,gBAAC;AAAD,CAAC,AAJD,CAA+B,2BAAgB,GAI9C;AAJY,8BAAS","sourcesContent":["import type { cssClasses } from '@material/slider';\nimport type { MatSliderProfile } from '../../angular-materials';\nimport { O3rElement, type PlaywrightSourceElement } from '../element';\nimport { O3rSliderElement } from '../elements';\n\nconst TRACK_CLASS: typeof cssClasses.TRACK = 'mdc-slider__track';\nconst THUMB_CLASS: typeof cssClasses.THUMB = 'mdc-slider__thumb';\n\n/**\n * Implementation dedicated to Playwright.\n */\nexport class MatSlider extends O3rSliderElement implements MatSliderProfile {\n  constructor(sourceElement: PlaywrightSourceElement | O3rElement) {\n    super(sourceElement, `.${TRACK_CLASS}`, `.${THUMB_CLASS}`);\n  }\n}\n"]}

package/core/playwright/elements/index.d.ts

@@ -1,4 +1,5 @@
 export * from './select-element';
 export * from './radio-element';
 export * from './checkbox-element';
+export * from './slider-element';
 //# sourceMappingURL=index.d.ts.map

package/core/playwright/elements/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/playwright/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/playwright/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC"}

package/core/playwright/elements/index.js

@@ -4,4 +4,5 @@ var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./select-element"), exports);
 tslib_1.__exportStar(require("./radio-element"), exports);
 tslib_1.__exportStar(require("./checkbox-element"), exports);
+tslib_1.__exportStar(require("./slider-element"), exports);
 //# sourceMappingURL=index.js.map

package/core/playwright/elements/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/playwright/elements/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC;AACjC,0DAAgC;AAChC,6DAAmC","sourcesContent":["export * from './select-element';\nexport * from './radio-element';\nexport * from './checkbox-element';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/playwright/elements/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC;AACjC,0DAAgC;AAChC,6DAAmC;AACnC,2DAAiC","sourcesContent":["export * from './select-element';\nexport * from './radio-element';\nexport * from './checkbox-element';\nexport * from './slider-element';\n"]}

package/core/playwright/elements/slider-element.d.ts

@@ -0,0 +1,18 @@
+import type { SliderElementProfile } from '../../elements';
+import { O3rElement, type PlaywrightSourceElement } from '../element';
+/**
+ * Implementation dedicated to Playwright.
+ */
+export declare class O3rSliderElement extends O3rElement implements SliderElementProfile {
+    private readonly trackSelector?;
+    private readonly thumbSelector?;
+    constructor(sourceElement: PlaywrightSourceElement | O3rElement, trackSelector?: string | undefined, thumbSelector?: string | undefined);
+    private getInputElement;
+    private getTrackElement;
+    private getThumbElement;
+    /** @inheritdoc */
+    setValue(value: string): Promise<void>;
+    /** @inheritdoc */
+    getValue(): Promise<string | undefined>;
+}
+//# sourceMappingURL=slider-element.d.ts.map

package/core/playwright/elements/slider-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-element.d.ts","sourceRoot":"","sources":["../../../../src/core/playwright/elements/slider-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAEtE;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,UAAW,YAAW,oBAAoB;IAG5E,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC/B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC;gBAF/B,aAAa,EAAE,uBAAuB,GAAG,UAAU,EAClC,aAAa,CAAC,EAAE,MAAM,YAAA,EACtB,aAAa,CAAC,EAAE,MAAM,YAAA;YAK3B,eAAe;YAYf,eAAe;YAef,eAAe;IAe7B,kBAAkB;IACL,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IA4BnD,kBAAkB;IACL,QAAQ;CAMtB"}