@shoper/phoenix_design_system 0.19.4 → 0.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/build/cjs/packages/phoenix/src/components/scroll_to/scroll_to.js +44 -0
  2. package/build/cjs/packages/phoenix/src/components/scroll_to/scroll_to.js.map +1 -0
  3. package/build/cjs/packages/phoenix/src/index.js +7 -0
  4. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  5. package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.d.ts +10 -0
  6. package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.js +42 -0
  7. package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.js.map +1 -0
  8. package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to_types.d.ts +3 -0
  9. package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to_types.js +2 -0
  10. package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to_types.js.map +1 -0
  11. package/build/esm/packages/phoenix/src/index.d.ts +2 -0
  12. package/build/esm/packages/phoenix/src/index.js +1 -0
  13. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  14. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/scroll_to/scroll_to.js ADDED
@@ -0,0 +1,44 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ var decorators = require('lit/decorators');
7
+ var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
8
+ var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
9
+ var btn_controller = require('../../controllers/btn_controller.js');
10
+
11
+ exports.HScrollTo = class HScrollTo extends phoenix_light_lit_element.PhoenixLightLitElement {
12
+ constructor() {
13
+ super();
14
+ this.to = '';
15
+ this.behaviour = 'smooth';
16
+ this.scrollToElement = () => {
17
+ const $scrollTo = document.querySelector(`[data-scroll="${this.to}"]`);
18
+ if ($scrollTo) {
19
+ const elTopPosition = $scrollTo.getBoundingClientRect().top;
20
+ requestAnimationFrame(() => {
21
+ window.scrollTo({ top: elTopPosition + window.scrollY, behavior: this.behaviour });
22
+ });
23
+ }
24
+ };
25
+ this._btnController = new btn_controller.BtnController(this, this.scrollToElement);
26
+ }
27
+ connectedCallback() {
28
+ super.connectedCallback();
29
+ this.addEventListener('click', this.scrollToElement);
30
+ }
31
+ };
32
+ tslib_es6.__decorate([
33
+ decorators.property({ type: String }),
34
+ tslib_es6.__metadata("design:type", Object)
35
+ ], exports.HScrollTo.prototype, "to", void 0);
36
+ tslib_es6.__decorate([
37
+ decorators.property({ type: String }),
38
+ tslib_es6.__metadata("design:type", String)
39
+ ], exports.HScrollTo.prototype, "behaviour", void 0);
40
+ exports.HScrollTo = tslib_es6.__decorate([
41
+ phoenix_custom_element.phoenixCustomElement('h-scroll-to'),
42
+ tslib_es6.__metadata("design:paramtypes", [])
43
+ ], exports.HScrollTo);
44
+ //# sourceMappingURL=scroll_to.js.map
package/build/cjs/packages/phoenix/src/components/scroll_to/scroll_to.js.map ADDED
@@ -0,0 +1 @@
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 CHANGED
@@ -62,6 +62,7 @@ var click_outside_controller_messages = require('./controllers/click_outside_con
62
62
  var backdrop = require('./components/backdrop/backdrop.js');
63
63
  var visibility_controller = require('./controllers/visibility_controller/visibility_controller.js');
64
64
  var slider = require('./components/slider/slider.js');
65
+ var scroll_to = require('./components/scroll_to/scroll_to.js');
65
66
 
66
67
 
67
68
 
@@ -344,4 +345,10 @@ Object.defineProperty(exports, 'HSlider', {
344
345
  return slider.HSlider;
345
346
  }
346
347
  });
348
+ Object.defineProperty(exports, 'HScrollTo', {
349
+ enumerable: true,
350
+ get: function () {
351
+ return scroll_to.HScrollTo;
352
+ }
353
+ });
347
354
  //# sourceMappingURL=index.js.map
package/build/cjs/packages/phoenix/src/index.js.map CHANGED
@@ -1 +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;"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { IHScrollTo } from './scroll_to_types';
2
+ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
3
+ export declare class HScrollTo extends PhoenixLightLitElement implements IHScrollTo {
4
+ to: string;
5
+ behaviour: ScrollBehavior;
6
+ private _btnController;
7
+ constructor();
8
+ connectedCallback(): void;
9
+ scrollToElement: () => void;
10
+ }
package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.js ADDED
@@ -0,0 +1,42 @@
1
+ import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
+ import { property } from 'lit/decorators';
3
+ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
4
+ import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
5
+ import { BtnController } from '../../controllers/btn_controller.js';
6
+
7
+ let HScrollTo = class HScrollTo extends PhoenixLightLitElement {
8
+ constructor() {
9
+ super();
10
+ this.to = '';
11
+ this.behaviour = 'smooth';
12
+ this.scrollToElement = () => {
13
+ const $scrollTo = document.querySelector(`[data-scroll="${this.to}"]`);
14
+ if ($scrollTo) {
15
+ const elTopPosition = $scrollTo.getBoundingClientRect().top;
16
+ requestAnimationFrame(() => {
17
+ window.scrollTo({ top: elTopPosition + window.scrollY, behavior: this.behaviour });
18
+ });
19
+ }
20
+ };
21
+ this._btnController = new BtnController(this, this.scrollToElement);
22
+ }
23
+ connectedCallback() {
24
+ super.connectedCallback();
25
+ this.addEventListener('click', this.scrollToElement);
26
+ }
27
+ };
28
+ __decorate([
29
+ property({ type: String }),
30
+ __metadata("design:type", Object)
31
+ ], HScrollTo.prototype, "to", void 0);
32
+ __decorate([
33
+ property({ type: String }),
34
+ __metadata("design:type", String)
35
+ ], HScrollTo.prototype, "behaviour", void 0);
36
+ HScrollTo = __decorate([
37
+ phoenixCustomElement('h-scroll-to'),
38
+ __metadata("design:paramtypes", [])
39
+ ], HScrollTo);
40
+
41
+ export { HScrollTo };
42
+ //# sourceMappingURL=scroll_to.js.map
package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to.js.map ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1,3 @@
1
+ export interface IHScrollTo {
2
+ scrollToElement(): void;
3
+ }
package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to_types.js ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=scroll_to_types.js.map
package/build/esm/packages/phoenix/src/components/scroll_to/scroll_to_types.js.map ADDED
@@ -0,0 +1 @@
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 CHANGED
@@ -69,3 +69,5 @@ export { VisibilityController } from './controllers/visibility_controller/visibi
69
69
  export * from './controllers/visibility_controller/visibility_controller_types';
70
70
  export { HSlider } from './components/slider/slider';
71
71
  export * from './components/slider/slider_types';
72
+ export { HScrollTo } from './components/scroll_to/scroll_to';
73
+ export * from './components/scroll_to/scroll_to_types';
package/build/esm/packages/phoenix/src/index.js CHANGED
@@ -58,4 +58,5 @@ export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from './controllers/click_outside_c
58
58
  export { HBackdrop } from './components/backdrop/backdrop.js';
59
59
  export { VisibilityController } from './controllers/visibility_controller/visibility_controller.js';
60
60
  export { HSlider } from './components/slider/slider.js';
61
+ export { HScrollTo } from './components/scroll_to/scroll_to.js';
61
62
  //# sourceMappingURL=index.js.map
package/build/esm/packages/phoenix/src/index.js.map CHANGED
@@ -1 +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;"}
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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@shoper/phoenix_design_system",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "0.19.4",
5
+ "version": "0.20.0",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",