@shoper/phoenix_design_system 1.17.3-4 → 1.17.3-6

package/build/esm/packages/phoenix/src/components/show-more/show_more.js

@@ -1,119 +0,0 @@
-import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import 'lit';
-import { property } from 'lit/decorators';
-import { UiDomUtils } from '@dreamcommerce/utilities';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
-import { BREAKPOINTS } from '../../global_constants.js';
-import { DEFAULT_THROTTLE_WAIT_TIME } from '../../controllers/relative_position_controller/relative_position_controller_constants.js';
-import throttle_1 from '../../../../../external/lodash/throttle.js';
-import { SHOW_MORE_CSS_CLASSES, SHOW_MORE_EVENT_NAMES } from './show_more_constants.js';
-
-let HShowMore = class HShowMore extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._$showMoreButton = null;
-        this._showMore = () => {
-            this._showAllItems();
-            this._hideButton();
-            this._focusNextItem();
-        };
-        this._onResize = throttle_1(() => {
-            if (window.innerWidth > BREAKPOINTS.xs) {
-                this._showAllItems();
-                this._hideButton();
-                window.removeEventListener('resize', this._onResize);
-            }
-        }, DEFAULT_THROTTLE_WAIT_TIME);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._$showMoreButton = this.querySelector('h-show-more-button');
-        this._$items = [...this.querySelectorAll(this.selector)];
-        this.classList.add(SHOW_MORE_CSS_CLASSES.showMore);
-        this._updateComponentVisibility();
-        this._setupListeners();
-    }
-    updated(_changedProperties) {
-        super.updated(_changedProperties);
-        if (_changedProperties.has('showAll')) {
-            this._showAllItems();
-            this._hideButton();
-        }
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener('resize', this._onResize);
-    }
-    _updateComponentVisibility() {
-        const hasOverflowItems = this._$items.length > this.count;
-        const isMobileView = window.innerWidth <= BREAKPOINTS.xs;
-        const shouldBeActive = (!this.mobileOnly || isMobileView) && hasOverflowItems;
-        if (shouldBeActive) {
-            this._hideExcessItems();
-            this._showButton();
-        }
-        else {
-            this._hideButton();
-        }
-    }
-    _hideExcessItems() {
-        this._$items.forEach(($item, index) => {
-            $item.removeAttribute('hidden');
-            if (index >= this.count)
-                $item.setAttribute('hidden', '');
-        });
-    }
-    _showAllItems() {
-        this._$items.forEach(($item) => $item.removeAttribute('hidden'));
-    }
-    _hideButton() {
-        var _a;
-        (_a = this._$showMoreButton) === null || _a === void 0 ? void 0 : _a.setAttribute('hidden', '');
-    }
-    _showButton() {
-        var _a;
-        (_a = this._$showMoreButton) === null || _a === void 0 ? void 0 : _a.removeAttribute('hidden');
-    }
-    _setupListeners() {
-        this.addEventListener(SHOW_MORE_EVENT_NAMES.showMore, this._showMore);
-        if (this.mobileOnly && window.innerWidth <= BREAKPOINTS.xs) {
-            window.addEventListener('resize', this._onResize);
-        }
-    }
-    _focusNextItem() {
-        const $nextItem = this._$items[this.count];
-        if (!$nextItem)
-            return;
-        const $firstFocusableElement = UiDomUtils.getFocusableElement($nextItem);
-        if ($firstFocusableElement) {
-            $firstFocusableElement.focus();
-            return;
-        }
-        if (!$nextItem.getAttribute('tabindex'))
-            $nextItem.setAttribute('tabindex', '-1');
-        $nextItem.focus();
-    }
-};
-__decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
-], HShowMore.prototype, "count", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HShowMore.prototype, "selector", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'mobile-only' }),
-    __metadata("design:type", Boolean)
-], HShowMore.prototype, "mobileOnly", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'show-all' }),
-    __metadata("design:type", Boolean)
-], HShowMore.prototype, "showAll", void 0);
-HShowMore = __decorate([
-    phoenixCustomElement('h-show-more')
-], HShowMore);
-
-export { HShowMore };
-//# sourceMappingURL=show_more.js.map

package/build/esm/packages/phoenix/src/components/show-more/show_more.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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/show-more/show_more_button.d.ts

@@ -1,7 +0,0 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HShowMoreButton extends PhoenixLightLitElement {
-    private _btnController;
-    constructor();
-    connectedCallback(): void;
-    private _dispatchClickedEvent;
-}

package/build/esm/packages/phoenix/src/components/show-more/show_more_button.js

@@ -1,27 +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';
-import { BtnController } from '../../controllers/btn_controller/btn_controller.js';
-import { SHOW_MORE_EVENT_NAMES, SHOW_MORE_CSS_CLASSES } from './show_more_constants.js';
-
-let HShowMoreButton = class HShowMoreButton extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._dispatchClickedEvent = () => {
-            this.emitCustomEvent(SHOW_MORE_EVENT_NAMES.showMore);
-        };
-        this._btnController = new BtnController(this, this._dispatchClickedEvent);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('click', this._dispatchClickedEvent);
-        this.classList.add(SHOW_MORE_CSS_CLASSES.showMoreButton);
-    }
-};
-HShowMoreButton = __decorate([
-    phoenixCustomElement('h-show-more-button'),
-    __metadata("design:paramtypes", [])
-], HShowMoreButton);
-
-export { HShowMoreButton };
-//# sourceMappingURL=show_more_button.js.map

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

package/build/esm/packages/phoenix/src/components/show-more/show_more_constants.d.ts

@@ -1,7 +0,0 @@
-export declare const SHOW_MORE_CSS_CLASSES: {
-    readonly showMore: "show-more";
-    readonly showMoreButton: "show-more__button";
-};
-export declare const SHOW_MORE_EVENT_NAMES: {
-    readonly showMore: "showMore";
-};

package/build/esm/packages/phoenix/src/components/show-more/show_more_constants.js

@@ -1,10 +0,0 @@
-const SHOW_MORE_CSS_CLASSES = {
-    showMore: 'show-more',
-    showMoreButton: 'show-more__button'
-};
-const SHOW_MORE_EVENT_NAMES = {
-    showMore: 'showMore'
-};
-
-export { SHOW_MORE_CSS_CLASSES, SHOW_MORE_EVENT_NAMES };
-//# sourceMappingURL=show_more_constants.js.map

package/build/esm/packages/phoenix/src/components/show-more/show_more_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;"}