@shoper/phoenix_design_system 0.8.3-0 → 0.9.1

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

@@ -1,4 +1,4 @@
-import { PropertyValues, TemplateResult } from 'lit';
+import { TemplateResult, PropertyValues } from 'lit';
 import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
 export declare class HModal extends PhoenixLightLitElement {
     opened: boolean;
@@ -13,6 +13,7 @@ export declare class HModal extends PhoenixLightLitElement {
     private _propsChangeStrategies;
     private static openModals;
     private static _appendModalsPortal;
+    private static _appendModalsBackdrop;
     static isSomeModalOpen(): boolean;
     constructor();
     connectedCallback(): void;

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

@@ -6,7 +6,6 @@ import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_eleme
 import { PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
 import { MODAL_OPENED_PROP, FOCUSABLE_ELEMENTS_WITHIN_MODAL, MODALS_PORTAL_NAME, MODAL_EVENTS } from './modal_constants.js';
 import { createRef as e, ref as n } from '../../../../../external/lit-html/directives/ref.js';
-import { BACKDROP_EVENTS } from '../backdrop/backdrop_constants.js';
 
 var HModal_1;
 let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
@@ -90,21 +89,26 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
             document.body.appendChild($portalTarget);
         }
     }
+    static _appendModalsBackdrop() {
+        const $modalsBackdrop = document.querySelector('h-modal-backdrop');
+        if (!$modalsBackdrop) {
+            const $backdrop = document.createElement('h-modal-backdrop');
+            document.body.appendChild($backdrop);
+        }
+    }
     static isSomeModalOpen() {
         return HModal_1.openModals.some((modal) => modal.opened);
     }
     connectedCallback() {
         super.connectedCallback();
         HModal_1._appendModalsPortal();
+        HModal_1._appendModalsBackdrop();
         document.addEventListener('keydown', this._keepFocusWithinModal);
         document.addEventListener(MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        if (this[MODAL_OPENED_PROP]) {
-            this[MODAL_OPENED_PROP] = false;
-            this._dispatchModalClosedEvent();
-        }
+        this[MODAL_OPENED_PROP] = false;
         document.removeEventListener(MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
         document.removeEventListener('keydown', this._bindCloseOnEsc);
     }
@@ -131,6 +135,7 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
                 setTimeout(() => {
                     var _a;
                     this[MODAL_OPENED_PROP] = true;
+                    this._dispatchModalOpenedEvent();
                     (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_show-${this.transition}-start`, `modal_show-${this.transition}-end`);
                     resolve();
                 }, transitionDuration);
@@ -142,10 +147,6 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
             bubbles: true
         });
         this.dispatchEvent(openModalEvent);
-        const openBackdropEvent = new CustomEvent(BACKDROP_EVENTS.show, {
-            bubbles: true
-        });
-        document.dispatchEvent(openBackdropEvent);
     }
     async close() {
         return new Promise((resolve) => {
@@ -169,10 +170,6 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
             bubbles: true
         });
         this.dispatchEvent(closeModalEvent);
-        const closeBackdropEvent = new CustomEvent(BACKDROP_EVENTS.hide, {
-            bubbles: true
-        });
-        document.dispatchEvent(closeBackdropEvent);
     }
     render() {
         return html `

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC,oDAAwD;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC,oDAAwD;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/modal/modal_backdrop.d.ts

@@ -0,0 +1,12 @@
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+export declare class HModalBackdrop extends PhoenixLightLitElement {
+    visible: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _show;
+    private _hide;
+    protected updated(): void;
+    private _disableScrolling;
+    private _enableScrolling;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/build/esm/packages/phoenix/src/components/modal/modal_backdrop.js

@@ -0,0 +1,64 @@
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { html } from 'lit';
+import { property } from 'lit/decorators';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { MODAL_EVENTS } from './modal_constants.js';
+import { HModal } from './modal.js';
+
+let HModalBackdrop = class HModalBackdrop extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.visible = false;
+        this._show = () => {
+            if (!this.visible) {
+                this.visible = true;
+            }
+        };
+        this._hide = () => {
+            if (!HModal.isSomeModalOpen()) {
+                this.visible = false;
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener(MODAL_EVENTS.opened, this._show);
+        document.addEventListener(MODAL_EVENTS.closed, this._hide);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener(MODAL_EVENTS.opened, this._show);
+        document.removeEventListener(MODAL_EVENTS.closed, this._hide);
+    }
+    updated() {
+        if (HModal.isSomeModalOpen()) {
+            this.visible = true;
+            this._disableScrolling();
+        }
+        else {
+            this._enableScrolling();
+        }
+    }
+    _disableScrolling() {
+        document.body.style.overflow = 'hidden';
+        document.body.style.paddingRight = '15px';
+    }
+    _enableScrolling() {
+        document.body.style.removeProperty('overflow');
+        document.body.style.removeProperty('padding-right');
+    }
+    render() {
+        return html ` <div aria-hidden="true" ?hidden="${!this.visible}" class="modal-backdrop"></div>`;
+    }
+};
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HModalBackdrop.prototype, "visible", void 0);
+HModalBackdrop = __decorate([
+    phoenixCustomElement('h-modal-backdrop')
+], HModalBackdrop);
+
+export { HModalBackdrop };
+//# sourceMappingURL=modal_backdrop.js.map

package/build/esm/packages/phoenix/src/components/{backdrop/backdrop.js.map → modal/modal_backdrop.js.map}

@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;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/controllers/click_outside_controller/click_outside_controller.js

@@ -15,10 +15,8 @@ class ClickOutsideController {
                     name: this._name
                 }
             });
-            const target = ev.target;
-            const isContainerWithinTarget = target.contains(__classPrivateFieldGet(this, _ClickOutsideController_container, "f")) && target !== __classPrivateFieldGet(this, _ClickOutsideController_container, "f");
-            const isTargetWithinContainer = __classPrivateFieldGet(this, _ClickOutsideController_container, "f").contains(target);
-            if (isContainerWithinTarget || !isTargetWithinContainer) {
+            const { target } = ev;
+            if (target.contains(__classPrivateFieldGet(this, _ClickOutsideController_container, "f"))) {
                 __classPrivateFieldGet(this, _ClickOutsideController_host, "f").dispatchEvent(clickedOutsideEvent);
             }
         };

package/build/esm/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controllers/click_outside_controller/click_outside_controller_types.d.ts

@@ -4,7 +4,3 @@ export declare type TClickOutsideControllerProps = {
     container: HTMLElement;
     name?: string;
 };
-export declare type TClickOutsideEvent = {
-    target: EventTarget | null;
-    name?: string;
-};

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

@@ -7,10 +7,16 @@ export { HPortal } from './components/portal/portal';
 export { HPortalTarget } from './components/portal/portal_target';
 export { HModal } from './components/modal/modal';
 export { HModalOpener } from './components/modal/modal_opener';
+export { HModalBackdrop } from './components/modal/modal_backdrop';
 export { HModalBody } from './components/modal/modal_body';
 export { HModalFooter } from './components/modal/modal_footer';
 export { HModalHeader } from './components/modal/modal_header';
 export { HModalClose } from './components/modal/modal_close';
+export { HControl } from './components/form_controls/control';
+export { HControlContent } from './components/form_controls/control_content';
+export { HControlElement } from './components/form_controls/control_element';
+export { HControlLabel } from './components/form_controls/control_label';
+export { HControlAdditionalContent } from './components/form_controls/control_additional_content';
 export { BtnController } from './controllers/btn_controller';
 export { HDropdown } from './components/dropdown/dropdown';
 export { HDropdownToggler } from './components/dropdown/dropdown_toggler';
@@ -19,4 +25,3 @@ export { ClickOutsideController } from './controllers/click_outside_controller/c
 export { KeystrokesController } from './controllers/keystrokes_controller/keystrokes_controller';
 export { RelativePositionController } from './controllers/relative_position_controller/relative_position_controller';
 export { ToggleElementAriaController } from './controllers/toggle_element_aria_controller/toggle_element_aria_controller';
-export { HBackdrop } from './components/backdrop/backdrop';

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

@@ -6,10 +6,16 @@ export { HPortalTarget } from './components/portal/portal_target.js';
 export { HPortal } from './components/portal/portal.js';
 export { HModal } from './components/modal/modal.js';
 export { HModalOpener } from './components/modal/modal_opener.js';
+export { HModalBackdrop } from './components/modal/modal_backdrop.js';
 export { HModalBody } from './components/modal/modal_body.js';
 export { HModalFooter } from './components/modal/modal_footer.js';
 export { HModalHeader } from './components/modal/modal_header.js';
 export { HModalClose } from './components/modal/modal_close.js';
+export { HControl } from './components/form_controls/control.js';
+export { HControlContent } from './components/form_controls/control_content.js';
+export { HControlElement } from './components/form_controls/control_element.js';
+export { HControlLabel } from './components/form_controls/control_label.js';
+export { HControlAdditionalContent } from './components/form_controls/control_additional_content.js';
 export { KeystrokesController } from './controllers/keystrokes_controller/keystrokes_controller.js';
 export { BtnController } from './controllers/btn_controller.js';
 export { ClickOutsideController } from './controllers/click_outside_controller/click_outside_controller.js';
@@ -18,5 +24,4 @@ export { HDropdown } from './components/dropdown/dropdown.js';
 export { ToggleElementAriaController } from './controllers/toggle_element_aria_controller/toggle_element_aria_controller.js';
 export { HDropdownToggler } from './components/dropdown/dropdown_toggler.js';
 export { HDropdownContent } from './components/dropdown/dropdown_content.js';
-export { HBackdrop } from './components/backdrop/backdrop.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;"}
+{"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;"}

package/package.json

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

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

@@ -1,91 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var lit = require('lit');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
-var backdrop_constants = require('./backdrop_constants.js');
-
-exports.HBackdrop = class HBackdrop extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.visible = false;
-        this.onClickArray = [];
-        this._backdropLayerCounter = 0;
-        this._appendBackdrop = () => {
-            const $backdrop = document.querySelector(backdrop_constants.BACKDROP_NAME);
-            if (!$backdrop) {
-                const $newBackdrop = document.createElement(backdrop_constants.BACKDROP_NAME);
-                document.body.appendChild($newBackdrop);
-            }
-        };
-        this._show = () => {
-            this._backdropLayerCounter += 1;
-            this.visible = true;
-        };
-        this._hide = () => {
-            this._backdropLayerCounter -= 1;
-            if (this._backdropLayerCounter !== 0)
-                return;
-            this.visible = false;
-        };
-        this._dispatchBackdropClickedEvent = () => {
-            const backdropClickedEvent = new CustomEvent(backdrop_constants.BACKDROP_EVENTS.clicked, {
-                bubbles: true
-            });
-            document.dispatchEvent(backdropClickedEvent);
-        };
-        this._appendBackdrop();
-        document.addEventListener(backdrop_constants.BACKDROP_EVENTS.show, this._show);
-        document.addEventListener(backdrop_constants.BACKDROP_EVENTS.hide, this._hide);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        document.removeEventListener(backdrop_constants.BACKDROP_EVENTS.show, this._show);
-        document.removeEventListener(backdrop_constants.BACKDROP_EVENTS.hide, this._hide);
-    }
-    updated() {
-        if (this.visible) {
-            this._disableScrolling();
-        }
-        else {
-            this._enableScrolling();
-        }
-    }
-    _disableScrolling() {
-        document.body.style.overflow = 'hidden';
-        document.body.style.paddingRight = '15px';
-    }
-    _enableScrolling() {
-        document.body.style.removeProperty('overflow');
-        document.body.style.removeProperty('padding-right');
-    }
-    render() {
-        return lit.html ` <div
-            aria-hidden="true"
-            ?hidden="${!this.visible}"
-            @click="${this._dispatchBackdropClickedEvent}"
-            class="${backdrop_constants.BACKDROP_CLASS}"
-        ></div>`;
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HBackdrop.prototype, "visible", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Array)
-], exports.HBackdrop.prototype, "onClickArray", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HBackdrop.prototype, "_backdropLayerCounter", void 0);
-exports.HBackdrop = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-backdrop'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HBackdrop);
-//# sourceMappingURL=backdrop.js.map

package/build/cjs/packages/phoenix/src/components/backdrop/backdrop_constants.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const BACKDROP_NAME = 'h-backdrop';
-const BACKDROP_CLASS = 'backdrop';
-const BACKDROP_EVENT = 'backdrop';
-const BACKDROP_EVENTS = {
-    show: `${BACKDROP_EVENT}.show`,
-    hide: `${BACKDROP_EVENT}.hide`,
-    clicked: `${BACKDROP_EVENT}.clicked`
-};
-
-exports.BACKDROP_CLASS = BACKDROP_CLASS;
-exports.BACKDROP_EVENTS = BACKDROP_EVENTS;
-exports.BACKDROP_NAME = BACKDROP_NAME;
-//# sourceMappingURL=backdrop_constants.js.map

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

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

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

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

@@ -1,17 +0,0 @@
-import { TemplateResult } from 'lit';
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
-export declare class HBackdrop extends PhoenixLightLitElement {
-    visible: boolean;
-    onClickArray: (() => void)[];
-    private _backdropLayerCounter;
-    constructor();
-    disconnectedCallback(): void;
-    private _appendBackdrop;
-    private _show;
-    private _hide;
-    protected updated(): void;
-    private _disableScrolling;
-    private _enableScrolling;
-    private _dispatchBackdropClickedEvent;
-    protected render(): TemplateResult;
-}

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

@@ -1,89 +0,0 @@
-import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { html } from 'lit';
-import { property, state } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
-import { BACKDROP_NAME, BACKDROP_EVENTS, BACKDROP_CLASS } from './backdrop_constants.js';
-
-let HBackdrop = class HBackdrop extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.visible = false;
-        this.onClickArray = [];
-        this._backdropLayerCounter = 0;
-        this._appendBackdrop = () => {
-            const $backdrop = document.querySelector(BACKDROP_NAME);
-            if (!$backdrop) {
-                const $newBackdrop = document.createElement(BACKDROP_NAME);
-                document.body.appendChild($newBackdrop);
-            }
-        };
-        this._show = () => {
-            this._backdropLayerCounter += 1;
-            this.visible = true;
-        };
-        this._hide = () => {
-            this._backdropLayerCounter -= 1;
-            if (this._backdropLayerCounter !== 0)
-                return;
-            this.visible = false;
-        };
-        this._dispatchBackdropClickedEvent = () => {
-            const backdropClickedEvent = new CustomEvent(BACKDROP_EVENTS.clicked, {
-                bubbles: true
-            });
-            document.dispatchEvent(backdropClickedEvent);
-        };
-        this._appendBackdrop();
-        document.addEventListener(BACKDROP_EVENTS.show, this._show);
-        document.addEventListener(BACKDROP_EVENTS.hide, this._hide);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        document.removeEventListener(BACKDROP_EVENTS.show, this._show);
-        document.removeEventListener(BACKDROP_EVENTS.hide, this._hide);
-    }
-    updated() {
-        if (this.visible) {
-            this._disableScrolling();
-        }
-        else {
-            this._enableScrolling();
-        }
-    }
-    _disableScrolling() {
-        document.body.style.overflow = 'hidden';
-        document.body.style.paddingRight = '15px';
-    }
-    _enableScrolling() {
-        document.body.style.removeProperty('overflow');
-        document.body.style.removeProperty('padding-right');
-    }
-    render() {
-        return html ` <div
-            aria-hidden="true"
-            ?hidden="${!this.visible}"
-            @click="${this._dispatchBackdropClickedEvent}"
-            class="${BACKDROP_CLASS}"
-        ></div>`;
-    }
-};
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], HBackdrop.prototype, "visible", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], HBackdrop.prototype, "onClickArray", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], HBackdrop.prototype, "_backdropLayerCounter", void 0);
-HBackdrop = __decorate([
-    phoenixCustomElement('h-backdrop'),
-    __metadata("design:paramtypes", [])
-], HBackdrop);
-
-export { HBackdrop };
-//# sourceMappingURL=backdrop.js.map

package/build/esm/packages/phoenix/src/components/backdrop/backdrop_constants.d.ts

@@ -1,7 +0,0 @@
-export declare const BACKDROP_NAME = "h-backdrop";
-export declare const BACKDROP_CLASS = "backdrop";
-export declare const BACKDROP_EVENTS: {
-    show: string;
-    hide: string;
-    clicked: string;
-};

package/build/esm/packages/phoenix/src/components/backdrop/backdrop_constants.js

@@ -1,11 +0,0 @@
-const BACKDROP_NAME = 'h-backdrop';
-const BACKDROP_CLASS = 'backdrop';
-const BACKDROP_EVENT = 'backdrop';
-const BACKDROP_EVENTS = {
-    show: `${BACKDROP_EVENT}.show`,
-    hide: `${BACKDROP_EVENT}.hide`,
-    clicked: `${BACKDROP_EVENT}.clicked`
-};
-
-export { BACKDROP_CLASS, BACKDROP_EVENTS, BACKDROP_NAME };
-//# sourceMappingURL=backdrop_constants.js.map

package/build/esm/packages/phoenix/src/components/backdrop/backdrop_types.d.ts

@@ -1,3 +0,0 @@
-export declare type TBackdropProps = {
-    onClick: () => void;
-};

package/build/esm/packages/phoenix/src/components/backdrop/backdrop_types.js

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

package/build/esm/packages/phoenix/src/components/backdrop/backdrop_types.js.map

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

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

@@ -1,8 +0,0 @@
-export declare const BREAKPOINTS: {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    xxl: number;
-};

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

@@ -1,11 +0,0 @@
-const BREAKPOINTS = {
-    xs: 576,
-    sm: 768,
-    md: 1000,
-    lg: 1200,
-    xl: 1440,
-    xxl: 1920
-};
-
-export { BREAKPOINTS };
-//# sourceMappingURL=global_constants.js.map

package/build/esm/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;"}