@shoper/phoenix_design_system 1.18.1 → 1.18.2

package/build/esm/packages/phoenix/src/components/show-more/show_more.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,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;"}
+{"version":3,"file":"show_more.js","sourceRoot":"","sources":["../../../../../../../src/components/show-more/show_more.ts"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
-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;
-}
+import { PhoenixLightLitElement } from '@phoenixRoot/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 +1,25 @@
-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", [])
+import { __decorate, __metadata } from "tslib";
+import { SHOW_MORE_CSS_CLASSES, SHOW_MORE_EVENT_NAMES } from './show_more_constants';
+import { BtnController } from '@phoenixRoot/controllers/btn_controller/btn_controller';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+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
+//# sourceMappingURL=show_more_button.js.map

package/build/esm/packages/phoenix/src/components/show-more/show_more_button.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;"}
+{"version":3,"file":"show_more_button.js","sourceRoot":"","sources":["../../../../../../../src/components/show-more/show_more_button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAErF,OAAO,EAAE,aAAa,EAAE,MAAM,wDAAwD,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAG3F,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,sBAAsB;IAGvD;QACI,KAAK,EAAE,CAAC;QAaJ,0BAAqB,GAAG,GAAS,EAAE;YACvC,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;QACzD,CAAC,CAAC;QAbE,IAAI,CAAC,cAAc,GAAG,IAAI,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC9E,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAE3D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC;IAC7D,CAAC;CAKJ,CAAA;AApBY,eAAe;IAD3B,oBAAoB,CAAC,oBAAoB,CAAC;;GAC9B,eAAe,CAoB3B;SApBY,eAAe"}

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

@@ -1,8 +1,8 @@
-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";
-};
-export declare const SHOW_MORE_ITEM_ATTRIBUTE = "show-more-item";
+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";
+};
+export declare const SHOW_MORE_ITEM_ATTRIBUTE = "show-more-item";

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

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

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"show_more_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/show-more/show_more_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,QAAQ,EAAE,WAAW;IACrB,cAAc,EAAE,mBAAmB;CAC7B,CAAC;AAEX,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,QAAQ,EAAE,UAAU;CACd,CAAC;AAEX,MAAM,CAAC,MAAM,wBAAwB,GAAG,gBAAgB,CAAC"}

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

@@ -1,21 +1,21 @@
-import { ISlider, ISliderOptions } from './slider_types';
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HSlider extends PhoenixLightLitElement {
-    settings: string;
-    id: string;
-    get sliderSettings(): ISliderOptions;
-    set sliderSettings(newSettingsObject: ISliderOptions);
-    private _settings;
-    private _slider;
-    private _$focusableElements;
-    connectedCallback(): void;
-    private _showFocusableNodes;
-    private _hideFocusableNodes;
-    private _handleFocusableNodes;
-    private _showFocusableElement;
-    private _hideFocusableElement;
-    private _scanMutationsForNewFocusableElements;
-    private _initializeFocusableElement;
-    getSlider(): ISlider | null;
-    disconnectedCallback(): void;
-}
+import { ISlider, ISliderOptions } from './slider_types';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+export declare class HSlider extends PhoenixLightLitElement {
+    settings: string;
+    id: string;
+    get sliderSettings(): ISliderOptions;
+    set sliderSettings(newSettingsObject: ISliderOptions);
+    private _settings;
+    private _slider;
+    private _$focusableElements;
+    connectedCallback(): void;
+    private _showFocusableNodes;
+    private _hideFocusableNodes;
+    private _handleFocusableNodes;
+    private _showFocusableElement;
+    private _hideFocusableElement;
+    private _scanMutationsForNewFocusableElements;
+    private _initializeFocusableElement;
+    getSlider(): ISlider | null;
+    disconnectedCallback(): void;
+}

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

@@ -1,107 +1,106 @@
-import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
+import './slider_types';
+import { JsonUtils, UiDomUtils } from '@dreamcommerce/utilities';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import Splide from '@splidejs/splide';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
 import { property } from 'lit/decorators';
-import { UiDomUtils, JsonUtils } 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 { Splide } from '../../../../../external/@splidejs/splide/dist/js/splide.esm.js';
-import { SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS } from './slider_constants.js';
-
-let HSlider = class HSlider extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.settings = '';
-        this.id = '';
-        this._settings = {
-            mountOnConnectedCallback: true,
-            type: 'loop',
-            perPage: 3,
-            focus: 'center'
-        };
-        this._slider = null;
-        this._$focusableElements = [];
-        this._showFocusableNodes = (slideComponent) => {
-            this._handleFocusableNodes(slideComponent, SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show);
-        };
-        this._hideFocusableNodes = (slideComponent) => {
-            this._handleFocusableNodes(slideComponent, SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.hide);
-        };
-        this._handleFocusableNodes = ({ slide }, action) => {
-            const $focusableSlideChildren = this._$focusableElements.filter(($focusableElement) => slide.contains($focusableElement));
-            if ($focusableSlideChildren.length === 0)
-                return;
-            const updateFocusability = action === SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? this._showFocusableElement : this._hideFocusableElement;
-            $focusableSlideChildren.forEach(($element) => updateFocusability($element));
-        };
-        this._scanMutationsForNewFocusableElements = (mutationList) => {
-            for (const mutation of mutationList) {
-                if (mutation.type !== 'childList')
-                    continue;
-                const $target = mutation.target;
-                const isFocusable = UiDomUtils.isFocusable($target);
-                const $focusableChildren = [...$target.querySelectorAll(UiDomUtils.getFocusableSelector())];
-                isFocusable && this._initializeFocusableElement($target);
-                $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
-            }
-        };
-        this._initializeFocusableElement = ($element) => {
-            !this._$focusableElements.includes($element) && this._$focusableElements.push($element);
-            if ($element.closest('[aria-hidden="true"]')) {
-                this._hideFocusableElement($element);
-            }
-        };
-    }
-    get sliderSettings() {
-        return this._settings;
-    }
-    set sliderSettings(newSettingsObject) {
-        const newSettings = JsonUtils.toJson(newSettingsObject);
-        if (!newSettings)
-            return;
-        this.settings = newSettings;
-    }
-    connectedCallback() {
-        var _a;
-        if (this.settings) {
-            this._settings = (_a = JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
-        }
-        this._slider = new Splide(this, this._settings);
-        if (this._settings.mountOnConnectedCallback) {
-            this._slider.mount();
-        }
-        this._slider.on('visible', this._showFocusableNodes);
-        this._slider.on('hidden', this._hideFocusableNodes);
-        const mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
-        mutationObserver.observe(this, { childList: true, subtree: true, attributes: true });
-    }
-    _showFocusableElement($element) {
-        $element.setAttribute('tabindex', '0');
-        $element.removeAttribute('aria-hidden');
-    }
-    _hideFocusableElement($element) {
-        $element.setAttribute('tabindex', '-1');
-        $element.setAttribute('aria-hidden', 'true');
-    }
-    getSlider() {
-        return this._slider;
-    }
-    disconnectedCallback() {
-        var _a, _b;
-        super.disconnectedCallback();
-        (_a = this._slider) === null || _a === void 0 ? void 0 : _a.off('visible');
-        (_b = this._slider) === null || _b === void 0 ? void 0 : _b.off('hidden');
-    }
-};
-__decorate([
-    property({ reflect: true }),
-    __metadata("design:type", String)
-], HSlider.prototype, "settings", void 0);
-__decorate([
-    property(),
-    __metadata("design:type", String)
-], HSlider.prototype, "id", void 0);
-HSlider = __decorate([
-    phoenixCustomElement('h-slider')
+import { SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS } from './slider_constants';
+let HSlider = class HSlider extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.settings = '';
+        this.id = '';
+        this._settings = {
+            mountOnConnectedCallback: true,
+            type: 'loop',
+            perPage: 3,
+            focus: 'center'
+        };
+        this._slider = null;
+        this._$focusableElements = [];
+        this._showFocusableNodes = (slideComponent) => {
+            this._handleFocusableNodes(slideComponent, SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show);
+        };
+        this._hideFocusableNodes = (slideComponent) => {
+            this._handleFocusableNodes(slideComponent, SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.hide);
+        };
+        this._handleFocusableNodes = ({ slide }, action) => {
+            const $focusableSlideChildren = this._$focusableElements.filter(($focusableElement) => slide.contains($focusableElement));
+            if ($focusableSlideChildren.length === 0)
+                return;
+            const updateFocusability = action === SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? this._showFocusableElement : this._hideFocusableElement;
+            $focusableSlideChildren.forEach(($element) => updateFocusability($element));
+        };
+        this._scanMutationsForNewFocusableElements = (mutationList) => {
+            for (const mutation of mutationList) {
+                if (mutation.type !== 'childList')
+                    continue;
+                const $target = mutation.target;
+                const isFocusable = UiDomUtils.isFocusable($target);
+                const $focusableChildren = [...$target.querySelectorAll(UiDomUtils.getFocusableSelector())];
+                isFocusable && this._initializeFocusableElement($target);
+                $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
+            }
+        };
+        this._initializeFocusableElement = ($element) => {
+            !this._$focusableElements.includes($element) && this._$focusableElements.push($element);
+            if ($element.closest('[aria-hidden="true"]')) {
+                this._hideFocusableElement($element);
+            }
+        };
+    }
+    get sliderSettings() {
+        return this._settings;
+    }
+    set sliderSettings(newSettingsObject) {
+        const newSettings = JsonUtils.toJson(newSettingsObject);
+        if (!newSettings)
+            return;
+        this.settings = newSettings;
+    }
+    connectedCallback() {
+        var _a;
+        if (this.settings) {
+            this._settings = (_a = JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
+        }
+        this._slider = new Splide(this, this._settings);
+        if (this._settings.mountOnConnectedCallback) {
+            this._slider.mount();
+        }
+        this._slider.on('visible', this._showFocusableNodes);
+        this._slider.on('hidden', this._hideFocusableNodes);
+        const mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
+        mutationObserver.observe(this, { childList: true, subtree: true, attributes: true });
+    }
+    _showFocusableElement($element) {
+        $element.setAttribute('tabindex', '0');
+        $element.removeAttribute('aria-hidden');
+    }
+    _hideFocusableElement($element) {
+        $element.setAttribute('tabindex', '-1');
+        $element.setAttribute('aria-hidden', 'true');
+    }
+    getSlider() {
+        return this._slider;
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        super.disconnectedCallback();
+        (_a = this._slider) === null || _a === void 0 ? void 0 : _a.off('visible');
+        (_b = this._slider) === null || _b === void 0 ? void 0 : _b.off('hidden');
+    }
+};
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], HSlider.prototype, "settings", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], HSlider.prototype, "id", void 0);
+HSlider = __decorate([
+    phoenixCustomElement('h-slider')
 ], HSlider);
-
 export { HSlider };
-//# sourceMappingURL=slider.js.map
+//# sourceMappingURL=slider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA,uBAAuB,gEAAoE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"slider.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/phoenix/src/components/slider/slider_constants.d.ts

@@ -1,4 +1,4 @@
-export declare const SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS: {
-    readonly show: "show";
-    readonly hide: "hide";
-};
+export declare const SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS: {
+    readonly show: "show";
+    readonly hide: "hide";
+};

package/build/esm/packages/phoenix/src/components/slider/slider_constants.js

@@ -1,7 +1,5 @@
-const SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS = {
-    show: 'show',
-    hide: 'hide'
+export const SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS = {
+    show: 'show',
+    hide: 'hide'
 };
-
-export { SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS };
-//# sourceMappingURL=slider_constants.js.map
+//# sourceMappingURL=slider_constants.js.map

package/build/esm/packages/phoenix/src/components/slider/slider_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"slider_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qCAAqC,GAAG;IACjD,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACN,CAAC"}

package/build/esm/packages/phoenix/src/components/slider/slider_types.d.ts

@@ -1,9 +1,9 @@
-import { Options, Splide } from '@splidejs/splide';
-import { SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS } from './slider_constants';
-import { Any } from 'ts-toolbelt';
-export interface ISlider extends Splide {
-}
-export interface ISliderOptions extends Options {
-    mountOnConnectedCallback: boolean;
-}
-export declare type THandleNodesOption = typeof SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS[Any.Keys<typeof SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS>];
+import { Options, Splide } from '@splidejs/splide';
+import { SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS } from './slider_constants';
+import { Any } from 'ts-toolbelt';
+export interface ISlider extends Splide {
+}
+export interface ISliderOptions extends Options {
+    mountOnConnectedCallback: boolean;
+}
+export declare type THandleNodesOption = typeof SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS[Any.Keys<typeof SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS>];

package/build/esm/packages/phoenix/src/components/tabs/tab/tab.d.ts

@@ -1,14 +1,14 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HTab extends PhoenixLightLitElement {
-    panelName: string;
-    get selected(): boolean;
-    disabled: boolean;
-    set selected(selected: boolean);
-    private _btnController;
-    attributeChangedCallback(name: string, value: string | null, newValue: string | null): void;
-    connectedCallback(): void;
-    private _setupAttributes;
-    private _bindEvents;
-    private _handleTabClicked;
-    _dispatchSelectedEvent: () => void;
-}
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+export declare class HTab extends PhoenixLightLitElement {
+    panelName: string;
+    get selected(): boolean;
+    disabled: boolean;
+    set selected(selected: boolean);
+    private _btnController;
+    attributeChangedCallback(name: string, value: string | null, newValue: string | null): void;
+    connectedCallback(): void;
+    private _setupAttributes;
+    private _bindEvents;
+    private _handleTabClicked;
+    _dispatchSelectedEvent: () => void;
+}