@shoper/phoenix_design_system 1.18.1 → 1.18.2

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

@@ -1,116 +1,115 @@
-import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { property } from 'lit/decorators';
+import { __decorate, __metadata } from "tslib";
+import './scroller_types';
 import { JsonUtils, UiDomUtils } from '@dreamcommerce/utilities';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
-import { Splide } from '../../../../../external/@splidejs/splide/dist/js/splide.esm.js';
-import { AutoScroll } from '../../../../../external/@splidejs/splide-extension-auto-scroll/dist/js/splide-extension-auto-scroll.esm.js';
-import { SCROLLER_EVENTS, SCROLLER_CONTROLS_NAMES } from './scroller_constants.js';
-
-let HScroller = class HScroller extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.settings = '';
-        this.id = '';
-        this.isPaused = false;
-        this._settings = {
-            mountOnConnectedCallback: true,
-            type: 'loop',
-            perPage: 3,
-            autoScroll: {
-                autoStart: true,
-                pauseOnFocus: true,
-                pauseOnHover: true,
-                rewind: false,
-                speed: 1
-            }
-        };
-        this._scroller = null;
-    }
-    get sliderSettings() {
-        return this._settings;
-    }
-    set sliderSettings(newSettingsObject) {
-        const newSettings = JsonUtils.toJson(newSettingsObject);
-        if (!newSettings)
-            return;
-        this.settings = newSettings;
-    }
-    connectedCallback() {
-        var _a;
-        super.connectedCallback();
-        if (this.settings) {
-            this._settings = (_a = JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
-        }
-        this._scroller = new Splide(`#${this.id}`, this._settings);
-        if (this._settings.mountOnConnectedCallback) {
-            this._scroller.mount({ AutoScroll });
-        }
-        this.addEventListener(SCROLLER_EVENTS.pause, () => this.pause());
-        this.addEventListener(SCROLLER_EVENTS.play, () => this.play());
-        this._handlePausePlayState();
-    }
-    updated(changedProperties) {
-        if (changedProperties.has('isPaused')) {
-            this._handlePausePlayState();
-        }
-    }
-    pause() {
-        var _a;
-        const autoScroll = (_a = this._scroller) === null || _a === void 0 ? void 0 : _a.Components.AutoScroll;
-        if (autoScroll && !this.isPaused) {
-            autoScroll.pause();
-            this.isPaused = true;
-        }
-    }
-    play() {
-        var _a;
-        const autoScroll = (_a = this._scroller) === null || _a === void 0 ? void 0 : _a.Components.AutoScroll;
-        if (autoScroll && this.isPaused) {
-            autoScroll.play();
-            this.isPaused = false;
-        }
-    }
-    _handlePausePlayState() {
-        const playBtn = this.querySelector(SCROLLER_CONTROLS_NAMES.scrollerControlsPlay);
-        const pauseBtn = this.querySelector(SCROLLER_CONTROLS_NAMES.scrollerControlsPause);
-        if (!(playBtn && pauseBtn))
-            return;
-        if (this.isPaused) {
-            UiDomUtils.show(playBtn);
-            UiDomUtils.hide(pauseBtn);
-        }
-        else {
-            UiDomUtils.hide(playBtn);
-            UiDomUtils.show(pauseBtn);
-        }
-    }
-    getSlider() {
-        return this._scroller;
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        if (this._scroller) {
-            this._scroller.destroy();
-            this._scroller = null;
-        }
-    }
-};
-__decorate([
-    property({ reflect: true }),
-    __metadata("design:type", String)
-], HScroller.prototype, "settings", void 0);
-__decorate([
-    property(),
-    __metadata("design:type", String)
-], HScroller.prototype, "id", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
-], HScroller.prototype, "isPaused", void 0);
-HScroller = __decorate([
-    phoenixCustomElement('h-scroller')
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import Splide from '@splidejs/splide';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { property } from 'lit/decorators';
+import { AutoScroll } from '@splidejs/splide-extension-auto-scroll';
+import { SCROLLER_CONTROLS_NAMES, SCROLLER_EVENTS } from './scroller_constants';
+let HScroller = class HScroller extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.settings = '';
+        this.id = '';
+        this.isPaused = false;
+        this._settings = {
+            mountOnConnectedCallback: true,
+            type: 'loop',
+            perPage: 3,
+            autoScroll: {
+                autoStart: true,
+                pauseOnFocus: true,
+                pauseOnHover: true,
+                rewind: false,
+                speed: 1
+            }
+        };
+        this._scroller = null;
+    }
+    get sliderSettings() {
+        return this._settings;
+    }
+    set sliderSettings(newSettingsObject) {
+        const newSettings = JsonUtils.toJson(newSettingsObject);
+        if (!newSettings)
+            return;
+        this.settings = newSettings;
+    }
+    connectedCallback() {
+        var _a;
+        super.connectedCallback();
+        if (this.settings) {
+            this._settings = (_a = JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
+        }
+        this._scroller = new Splide(`#${this.id}`, this._settings);
+        if (this._settings.mountOnConnectedCallback) {
+            this._scroller.mount({ AutoScroll });
+        }
+        this.addEventListener(SCROLLER_EVENTS.pause, () => this.pause());
+        this.addEventListener(SCROLLER_EVENTS.play, () => this.play());
+        this._handlePausePlayState();
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('isPaused')) {
+            this._handlePausePlayState();
+        }
+    }
+    pause() {
+        var _a;
+        const autoScroll = (_a = this._scroller) === null || _a === void 0 ? void 0 : _a.Components.AutoScroll;
+        if (autoScroll && !this.isPaused) {
+            autoScroll.pause();
+            this.isPaused = true;
+        }
+    }
+    play() {
+        var _a;
+        const autoScroll = (_a = this._scroller) === null || _a === void 0 ? void 0 : _a.Components.AutoScroll;
+        if (autoScroll && this.isPaused) {
+            autoScroll.play();
+            this.isPaused = false;
+        }
+    }
+    _handlePausePlayState() {
+        const playBtn = this.querySelector(SCROLLER_CONTROLS_NAMES.scrollerControlsPlay);
+        const pauseBtn = this.querySelector(SCROLLER_CONTROLS_NAMES.scrollerControlsPause);
+        if (!(playBtn && pauseBtn))
+            return;
+        if (this.isPaused) {
+            UiDomUtils.show(playBtn);
+            UiDomUtils.hide(pauseBtn);
+        }
+        else {
+            UiDomUtils.hide(playBtn);
+            UiDomUtils.show(pauseBtn);
+        }
+    }
+    getSlider() {
+        return this._scroller;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this._scroller) {
+            this._scroller.destroy();
+            this._scroller = null;
+        }
+    }
+};
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], HScroller.prototype, "settings", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], HScroller.prototype, "id", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], HScroller.prototype, "isPaused", void 0);
+HScroller = __decorate([
+    phoenixCustomElement('h-scroller')
 ], HScroller);
-
 export { HScroller };
-//# sourceMappingURL=scroller.js.map
+//# sourceMappingURL=scroller.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA,uBAAuB,gEAAoE;AAC3F,2BAA2B,4GAAgH;AAC3I;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"scroller.js","sourceRoot":"","sources":["../../../../../../../src/components/scroller/scroller.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/phoenix/src/components/scroller/scroller_constants.d.ts

@@ -1,13 +1,13 @@
-export declare const SCROLLER_EVENTS: {
-    readonly pause: "scroller-pause";
-    readonly play: "scroller-play";
-    readonly click: "click";
-};
-export declare const SCROLLER_CONTROLS_NAMES: {
-    readonly scrollerControlsPlay: "h-scroller-play";
-    readonly scrollerControlsPause: "h-scroller-pause";
-};
-export declare const SCROLLER_CLASS_NAME: {
-    readonly scrollerControlsPlay: "scroller__controls_play";
-    readonly scrollerControlsPause: "scroller__controls_pause";
-};
+export declare const SCROLLER_EVENTS: {
+    readonly pause: "scroller-pause";
+    readonly play: "scroller-play";
+    readonly click: "click";
+};
+export declare const SCROLLER_CONTROLS_NAMES: {
+    readonly scrollerControlsPlay: "h-scroller-play";
+    readonly scrollerControlsPause: "h-scroller-pause";
+};
+export declare const SCROLLER_CLASS_NAME: {
+    readonly scrollerControlsPlay: "scroller__controls_play";
+    readonly scrollerControlsPause: "scroller__controls_pause";
+};

package/build/esm/packages/phoenix/src/components/scroller/scroller_constants.js

@@ -1,12 +1,14 @@
-const SCROLLER_EVENTS = {
-    pause: 'scroller-pause',
-    play: 'scroller-play',
-    click: 'click'
-};
-const SCROLLER_CONTROLS_NAMES = {
-    scrollerControlsPlay: 'h-scroller-play',
-    scrollerControlsPause: 'h-scroller-pause'
+export const SCROLLER_EVENTS = {
+    pause: 'scroller-pause',
+    play: 'scroller-play',
+    click: 'click'
 };
-
-export { SCROLLER_CONTROLS_NAMES, SCROLLER_EVENTS };
-//# sourceMappingURL=scroller_constants.js.map
+export const SCROLLER_CONTROLS_NAMES = {
+    scrollerControlsPlay: 'h-scroller-play',
+    scrollerControlsPause: 'h-scroller-pause'
+};
+export const SCROLLER_CLASS_NAME = {
+    scrollerControlsPlay: 'scroller__controls_play',
+    scrollerControlsPause: 'scroller__controls_pause'
+};
+//# sourceMappingURL=scroller_constants.js.map

package/build/esm/packages/phoenix/src/components/scroller/scroller_constants.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;"}
+{"version":3,"file":"scroller_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/scroller/scroller_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,OAAO;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,oBAAoB,EAAE,iBAAiB;IACvC,qBAAqB,EAAE,kBAAkB;CACnC,CAAC;AAEX,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,oBAAoB,EAAE,yBAAyB;IAC/C,qBAAqB,EAAE,0BAA0B;CAC3C,CAAC"}

package/build/esm/packages/phoenix/src/components/scroller/scroller_types.d.ts

@@ -1,14 +1,14 @@
-import { Options, Splide } from '@splidejs/splide';
-export interface IScroller extends Splide {
-}
-export interface IScrollerOptions extends Options {
-    mountOnConnectedCallback: boolean;
-    type: string;
-    autoScroll: {
-        autoStart: boolean;
-        pauseOnFocus: boolean;
-        pauseOnHover: boolean;
-        rewind: boolean;
-        speed: number;
-    };
-}
+import { Options, Splide } from '@splidejs/splide';
+export interface IScroller extends Splide {
+}
+export interface IScrollerOptions extends Options {
+    mountOnConnectedCallback: boolean;
+    type: string;
+    autoScroll: {
+        autoStart: boolean;
+        pauseOnFocus: boolean;
+        pauseOnHover: boolean;
+        rewind: boolean;
+        speed: number;
+    };
+}

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

@@ -1,37 +1,37 @@
-import { TemplateResult } from 'lit-html';
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { PropertyValues } from '@lit/reactive-element';
-export declare class HSheet extends PhoenixLightLitElement {
-    opened: boolean;
-    class: string;
-    transition: string;
-    sheetLabel: string;
-    _firstFocusableElement: HTMLElement | undefined;
-    _focusableElements: HTMLElement[] | null;
-    _lastFocusableElement: HTMLElement | undefined;
-    private _focusedToggler;
-    private _contentRef;
-    private _focusSentinelStart;
-    private _focusSentinelEnd;
-    private _propsChangeStrategies;
-    private static openSheets;
-    private _backdropController;
-    private static _appendSheetPortal;
-    static isSomeSheetOpen(): boolean;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(props: PropertyValues): void;
-    updated(changedProps: Map<string, any>): void;
-    private _setFocusToFirstFocusableElementInSheetOrCloseBtn;
-    private _keepFocusWithinSheet;
-    private _handleCloseFromCloseComponent;
-    private _bindCloseOnEsc;
-    open(): Promise<void>;
-    private _dispatchSheetOpenedEvent;
-    close: () => Promise<void>;
-    private _dispatchHSheetClosedEvent;
-    private _addInertToBodyChildrenElements;
-    private _removeInertFromBodyChildrenElements;
-    render(): TemplateResult<1>;
-}
+import { TemplateResult } from 'lit-html';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { PropertyValues } from '@lit/reactive-element';
+export declare class HSheet extends PhoenixLightLitElement {
+    opened: boolean;
+    class: string;
+    transition: string;
+    sheetLabel: string;
+    _firstFocusableElement: HTMLElement | undefined;
+    _focusableElements: HTMLElement[] | null;
+    _lastFocusableElement: HTMLElement | undefined;
+    private _focusedToggler;
+    private _contentRef;
+    private _focusSentinelStart;
+    private _focusSentinelEnd;
+    private _propsChangeStrategies;
+    private static openSheets;
+    private _backdropController;
+    private static _appendSheetPortal;
+    static isSomeSheetOpen(): boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(props: PropertyValues): void;
+    updated(changedProps: Map<string, any>): void;
+    private _setFocusToFirstFocusableElementInSheetOrCloseBtn;
+    private _keepFocusWithinSheet;
+    private _handleCloseFromCloseComponent;
+    private _bindCloseOnEsc;
+    open(): Promise<void>;
+    private _dispatchSheetOpenedEvent;
+    close: () => Promise<void>;
+    private _dispatchHSheetClosedEvent;
+    private _addInertToBodyChildrenElements;
+    private _removeInertFromBodyChildrenElements;
+    render(): TemplateResult<1>;
+}