@shoper/phoenix_design_system 1.18.1 → 1.18.2

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

@@ -1,93 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-require('lit');
-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 v4 = require('../../../../../external/uuid/dist/esm-browser/v4.js');
-var portal_constants = require('./portal_constants.js');
-
-exports.HPortal = class HPortal extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._id = v4['default']();
-        this._initialChildren = [];
-        this.to = '';
-        this.disabled = false;
-        this._initialChildren = [...this.children];
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        const shouldOpenPortal = this._initialChildren.length > 0 && !this.disabled;
-        if (shouldOpenPortal) {
-            this.openPortal();
-        }
-    }
-    updated(props) {
-        super.updated(props);
-        if (this.children.length > 0) {
-            if (!this.disabled) {
-                this._initialChildren = [...this.children];
-                this.openPortal();
-            }
-        }
-        this.disabled ? this.closePortal() : this.openPortal();
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.closePortal();
-    }
-    openPortal() {
-        const openPortalEventData = {
-            composed: true,
-            detail: {
-                portalId: this._id,
-                to: this.to,
-                content: [...this._initialChildren]
-            }
-        };
-        this.emitCustomEvent(portal_constants.PORTAL_EVENTS.open, openPortalEventData);
-        this.emitCustomEvent(portal_constants.PORTAL_EVENTS.open, {
-            ...openPortalEventData,
-            target: document
-        });
-    }
-    closePortal() {
-        const closePortalEventData = {
-            composed: true,
-            detail: {
-                portalId: this._id,
-                to: this.to
-            }
-        };
-        this.emitCustomEvent(portal_constants.PORTAL_EVENTS.close, closePortalEventData);
-        this.emitCustomEvent(portal_constants.PORTAL_EVENTS.close, {
-            ...closePortalEventData,
-            target: document
-        });
-    }
-};
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HPortal.prototype, "_id", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Array)
-], exports.HPortal.prototype, "_initialChildren", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HPortal.prototype, "to", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HPortal.prototype, "disabled", void 0);
-exports.HPortal = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-portal'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HPortal);
-//# sourceMappingURL=portal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA,iBAAiB,qDAAyD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/portal/portal_constants.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const PORTAL_EVENTS = {
-    open: 'open',
-    close: 'close'
-};
-const PORTAL_TARGET_NAME_PROP = 'name';
-const PORTAL_COMPONENT_NAME = 'h-portal';
-const PORTAL_TARGET_COMPONENT_NAME = 'h-portal-target';
-const PORTAL_TARGET_ATTRIBUTE_NAME = 'portal-target';
-
-exports.PORTAL_COMPONENT_NAME = PORTAL_COMPONENT_NAME;
-exports.PORTAL_EVENTS = PORTAL_EVENTS;
-exports.PORTAL_TARGET_ATTRIBUTE_NAME = PORTAL_TARGET_ATTRIBUTE_NAME;
-exports.PORTAL_TARGET_COMPONENT_NAME = PORTAL_TARGET_COMPONENT_NAME;
-exports.PORTAL_TARGET_NAME_PROP = PORTAL_TARGET_NAME_PROP;
-//# sourceMappingURL=portal_constants.js.map

package/build/cjs/packages/phoenix/src/components/portal/portal_constants.js.map

@@ -1 +0,0 @@
-{"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;"}

package/build/cjs/packages/phoenix/src/components/portal/portal_target.js

@@ -1,83 +0,0 @@
-'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 portal_target_error = require('./portal_target_error.js');
-var portal_constants = require('./portal_constants.js');
-
-var HPortalTarget_1;
-exports.HPortalTarget = HPortalTarget_1 = class HPortalTarget extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.name = '';
-        this._portalElementsMap = {};
-        this.portalElements = ({ detail }) => {
-            var _a;
-            if (!(detail === null || detail === void 0 ? void 0 : detail.portalId) || !(detail === null || detail === void 0 ? void 0 : detail.to) || !(detail === null || detail === void 0 ? void 0 : detail.content))
-                return;
-            const { portalId, content, to } = detail;
-            if (!this.doesDestinationMatch(to))
-                return;
-            const newPortalElements = [...content].map((el) => this.appendChild(el));
-            const elementsInProtal = (_a = this._portalElementsMap[portalId]) !== null && _a !== void 0 ? _a : [];
-            this._portalElementsMap[portalId] = [...newPortalElements, ...elementsInProtal];
-        };
-        this.removeTeleportedItems = ({ detail }) => {
-            var _a;
-            if (!(detail === null || detail === void 0 ? void 0 : detail.portalId) || !(detail === null || detail === void 0 ? void 0 : detail.to))
-                return;
-            const { portalId, to } = detail;
-            if (!this.doesDestinationMatch(to))
-                return;
-            (_a = this._portalElementsMap[portalId]) === null || _a === void 0 ? void 0 : _a.forEach((el) => {
-                if (el.parentElement === this) {
-                    this.removeChild(el);
-                }
-            });
-            this._portalElementsMap[portalId] = [];
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.allowOnlyOnePortalTargetWithName();
-        document.addEventListener(portal_constants.PORTAL_EVENTS.open, this.portalElements, {
-            capture: true
-        });
-        document.addEventListener(portal_constants.PORTAL_EVENTS.close, this.removeTeleportedItems, {
-            capture: true
-        });
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        document === null || document === void 0 ? void 0 : document.removeEventListener(portal_constants.PORTAL_EVENTS.open, this.portalElements);
-        document === null || document === void 0 ? void 0 : document.removeEventListener(portal_constants.PORTAL_EVENTS.close, this.removeTeleportedItems);
-        HPortalTarget_1.portalTargetsNames.delete(this[portal_constants.PORTAL_TARGET_NAME_PROP]);
-    }
-    doesDestinationMatch(destination) {
-        return destination === this[portal_constants.PORTAL_TARGET_NAME_PROP];
-    }
-    allowOnlyOnePortalTargetWithName() {
-        if (HPortalTarget_1.portalTargetsNames.has(this[portal_constants.PORTAL_TARGET_NAME_PROP])) {
-            this.remove();
-            throw new portal_target_error.PortalTargetError(`Portal target with name "${this[portal_constants.PORTAL_TARGET_NAME_PROP]}" already exists.`);
-        }
-        HPortalTarget_1.portalTargetsNames.add(this[portal_constants.PORTAL_TARGET_NAME_PROP]);
-    }
-};
-exports.HPortalTarget.portalTargetsNames = new Set();
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HPortalTarget.prototype, "name", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HPortalTarget.prototype, "_portalElementsMap", void 0);
-exports.HPortalTarget = HPortalTarget_1 = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-portal-target')
-], exports.HPortalTarget);
-//# sourceMappingURL=portal_target.js.map

package/build/cjs/packages/phoenix/src/components/portal/portal_target.js.map

@@ -1 +0,0 @@
-{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/portal/portal_target_error.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-class PortalTargetError extends Error {
-}
-
-exports.PortalTargetError = PortalTargetError;
-//# sourceMappingURL=portal_target_error.js.map

package/build/cjs/packages/phoenix/src/components/portal/portal_target_error.js.map

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

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

@@ -1,45 +0,0 @@
-'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/btn_controller.js');
-
-exports.HScrollTo = class HScrollTo extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.to = '';
-        this.behavior = '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.behavior });
-                    $scrollTo.focus();
-                });
-            }
-        };
-        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, "behavior", 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

@@ -1 +0,0 @@
-{"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;AACA;"}

package/build/cjs/packages/phoenix/src/components/scroller/scroller-item.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-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');
-
-exports.HScrollerItem = class HScrollerItem extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.slot = this.hasAttribute('slot') ? this.slot : 'item';
-        this.className = `splide__slide ${this.className}`;
-    }
-};
-exports.HScrollerItem = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-scroller-item'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HScrollerItem);
-//# sourceMappingURL=scroller-item.js.map

package/build/cjs/packages/phoenix/src/components/scroller/scroller-item.js.map

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1,118 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var decorators = require('lit/decorators');
-var utilities = require('@dreamcommerce/utilities');
-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 splide_esm = require('../../../../../external/@splidejs/splide/dist/js/splide.esm.js');
-var splideExtensionAutoScroll_esm = require('../../../../../external/@splidejs/splide-extension-auto-scroll/dist/js/splide-extension-auto-scroll.esm.js');
-var scroller_constants = require('./scroller_constants.js');
-
-exports.HScroller = class HScroller extends phoenix_light_lit_element.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 = utilities.JsonUtils.toJson(newSettingsObject);
-        if (!newSettings)
-            return;
-        this.settings = newSettings;
-    }
-    connectedCallback() {
-        var _a;
-        super.connectedCallback();
-        if (this.settings) {
-            this._settings = (_a = utilities.JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
-        }
-        this._scroller = new splide_esm.Splide(`#${this.id}`, this._settings);
-        if (this._settings.mountOnConnectedCallback) {
-            this._scroller.mount({ AutoScroll: splideExtensionAutoScroll_esm.AutoScroll });
-        }
-        this.addEventListener(scroller_constants.SCROLLER_EVENTS.pause, () => this.pause());
-        this.addEventListener(scroller_constants.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_constants.SCROLLER_CONTROLS_NAMES.scrollerControlsPlay);
-        const pauseBtn = this.querySelector(scroller_constants.SCROLLER_CONTROLS_NAMES.scrollerControlsPause);
-        if (!(playBtn && pauseBtn))
-            return;
-        if (this.isPaused) {
-            utilities.UiDomUtils.show(playBtn);
-            utilities.UiDomUtils.hide(pauseBtn);
-        }
-        else {
-            utilities.UiDomUtils.hide(playBtn);
-            utilities.UiDomUtils.show(pauseBtn);
-        }
-    }
-    getSlider() {
-        return this._scroller;
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        if (this._scroller) {
-            this._scroller.destroy();
-            this._scroller = null;
-        }
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ reflect: true }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HScroller.prototype, "settings", void 0);
-tslib_es6.__decorate([
-    decorators.property(),
-    tslib_es6.__metadata("design:type", String)
-], exports.HScroller.prototype, "id", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean, reflect: true }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HScroller.prototype, "isPaused", void 0);
-exports.HScroller = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-scroller')
-], exports.HScroller);
-//# sourceMappingURL=scroller.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA,yBAAyB,gEAAoE;AAC7F,4CAA4C,4GAAgH;AAC5J;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/scroller/scroller_constants.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const SCROLLER_EVENTS = {
-    pause: 'scroller-pause',
-    play: 'scroller-play',
-    click: 'click'
-};
-const SCROLLER_CONTROLS_NAMES = {
-    scrollerControlsPlay: 'h-scroller-play',
-    scrollerControlsPause: 'h-scroller-pause'
-};
-
-exports.SCROLLER_CONTROLS_NAMES = SCROLLER_CONTROLS_NAMES;
-exports.SCROLLER_EVENTS = SCROLLER_EVENTS;
-//# sourceMappingURL=scroller_constants.js.map

package/build/cjs/packages/phoenix/src/components/scroller/scroller_constants.js.map

@@ -1 +0,0 @@
-{"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;"}