@shoper/phoenix_design_system 1.18.8-9 → 1.18.9

package/build/esm/packages/phoenix/src/components/details/details_constants.js

@@ -1,14 +0,0 @@
-const DETAILS_EVENTS = {
-    toggle: 'toggle',
-    update: 'update'
-};
-const DETAILS_CSS_CLASSES = {
-    smoothDetails: 'smooth-details',
-    isOpen: 'is-open',
-    contentWrapper: 'content-wrapper',
-    content: 'content'
-};
-const DETAILS_TRANSITION_DURATION = 400;
-
-export { DETAILS_CSS_CLASSES, DETAILS_EVENTS, DETAILS_TRANSITION_DURATION };
-//# sourceMappingURL=details_constants.js.map

package/build/esm/packages/phoenix/src/components/details/details_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/esm/packages/phoenix/src/components/details/details_content.d.ts

@@ -1,6 +0,0 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import './details_types';
-export declare class HDetailsContent extends PhoenixLightLitElement {
-    constructor();
-    connectedCallback(): void;
-}

package/build/esm/packages/phoenix/src/components/details/details_content.js

@@ -1,21 +0,0 @@
-import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
-
-let HDetailsContent = class HDetailsContent extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.slot = this.hasAttribute('slot') ? this.slot : 'content';
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add('content-wrapper');
-    }
-};
-HDetailsContent = __decorate([
-    phoenixCustomElement('h-details-content'),
-    __metadata("design:paramtypes", [])
-], HDetailsContent);
-
-export { HDetailsContent };
-//# sourceMappingURL=details_content.js.map

package/build/esm/packages/phoenix/src/components/details/details_content.js.map

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

package/build/esm/packages/phoenix/src/components/details/details_group.d.ts

@@ -1,18 +0,0 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import './details_types';
-export declare class HDetailsGroup extends PhoenixLightLitElement {
-    private _$detailsWrapper;
-    private _isDisabled;
-    private _mode;
-    connectedCallback(): void;
-    private _syncWithDetailsWrapper;
-    toggle(details?: HTMLElement): void;
-    show(details?: HTMLElement): void;
-    hide(details?: HTMLElement): void;
-    private _hideOtherDetailsGroups;
-    private _dispatchToggleEvent;
-    enable(): void;
-    disable(): void;
-    private _summaryClickHandler;
-    protected render(): unknown;
-}

package/build/esm/packages/phoenix/src/components/details/details_group.js

@@ -1,123 +0,0 @@
-import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { html } from 'lit';
-import { state } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
-import { ACCORDION_MODE } from '../accordion/accordion_constants.js';
-import { DETAILS_EVENTS, DETAILS_CSS_CLASSES, DETAILS_TRANSITION_DURATION } from './details_constants.js';
-
-let HDetailsGroup = class HDetailsGroup extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._$detailsWrapper = null;
-        this._isDisabled = false;
-        this._mode = ACCORDION_MODE.multi;
-        this._syncWithDetailsWrapper = () => {
-            if (!this._$detailsWrapper)
-                return;
-            this._mode = this._$detailsWrapper.mode;
-            this._isDisabled = this._$detailsWrapper.disabled;
-            if (this._isDisabled) {
-                this.disable();
-            }
-            else {
-                this.enable();
-            }
-        };
-        this._hideOtherDetailsGroups = () => {
-            var _a;
-            if (this._isDisabled)
-                return;
-            (_a = this._$detailsWrapper) === null || _a === void 0 ? void 0 : _a.querySelectorAll('h-details-group').forEach(($detailsGroup) => {
-                if ($detailsGroup === this)
-                    return;
-                $detailsGroup.hide();
-            });
-        };
-        this._summaryClickHandler = (ev) => {
-            ev.preventDefault();
-            if (this._isDisabled)
-                return;
-            const $summary = ev.currentTarget;
-            const $details = $summary.parentNode;
-            this.toggle($details);
-        };
-    }
-    connectedCallback() {
-        var _a;
-        super.connectedCallback();
-        this._$detailsWrapper = this.closest('h-details');
-        (_a = this._$detailsWrapper) === null || _a === void 0 ? void 0 : _a.addEventListener(DETAILS_EVENTS.update, this._syncWithDetailsWrapper);
-        this._syncWithDetailsWrapper();
-    }
-    toggle(details) {
-        if (this._mode === ACCORDION_MODE.single)
-            this._hideOtherDetailsGroups();
-        const $details = details || this.querySelector('details');
-        if (!$details)
-            return;
-        const isOpen = $details.hasAttribute('open');
-        isOpen ? this.hide($details) : this.show($details);
-    }
-    show(details) {
-        if (this._mode === ACCORDION_MODE.single)
-            this._hideOtherDetailsGroups();
-        const $details = details || this.querySelector('details');
-        if (!$details)
-            return;
-        $details.setAttribute('open', '');
-        requestAnimationFrame(() => {
-            $details.classList.add(DETAILS_CSS_CLASSES.isOpen);
-        });
-        this._dispatchToggleEvent($details, true);
-    }
-    hide(details) {
-        const $details = details || this.querySelector('details');
-        if (!$details)
-            return;
-        $details.classList.remove(DETAILS_CSS_CLASSES.isOpen);
-        setTimeout(() => {
-            $details.removeAttribute('open');
-        }, DETAILS_TRANSITION_DURATION);
-        this._dispatchToggleEvent($details, false);
-    }
-    _dispatchToggleEvent(details, open) {
-        this.emitCustomEvent(DETAILS_EVENTS.toggle, {
-            detail: { open, target: details }
-        });
-    }
-    enable() {
-        if (this._isDisabled) {
-            this.hide();
-            this._isDisabled = false;
-        }
-    }
-    disable() {
-        if (!this._isDisabled) {
-            this.show();
-            this._isDisabled = true;
-        }
-    }
-    render() {
-        return html `
-            <details class="smooth-details">
-                <summary @click=${this._summaryClickHandler}>${this.getSlot('toggler')}</summary>
-                ${this.getSlot('content')}
-            </details>
-        `;
-    }
-};
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], HDetailsGroup.prototype, "_isDisabled", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", String)
-], HDetailsGroup.prototype, "_mode", void 0);
-HDetailsGroup = __decorate([
-    phoenixCustomElement('h-details-group')
-], HDetailsGroup);
-
-export { HDetailsGroup };
-//# sourceMappingURL=details_group.js.map

package/build/esm/packages/phoenix/src/components/details/details_group.js.map

@@ -1 +0,0 @@
-{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/details/details_toggler.d.ts

@@ -1,5 +0,0 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import './details_types';
-export declare class HDetailsToggler extends PhoenixLightLitElement {
-    constructor();
-}

package/build/esm/packages/phoenix/src/components/details/details_toggler.js

@@ -1,17 +0,0 @@
-import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
-
-let HDetailsToggler = class HDetailsToggler extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
-    }
-};
-HDetailsToggler = __decorate([
-    phoenixCustomElement('h-details-toggler'),
-    __metadata("design:paramtypes", [])
-], HDetailsToggler);
-
-export { HDetailsToggler };
-//# sourceMappingURL=details_toggler.js.map

package/build/esm/packages/phoenix/src/components/details/details_toggler.js.map

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

package/build/esm/packages/phoenix/src/components/details/details_types.d.ts

@@ -1,12 +0,0 @@
-import type { HDetailsGroup } from './details_group';
-import type { HDetailsContent } from './details_content';
-import type { HDetailsToggler } from './details_toggler';
-import type { HDetails } from './details';
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-details': HDetails;
-        'h-details-group': HDetailsGroup;
-        'h-details-toggler': HDetailsToggler;
-        'h-details-content': HDetailsContent;
-    }
-}

package/build/esm/packages/phoenix/src/components/details/details_types.js

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

package/build/esm/packages/phoenix/src/components/details/details_types.js.map

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