@shoper/phoenix_design_system 0.19.4 → 0.20.1

package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js

@@ -146,8 +146,8 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
                 }
                 else if (document.activeElement === this._lastFocusableElement) {
                     ev.preventDefault();
-                    this._focusOnNextSibling(this);
-                    await this._hideDropdownsSequentially();
+                    await this._rootDropdown._hideDropdownsSequentially();
+                    this._focusOnNextSibling(this._rootDropdown);
                 }
             }
         };

package/build/cjs/packages/phoenix/src/components/scroll_to/scroll_to.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var btn_controller = require('../../controllers/btn_controller.js');
+
+exports.HScrollTo = class HScrollTo extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.to = '';
+        this.behaviour = 'smooth';
+        this.scrollToElement = () => {
+            const $scrollTo = document.querySelector(`[data-scroll="${this.to}"]`);
+            if ($scrollTo) {
+                const elTopPosition = $scrollTo.getBoundingClientRect().top;
+                requestAnimationFrame(() => {
+                    window.scrollTo({ top: elTopPosition + window.scrollY, behavior: this.behaviour });
+                });
+            }
+        };
+        this._btnController = new btn_controller.BtnController(this, this.scrollToElement);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('click', this.scrollToElement);
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HScrollTo.prototype, "to", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HScrollTo.prototype, "behaviour", void 0);
+exports.HScrollTo = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-scroll-to'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HScrollTo);
+//# sourceMappingURL=scroll_to.js.map

package/build/cjs/packages/phoenix/src/components/scroll_to/scroll_to.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/index.js

@@ -62,6 +62,7 @@ var click_outside_controller_messages = require('./controllers/click_outside_con
 var backdrop = require('./components/backdrop/backdrop.js');
 var visibility_controller = require('./controllers/visibility_controller/visibility_controller.js');
 var slider = require('./components/slider/slider.js');
+var scroll_to = require('./components/scroll_to/scroll_to.js');
 
 
 
@@ -344,4 +345,10 @@ Object.defineProperty(exports, 'HSlider', {
 		return slider.HSlider;
 	}
 });
+Object.defineProperty(exports, 'HScrollTo', {
+	enumerable: true,
+	get: function () {
+		return scroll_to.HScrollTo;
+	}
+});
 //# sourceMappingURL=index.js.map

package/build/cjs/packages/phoenix/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -142,8 +142,8 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
                 }
                 else if (document.activeElement === this._lastFocusableElement) {
                     ev.preventDefault();
-                    this._focusOnNextSibling(this);
-                    await this._hideDropdownsSequentially();
+                    await this._rootDropdown._hideDropdownsSequentially();
+                    this._focusOnNextSibling(this._rootDropdown);
                 }
             }
         };

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

@@ -0,0 +1,10 @@
+import { IHScrollTo } from './scroll_to_types';
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HScrollTo extends PhoenixLightLitElement implements IHScrollTo {
+    to: string;
+    behaviour: ScrollBehavior;
+    private _btnController;
+    constructor();
+    connectedCallback(): void;
+    scrollToElement: () => void;
+}

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

@@ -0,0 +1,42 @@
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { property } from 'lit/decorators';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { BtnController } from '../../controllers/btn_controller.js';
+
+let HScrollTo = class HScrollTo extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.to = '';
+        this.behaviour = 'smooth';
+        this.scrollToElement = () => {
+            const $scrollTo = document.querySelector(`[data-scroll="${this.to}"]`);
+            if ($scrollTo) {
+                const elTopPosition = $scrollTo.getBoundingClientRect().top;
+                requestAnimationFrame(() => {
+                    window.scrollTo({ top: elTopPosition + window.scrollY, behavior: this.behaviour });
+                });
+            }
+        };
+        this._btnController = new BtnController(this, this.scrollToElement);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('click', this.scrollToElement);
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], HScrollTo.prototype, "to", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HScrollTo.prototype, "behaviour", void 0);
+HScrollTo = __decorate([
+    phoenixCustomElement('h-scroll-to'),
+    __metadata("design:paramtypes", [])
+], HScrollTo);
+
+export { HScrollTo };
+//# sourceMappingURL=scroll_to.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to_types.d.ts

@@ -0,0 +1,3 @@
+export interface IHScrollTo {
+    scrollToElement(): void;
+}

package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to_types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=scroll_to_types.js.map

package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll_to_types.js","sourceRoot":"","sources":["../../../../../../../src/components/scroll_to/scroll_to_types.ts"],"names":[],"mappings":""}

package/build/esm/packages/phoenix/src/index.d.ts

@@ -69,3 +69,5 @@ export { VisibilityController } from './controllers/visibility_controller/visibi
 export * from './controllers/visibility_controller/visibility_controller_types';
 export { HSlider } from './components/slider/slider';
 export * from './components/slider/slider_types';
+export { HScrollTo } from './components/scroll_to/scroll_to';
+export * from './components/scroll_to/scroll_to_types';

package/build/esm/packages/phoenix/src/index.js

@@ -58,4 +58,5 @@ export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from './controllers/click_outside_c
 export { HBackdrop } from './components/backdrop/backdrop.js';
 export { VisibilityController } from './controllers/visibility_controller/visibility_controller.js';
 export { HSlider } from './components/slider/slider.js';
+export { HScrollTo } from './components/scroll_to/scroll_to.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/phoenix/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "0.19.4",
+  "version": "0.20.1",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",