@shoper/phoenix_design_system 1.18.8-11 → 1.18.8-13

package/build/esm/packages/phoenix/src/components/accordion/accordion_types.d.ts

@@ -7,7 +7,6 @@ import { HAccordionToggler } from "./accordion_toggler";
 export interface IAccordion {
     enable(): void;
     disable(): void;
-    notify(): void;
 }
 export interface IAccordionGroup {
     show(): void;
@@ -15,16 +14,6 @@ export interface IAccordionGroup {
     toggle(): void;
 }
 export declare type TAccordionMode = Any.Keys<typeof ACCORDION_MODE>;
-export declare type TAccordionProps = {
-    disabled: boolean;
-    mode: TAccordionMode;
-};
-export declare type TAccordionGroupProps = {
-    opened: boolean;
-    disabled: boolean;
-    regionId: string;
-    controlsId: string;
-};
 declare global {
     interface HTMLElementTagNameMap {
         'h-accordion': HAccordion;

package/build/esm/packages/phoenix/src/components/messages/base_message.js

@@ -7,8 +7,8 @@ import v4 from '../../../../../external/uuid/dist/esm-browser/v4.js';
 import { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP, PORTAL_TARGET_ATTRIBUTE_NAME } from '../portal/portal_constants.js';
 import { ClickOutsideController } from '../../controllers/click_outside_controller/click_outside_controller.js';
 import { RelativePositionController } from '../../controllers/relative_position_controller/relative_position_controller.js';
-import { DEFAULT_MESSAGE_PORTAL_NAME, DEFAULT_MESSAGE_OFFSET, LIST_OF_MESSAGE_CHILDREN, MESSAGE_SHOW_DELAY_IN_MS, MESSAGE_TIME_TO_DELAY_CLOSING_IN_MS, MESSAGE_REMOVED_CLASS_NAME, MESSAGE_CLOSE_DELAY_IN_MS, MESSAGE_CONTENT_ELEMENTS, SCREEN_READER_ONLY_CLASS_NAME, MESSAGE_CONTENT_SLOT_NAME } from './base_message_constants.js';
 import { createRef, ref } from 'lit/directives/ref';
+import { DEFAULT_MESSAGE_PORTAL_NAME, DEFAULT_MESSAGE_OFFSET, LIST_OF_MESSAGE_CHILDREN, MESSAGE_SHOW_DELAY_IN_MS, MESSAGE_TIME_TO_DELAY_CLOSING_IN_MS, MESSAGE_REMOVED_CLASS_NAME, MESSAGE_CLOSE_DELAY_IN_MS, MESSAGE_CONTENT_ELEMENTS, SCREEN_READER_ONLY_CLASS_NAME, MESSAGE_CONTENT_SLOT_NAME } from './base_message_constants.js';
 
 class BaseMessage extends PhoenixLightLitElement {
     constructor() {

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

@@ -71,11 +71,6 @@ export { HAccordionGroup } from './components/accordion/accordion_group';
 export { HAccordionToggler } from './components/accordion/accordion_toggler';
 export { HAccordionContent } from './components/accordion/accordion_content';
 export * from './components/accordion/accordion_constants';
-export { HDetails } from './components/details/details';
-export { HDetailsGroup } from './components/details/details_group';
-export { HDetailsToggler } from './components/details/details_toggler';
-export { HDetailsContent } from './components/details/details_content';
-export * from './components/details/details_constants';
 export { BtnController } from './controllers/btn_controller/btn_controller';
 export { HDropdown } from './components/dropdown/dropdown';
 export { HDropdownToggler } from './components/dropdown/dropdown_toggler';

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

@@ -70,16 +70,11 @@ export { HRadioControl } from './components/form/radio/radio_control.js';
 export { TEXTAREA_CONTROL_CSS_CLASSES, TEXTAREA_CONTROL_EVENTS, TEXTAREA_PROPS_TO_SYNC, TEXTAREA_SLOTS } from './components/form/textarea/textarea_constants.js';
 export { HTextarea } from './components/form/textarea/textarea.js';
 export { HTextareaControl } from './components/form/textarea/textarea_control.js';
-export { ACCORDION_CONTEXTS, ACCORDION_EVENTS, ACCORDION_MODE } from './components/accordion/accordion_constants.js';
+export { ACCORDION_ANIMATION_DURATION, ACCORDION_CSS_CLASSES, ACCORDION_EVENTS, ACCORDION_MODE } from './components/accordion/accordion_constants.js';
 export { HAccordion } from './components/accordion/accordion.js';
 export { HAccordionGroup } from './components/accordion/accordion_group.js';
-export { HAccordionContent } from './components/accordion/accordion_content.js';
 export { HAccordionToggler } from './components/accordion/accordion_toggler.js';
-export { DETAILS_CSS_CLASSES, DETAILS_EVENTS, DETAILS_TRANSITION_DURATION } from './components/details/details_constants.js';
-export { HDetails } from './components/details/details.js';
-export { HDetailsGroup } from './components/details/details_group.js';
-export { HDetailsToggler } from './components/details/details_toggler.js';
-export { HDetailsContent } from './components/details/details_content.js';
+export { HAccordionContent } from './components/accordion/accordion_content.js';
 export { HDropdownClose } from './components/dropdown/dropdown_close.js';
 export { HToggleButtonGroup } from './components/groups/toggle_button_group/toggle_button_group.js';
 export { HToggleButton } from './components/groups/toggle_button_group/toggle_button.js';

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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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": "1.18.8-11",
+  "version": "1.18.8-13",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",

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

@@ -1,33 +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 accordion_constants = require('../accordion/accordion_constants.js');
-var details_constants = require('./details_constants.js');
-
-exports.HDetails = class HDetails extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.disabled = false;
-        this.mode = accordion_constants.ACCORDION_MODE.multi;
-    }
-    updated() {
-        this.dispatchEvent(new Event(details_constants.DETAILS_EVENTS.update));
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean, reflect: true }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HDetails.prototype, "disabled", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HDetails.prototype, "mode", void 0);
-exports.HDetails = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-details')
-], exports.HDetails);
-//# sourceMappingURL=details.js.map

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

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

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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;
-
-exports.DETAILS_CSS_CLASSES = DETAILS_CSS_CLASSES;
-exports.DETAILS_EVENTS = DETAILS_EVENTS;
-exports.DETAILS_TRANSITION_DURATION = DETAILS_TRANSITION_DURATION;
-//# sourceMappingURL=details_constants.js.map

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

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

@@ -1,23 +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.HDetailsContent = class HDetailsContent extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.slot = this.hasAttribute('slot') ? this.slot : 'content';
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add('content-wrapper');
-    }
-};
-exports.HDetailsContent = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-details-content'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HDetailsContent);
-//# sourceMappingURL=details_content.js.map

package/build/cjs/packages/phoenix/src/components/details/details_content.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;"}

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

@@ -1,154 +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/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 accordion_constants = require('../accordion/accordion_constants.js');
-var details_constants = require('./details_constants.js');
-
-exports.HDetailsGroup = class HDetailsGroup extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.opened = false;
-        this._isDisabled = false;
-        this._mode = accordion_constants.ACCORDION_MODE.multi;
-        this._$detailsWrapper = null;
-        this._togglerId = v4['default']();
-        this._syncWithDetailsWrapper = () => {
-            if (!this._$detailsWrapper)
-                return;
-            this._mode = this._$detailsWrapper.mode;
-            if (this._$detailsWrapper.disabled && !this._isDisabled) {
-                this.disable();
-                this.show();
-            }
-            else if (!this._$detailsWrapper.disabled && this._isDisabled) {
-                this.enable();
-                this.hide();
-            }
-        };
-        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_constants.DETAILS_EVENTS.update, this._syncWithDetailsWrapper);
-        this._syncWithDetailsWrapper();
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        if (this.opened) {
-            this.show();
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        super.disconnectedCallback();
-        (_a = this._$detailsWrapper) === null || _a === void 0 ? void 0 : _a.removeEventListener(details_constants.DETAILS_EVENTS.update, this._syncWithDetailsWrapper);
-    }
-    toggle(details) {
-        if (this._mode === accordion_constants.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_constants.ACCORDION_MODE.single)
-            this._hideOtherDetailsGroups();
-        const $details = details || this.querySelector('details');
-        if (!$details)
-            return;
-        $details.setAttribute('open', '');
-        requestAnimationFrame(() => {
-            $details.classList.add(details_constants.DETAILS_CSS_CLASSES.isOpen);
-        });
-        this._dispatchToggleEvent($details, true);
-    }
-    hide(details) {
-        const $details = details || this.querySelector('details');
-        if (!$details)
-            return;
-        $details.classList.remove(details_constants.DETAILS_CSS_CLASSES.isOpen);
-        setTimeout(() => {
-            $details.removeAttribute('open');
-        }, details_constants.DETAILS_TRANSITION_DURATION);
-        this._dispatchToggleEvent($details, false);
-    }
-    _dispatchToggleEvent(details, open) {
-        this.emitCustomEvent(details_constants.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 lit.html `
-            <details
-                class="smooth-details"
-                aria-disabled="${this._isDisabled ? 'true' : 'false'}"
-                aria-labelledby="${this._togglerId}"
-            >
-                <summary
-                    id="${this._togglerId}"
-                    @click=${this._summaryClickHandler}
-                >
-                    ${this.getSlot('toggler')}
-                </summary>
-
-                ${this.getSlot('content')}
-            </details>
-        `;
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean, reflect: true }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HDetailsGroup.prototype, "opened", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HDetailsGroup.prototype, "_isDisabled", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", String)
-], exports.HDetailsGroup.prototype, "_mode", void 0);
-exports.HDetailsGroup = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-details-group')
-], exports.HDetailsGroup);
-//# sourceMappingURL=details_group.js.map

package/build/cjs/packages/phoenix/src/components/details/details_group.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/details/details_toggler.js

@@ -1,19 +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.HDetailsToggler = class HDetailsToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
-    }
-};
-exports.HDetailsToggler = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-details-toggler'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HDetailsToggler);
-//# sourceMappingURL=details_toggler.js.map

package/build/cjs/packages/phoenix/src/components/details/details_toggler.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;"}

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

@@ -1,8 +0,0 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import './details_types';
-import type { TAccordionMode } from "../accordion/accordion_types";
-export declare class HDetails extends PhoenixLightLitElement {
-    disabled: boolean;
-    mode: TAccordionMode;
-    updated(): void;
-}

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

@@ -1,31 +0,0 @@
-import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { property } 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 } from './details_constants.js';
-
-let HDetails = class HDetails extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.disabled = false;
-        this.mode = ACCORDION_MODE.multi;
-    }
-    updated() {
-        this.dispatchEvent(new Event(DETAILS_EVENTS.update));
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object)
-], HDetails.prototype, "disabled", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HDetails.prototype, "mode", void 0);
-HDetails = __decorate([
-    phoenixCustomElement('h-details')
-], HDetails);
-
-export { HDetails };
-//# sourceMappingURL=details.js.map

package/build/esm/packages/phoenix/src/components/details/details.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;"}

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

@@ -1,11 +0,0 @@
-export declare const DETAILS_EVENTS: {
-    readonly toggle: "toggle";
-    readonly update: "update";
-};
-export declare const DETAILS_CSS_CLASSES: {
-    readonly smoothDetails: "smooth-details";
-    readonly isOpen: "is-open";
-    readonly contentWrapper: "content-wrapper";
-    readonly content: "content";
-};
-export declare const DETAILS_TRANSITION_DURATION = 400;

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,23 +0,0 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import './details_types';
-import { PropertyValues } from 'lit';
-export declare class HDetailsGroup extends PhoenixLightLitElement {
-    opened: boolean;
-    private _isDisabled;
-    private _mode;
-    private _$detailsWrapper;
-    private _togglerId;
-    connectedCallback(): void;
-    firstUpdated(props: PropertyValues): void;
-    disconnectedCallback(): 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,152 +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/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
-import v4 from '../../../../../external/uuid/dist/esm-browser/v4.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.opened = false;
-        this._isDisabled = false;
-        this._mode = ACCORDION_MODE.multi;
-        this._$detailsWrapper = null;
-        this._togglerId = v4();
-        this._syncWithDetailsWrapper = () => {
-            if (!this._$detailsWrapper)
-                return;
-            this._mode = this._$detailsWrapper.mode;
-            if (this._$detailsWrapper.disabled && !this._isDisabled) {
-                this.disable();
-                this.show();
-            }
-            else if (!this._$detailsWrapper.disabled && this._isDisabled) {
-                this.enable();
-                this.hide();
-            }
-        };
-        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();
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        if (this.opened) {
-            this.show();
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        super.disconnectedCallback();
-        (_a = this._$detailsWrapper) === null || _a === void 0 ? void 0 : _a.removeEventListener(DETAILS_EVENTS.update, 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"
-                aria-disabled="${this._isDisabled ? 'true' : 'false'}"
-                aria-labelledby="${this._togglerId}"
-            >
-                <summary
-                    id="${this._togglerId}"
-                    @click=${this._summaryClickHandler}
-                >
-                    ${this.getSlot('toggler')}
-                </summary>
-
-                ${this.getSlot('content')}
-            </details>
-        `;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object)
-], HDetailsGroup.prototype, "opened", void 0);
-__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,eAAe,qDAAyD;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;AACA;AACA;AACA;AACA;"}