@shoper/phoenix_design_system 0.15.7 → 0.16.0

package/build/esm/packages/phoenix/src/components/slider/slider.d.ts

@@ -0,0 +1,10 @@
+import { ISlider } from './slider_types';
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+export declare class HSlider extends PhoenixLightLitElement {
+    settings: string;
+    id: string;
+    private _settings;
+    private _slider;
+    connectedCallback(): void;
+    getSlider(): ISlider | null;
+}

package/build/esm/packages/phoenix/src/components/slider/slider.js

@@ -0,0 +1,47 @@
+import { __decorate, __metadata } from "tslib";
+import './slider_types';
+import { JsonUtils } from '@dreamcommerce/utilities';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element';
+import Splide from '@splidejs/splide';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { property } from 'lit/decorators';
+let HSlider = class HSlider extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.settings = '';
+        this.id = '';
+        this._settings = {
+            mountOnConnectedCallback: true,
+            type: 'loop',
+            perPage: 3,
+            focus: 'center'
+        };
+        this._slider = null;
+    }
+    connectedCallback() {
+        var _a;
+        if (this.settings) {
+            this._settings = (_a = JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
+        }
+        this._slider = new Splide(`#${this.id}`, this._settings);
+        if (this._settings.mountOnConnectedCallback) {
+            this._slider.mount();
+        }
+    }
+    getSlider() {
+        return this._slider;
+    }
+};
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], HSlider.prototype, "settings", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], HSlider.prototype, "id", void 0);
+HSlider = __decorate([
+    phoenixCustomElement('h-slider')
+], HSlider);
+export { HSlider };
+//# sourceMappingURL=slider.js.map

package/build/esm/packages/phoenix/src/components/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider.ts"],"names":[],"mappings":";AAAA,OAAwC,gBAAgB,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,IAAa,OAAO,GAApB,MAAa,OAAQ,SAAQ,sBAAsB;IAAnD;;QAEW,aAAQ,GAAW,EAAE,CAAC;QAGtB,OAAE,GAAW,EAAE,CAAC;QAEf,cAAS,GAAmB;YAChC,wBAAwB,EAAE,IAAI;YAC9B,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,CAAC;YACV,KAAK,EAAE,QAAQ;SAClB,CAAC;QAEM,YAAO,GAAmB,IAAI,CAAC;IAiB3C,CAAC;IAfU,iBAAiB;;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,IAAI,CAAC,SAAS,GAAG,MAAA,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,mCAAI,IAAI,CAAC,SAAS,CAAC;SACxE;QAED,IAAI,CAAC,OAAO,GAAG,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAEzD,IAAI,IAAI,CAAC,SAAS,CAAC,wBAAwB,EAAE;YACzC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACxB;IACL,CAAC;IAEM,SAAS;QACZ,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;CACJ,CAAA;AA7BG;IADC,QAAQ,EAAE;;yCACkB;AAG7B;IADC,QAAQ,EAAE;;mCACY;AALd,OAAO;IADnB,oBAAoB,CAAC,UAAU,CAAC;GACpB,OAAO,CA+BnB;SA/BY,OAAO"}

package/build/esm/packages/phoenix/src/components/slider/slider_types.d.ts

@@ -0,0 +1,9 @@
+import { Options } from '@splidejs/splide';
+export interface ISlider {
+    mount(): void;
+    sync(slider: ISlider): this;
+    go(control: number | string): this;
+}
+export interface ISliderOptions extends Options {
+    mountOnConnectedCallback: boolean;
+}

package/build/esm/packages/phoenix/src/components/slider/slider_types.js

@@ -0,0 +1,2 @@
+import '@splidejs/splide';
+//# sourceMappingURL=slider_types.js.map

package/build/esm/packages/phoenix/src/components/slider/slider_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider_types.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider_types.ts"],"names":[],"mappings":"AAAA,OAAwB,kBAAkB,CAAC"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "0.15.7",
+  "version": "0.16.0",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",
@@ -25,9 +25,13 @@
     "tests:unit": "jest --max-workers=1 -c .config/jest/jest.config.js",
     "watch:tests:unit": "jest --watch -c .config/jest/jest.config.js"
   },
+  "peerDependencies": {
+    "@splidejs/splide": "4.0.7"
+  },
   "devDependencies": {
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
+    "@splidejs/splide": "4.0.7",
     "@storybook/web-components": "6.5.7",
     "lit": "2.4.0"
   },