@shoper/phoenix_design_system 1.2.22 → 1.3.0

package/build/cjs/packages/phoenix/src/core/decorators/phoenix_custom_element.js

@@ -1,58 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/**
- * Allow for custom element classes with private constructors
- */
-const legacyCustomElement = (tagName, clazz) => {
-    // Cast as any because TS doesn't recognize the return type as being a
-    // subtype of the decorated class when clazz is typed as
-    // `Constructor<HTMLElement>` for some reason.
-    // `Constructor<HTMLElement>` is helpful to make sure the decorator is
-    // applied to elements however.
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    defineComponent(tagName, clazz);
-    clazz.__componentName__ = tagName;
-    return clazz;
-};
-const standardCustomElement = (tagName, descriptor) => {
-    const { kind, elements } = descriptor;
-    return {
-        kind,
-        elements,
-        // This callback is called once the class is otherwise fully defined
-        finisher(clazz) {
-            clazz.__componentName__ = tagName;
-            defineComponent(tagName, clazz);
-        }
-    };
-};
-/**
- * Class decorator factory that defines the decorated class as a custom element.
- *
- * ```js
- * @phoenixCustomElement('my-element')
- * class MyElement extends LitElement {
- *   render() {
- *     return html``;
- *   }
- * }
- * ```
- * @category Decorator
- * @param tagName The tag name of the custom element to define.
- */
-const phoenixCustomElement = (tagName) => (classOrDescriptor) => typeof classOrDescriptor === 'function'
-    ? legacyCustomElement(tagName, classOrDescriptor)
-    : standardCustomElement(tagName, classOrDescriptor);
-const defineComponent = (tagName, componentClass) => {
-    const isCustomElementAlreadyDefined = customElements.get(tagName);
-    if (!isCustomElementAlreadyDefined)
-        window.customElements.define(tagName, componentClass);
-    if (isCustomElementAlreadyDefined && window.__debug_mode__) {
-        console.warn(`Custom element ${tagName} is already defined.`);
-    }
-};
-
-exports.phoenixCustomElement = phoenixCustomElement;
-//# sourceMappingURL=phoenix_custom_element.js.map

package/build/cjs/packages/phoenix/src/core/decorators/phoenix_custom_element.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/core/phoenix_light_lit_element/phoenix_light_lit_element.js

@@ -1,147 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var phoenix_light_lit_elements_constants = require('./phoenix_light_lit_elements_constants.js');
-var lit = require('lit');
-var decorators = require('lit/decorators');
-var utilities = require('@dreamcommerce/utilities');
-var phoenix_light_lit_element_utils = require('./phoenix_light_lit_element_utils.js');
-
-class PhoenixLightLitElement extends lit.LitElement {
-    constructor() {
-        super(...arguments);
-        this._slots = {};
-        this.watchChildrenRendered = false;
-        this.watchChildrenConnected = false;
-        this.isWebComponentConnected = false;
-        this.isWebComponentRendered = false;
-        this._childrenForConnectionToWatch = [];
-        this._childrenForRenderToWatch = [];
-        this._handleComponentConnected = ({ detail }) => {
-            const connectedElement = detail.$el.tagName.toLowerCase();
-            if (this._childrenForConnectionToWatch.includes(connectedElement)) {
-                const elToRemoveIndex = this._childrenForConnectionToWatch.findIndex((tagName) => tagName === connectedElement);
-                this._childrenForConnectionToWatch.splice(elToRemoveIndex, elToRemoveIndex + 1);
-            }
-            if (!this._childrenForConnectionToWatch.length) {
-                this.allChildrenConnected();
-                this.removeEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
-            }
-        };
-        this._handleComponentRendered = (event) => {
-            const { detail } = event;
-            const renderedElement = detail.$el.tagName.toLowerCase();
-            if (this._childrenForRenderToWatch.includes(renderedElement)) {
-                const elToRemoveIndex = this._childrenForRenderToWatch.findIndex((tagName) => tagName === renderedElement);
-                this._childrenForRenderToWatch.splice(elToRemoveIndex, elToRemoveIndex + 1);
-            }
-            if (!this._childrenForRenderToWatch.length) {
-                this.allChildrenRendered();
-                this.removeEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered, this._handleComponentRendered);
-            }
-        };
-        this._dispatchLifecycleEvent = (eventName) => {
-            this.dispatchEvent(new CustomEvent(eventName, {
-                detail: {
-                    $el: this
-                },
-                bubbles: true
-            }));
-        };
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this.isWebComponentRendered = true;
-        this._slots = this._assignSlots();
-        this.requestUpdate();
-        this._dispatchLifecycleEvent(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered);
-    }
-    _setupChildrenConnectedWatch() {
-        this._childrenForConnectionToWatch = this.childrenToWatch
-            ? this._getComponentsChildrenToWatch()
-            : this._getComponentsNamesForConnectionToWatch();
-        if (!this._childrenForConnectionToWatch.length) {
-            this.allChildrenConnected();
-            return;
-        }
-        this.addEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
-    }
-    _setupChildrenRenderWatch() {
-        this._childrenForRenderToWatch = this.childrenToWatch
-            ? this._getComponentsChildrenToWatch()
-            : this._getComponentsNamesForRenderedToWatch();
-        if (!this._childrenForRenderToWatch.length) {
-            this.allChildrenRendered();
-            return;
-        }
-        this.addEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered, this._handleComponentRendered);
-    }
-    _getComponentsChildrenToWatch() {
-        const childrenToWatch = [];
-        this.childrenToWatch.forEach((elementName) => {
-            return [...this.querySelectorAll(elementName)].forEach(($element) => {
-                childrenToWatch.push($element.tagName.toLowerCase());
-            });
-        });
-        return childrenToWatch;
-    }
-    _getComponentsNamesForConnectionToWatch() {
-        return phoenix_light_lit_element_utils.PhoenixLightLitElementUtils.getComponentsForWhichToWaitForConnection([...this.querySelectorAll('*')]).map(($element) => $element.tagName.toLowerCase());
-    }
-    _getComponentsNamesForRenderedToWatch() {
-        return phoenix_light_lit_element_utils.PhoenixLightLitElementUtils.getComponentsForWhichToWaitForRender([...this.querySelectorAll('*')]).map(($element) => $element.tagName.toLowerCase());
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.isWebComponentConnected = true;
-        this._dispatchLifecycleEvent(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected);
-        if (this.watchChildrenConnected)
-            this._setupChildrenConnectedWatch();
-        if (this.watchChildrenRendered)
-            this._setupChildrenRenderWatch();
-    }
-    allChildrenConnected() { }
-    allChildrenRendered() { }
-    _assignSlots() {
-        return utilities.UiDomUtils.getDirectChildren(this, '[slot]').reduce((acc, $el) => {
-            var _a;
-            const slotName = $el.slot || phoenix_light_lit_elements_constants.DEFAULT_SLOT_NAME;
-            const $slottedElement = $el instanceof HTMLTemplateElement ? $el.content.cloneNode(true) : $el;
-            acc[slotName] = acc[slotName] || [];
-            acc[slotName].push(lit.html `${$slottedElement}`);
-            (_a = $el.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild($el);
-            $el.removeAttribute('slot');
-            return acc;
-        }, this._slots);
-    }
-    getSlot(name) {
-        try {
-            return this._slots[name];
-        }
-        catch (_a) { }
-        return lit.nothing;
-    }
-    hasSlot(name) {
-        return !!this._slots[name];
-    }
-    createRenderRoot() {
-        return this;
-    }
-}
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], PhoenixLightLitElement.prototype, "_slots", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
-], PhoenixLightLitElement.prototype, "isWebComponentConnected", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
-], PhoenixLightLitElement.prototype, "isWebComponentRendered", void 0);
-
-exports.PhoenixLightLitElement = PhoenixLightLitElement;
-//# sourceMappingURL=phoenix_light_lit_element.js.map

package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utilities = require('@dreamcommerce/utilities');
-
-class PhoenixLightLitElementUtils {
-    static getComponentsForWhichToWaitForConnection(components) {
-        return components.filter(($element) => (utilities.WebComponentsUtils.isWebComponent($element) && !utilities.WebComponentsUtils.isWebComponentDefined($element)) ||
-            (utilities.WebComponentsUtils.isWebComponent($element) &&
-                utilities.WebComponentsUtils.isWebComponentDefined($element) &&
-                !$element.isWebComponentConnected));
-    }
-    static getComponentsForWhichToWaitForRender(components) {
-        return components.filter(($element) => (utilities.WebComponentsUtils.isWebComponent($element) && !utilities.WebComponentsUtils.isWebComponentDefined($element)) ||
-            (utilities.WebComponentsUtils.isWebComponent($element) &&
-                utilities.WebComponentsUtils.isWebComponentDefined($element) &&
-                !$element.isWebComponentRendered));
-    }
-}
-
-exports.PhoenixLightLitElementUtils = PhoenixLightLitElementUtils;
-//# sourceMappingURL=phoenix_light_lit_element_utils.js.map

package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.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;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const DEFAULT_SLOT_NAME = 'default';
-const eventPrefix = 'PhoenixLightLitElement';
-const PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES = {
-    connected: `${eventPrefix}.connected`,
-    rendered: `${eventPrefix}.rendered`
-};
-
-exports.DEFAULT_SLOT_NAME = DEFAULT_SLOT_NAME;
-exports.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES = PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES;
-//# sourceMappingURL=phoenix_light_lit_elements_constants.js.map

package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_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;"}

package/build/cjs/packages/phoenix/src/directives/namespaced_attribure_directive.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var lit = require('lit');
-require('../../../../external/lit/external/lit-html/lit-html.js');
-var directive = require('../../../../external/lit/external/lit-html/directive.js');
-
-class NamespaceAttributeDirective extends directive.Directive {
-    update(part, [namespace, value]) {
-        const attributePart = part;
-        attributePart.element.setAttributeNS(namespace, attributePart.name, value);
-        return this.render(namespace, value);
-    }
-    render(namespace, value) {
-        return lit.noChange;
-    }
-}
-const namespacedAttribute = directive.directive(NamespaceAttributeDirective);
-
-exports.namespacedAttribute = namespacedAttribute;
-//# sourceMappingURL=namespaced_attribure_directive.js.map

package/build/cjs/packages/phoenix/src/directives/namespaced_attribure_directive.js.map

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

package/build/cjs/packages/phoenix/src/directives/observable_directive.js

@@ -1,40 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var lit = require('lit');
-var directive = require('../../../../external/lit/external/lit-html/directive.js');
-var asyncDirective = require('../../../../external/lit/external/lit-html/async-directive.js');
-var observer = require('../core/classes/observer/observer.js');
-
-class ObserveDirective extends asyncDirective.AsyncDirective {
-    render(observable, render) {
-        var _a;
-        if (this._observable !== observable) {
-            (_a = this.observable) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.observer);
-            this._observable = observable;
-            this._render = render;
-            if (this.isConnected)
-                this.subscribe(observable, render);
-        }
-        return lit.noChange;
-    }
-    subscribe(observable, render) {
-        this.observable = observable;
-        this.observer = new observer.Observer((value) => {
-            this.setValue(typeof render === 'function' ? render(value) : value);
-        });
-        observable.subscribe(this.observer);
-    }
-    disconnected() {
-        var _a;
-        (_a = this.observable) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.observer);
-    }
-    reconnected() {
-        this.subscribe(this._observable, this._render);
-    }
-}
-const observe = directive.directive(ObserveDirective);
-
-exports.observe = observe;
-//# sourceMappingURL=observable_directive.js.map

package/build/cjs/packages/phoenix/src/directives/observable_directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,wBAAwB,yDAAiE;AACzF,6BAA6B,+DAAuE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/global_constants.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const BREAKPOINTS = {
-    xs: 576,
-    sm: 768,
-    md: 1000,
-    lg: 1200,
-    xl: 1440,
-    xxl: 1920
-};
-const SCROLLABLE_CLASS_NAME = 'scrollable';
-
-exports.BREAKPOINTS = BREAKPOINTS;
-exports.SCROLLABLE_CLASS_NAME = SCROLLABLE_CLASS_NAME;
-//# sourceMappingURL=global_constants.js.map

package/build/cjs/packages/phoenix/src/global_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;"}