@shoper/phoenix_design_system 1.17.5-0 → 1.17.6-0

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

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

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

@@ -0,0 +1,11 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -3,6 +3,7 @@ export declare class HTabPanel extends PhoenixLightLitElement {
     name: string;
     private _visibilityController;
     constructor();
+    connectedCallback(): void;
     show(): void;
     hide(): void;
 }

package/build/esm/packages/phoenix/src/components/tabs/tab_panel.js

@@ -8,6 +8,14 @@ let HTabPanel = class HTabPanel extends PhoenixLightLitElement {
     constructor() {
         super();
         this._visibilityController = new VisibilityController(this);
+        this.setAttribute('role', 'tabpanel');
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        const $tab = document.querySelector(`[panel-name="${this.name}"]`);
+        if ($tab && $tab.id) {
+            this.setAttribute('aria-labelledby', $tab.id);
+        }
     }
     show() {
         this._visibilityController.show();

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

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

@@ -12,13 +12,12 @@ let HTabs = class HTabs extends PhoenixLightLitElement {
     constructor() {
         super(...arguments);
         this.watchChildrenRendered = true;
-        this._handleArrowNavigation = ({ key }) => {
+        this._handleArrowNavigation = (ev) => {
+            ev.preventDefault();
             const currentTabIndex = this._getFocusedTabIndex();
             if (currentTabIndex === undefined)
                 return;
-            const newTabIndex = key === 'ArrowLeft' ? this._getPrevTabIndex(currentTabIndex) : this._getNextTabIndex(currentTabIndex);
-            if (newTabIndex === undefined)
-                return;
+            const newTabIndex = ev.key === 'ArrowLeft' ? this._getPrevTabIndex(currentTabIndex) : this._getNextTabIndex(currentTabIndex);
             UiDomUtils.makeUnnavigable(this._$tabs[currentTabIndex]);
             UiDomUtils.makeNavigable(this._$tabs[newTabIndex]);
             this._$tabs[newTabIndex].focus();
@@ -55,14 +54,10 @@ let HTabs = class HTabs extends PhoenixLightLitElement {
         return this._$tabs.findIndex(($tab) => $tab === focusedElement);
     }
     _getNextTabIndex(currentTabIndex) {
-        if (currentTabIndex >= this._$tabs.length - 1)
-            return;
-        return currentTabIndex + 1;
+        return (currentTabIndex + 1) % this._$tabs.length;
     }
     _getPrevTabIndex(currentTabIndex) {
-        if (currentTabIndex <= 0)
-            return;
-        return currentTabIndex - 1;
+        return (currentTabIndex - 1 + this._$tabs.length) % this._$tabs.length;
     }
     _setupEvents() {
         document.addEventListener(TAB_EVENT_NAMES.selected, this._handleTabSelected);

package/build/esm/packages/phoenix/src/components/tabs/tabs.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;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.d.ts

@@ -140,4 +140,6 @@ export * from './components/toggle/toggle_types';
 export * from './components/toggle/toggle_constants';
 export { NavigatorShare } from './components/navigator/navigator_share/navigator_share';
 export { NavigatorController } from './components/navigator/navigator_controller/navigator_controller';
+export { HShowMore } from './components/show-more/show_more';
+export { HShowMoreButton } from './components/show-more/show_more_button';
 export { phoenixCustomElement } from './core/decorators/phoenix_custom_element';

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

@@ -79,6 +79,7 @@ export { HToggleButton } from './components/groups/toggle_button_group/toggle_bu
 export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from './controllers/click_outside_controller/click_outside_controller_messages.js';
 export { HBackdrop } from './components/backdrop/backdrop.js';
 export { COLOR_SWATCHES_CONTROL_EVENT_NAMES } from './components/form/color_swatches_control/color_swatches_control_constants.js';
+export { HShowMoreButton } from './components/show-more/show_more_button.js';
 export { HColorSwatches } from './components/color_swatches/color_swatches.js';
 export { HColorItem } from './components/color_swatches/color_item/color_item.js';
 export { HColorSwatchesControl } from './components/form/color_swatches_control/color_swatches_control.js';
@@ -122,4 +123,5 @@ export { HToggle } from './components/toggle/toggle.js';
 export { HToggleBtn } from './components/toggle/toggle_button.js';
 export { NavigatorShare } from './components/navigator/navigator_share/navigator_share.js';
 export { NavigatorController } from './components/navigator/navigator_controller/navigator_controller.js';
+export { HShowMore } from './components/show-more/show_more.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "1.17.5-0",
+  "version": "1.17.6-0",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",
@@ -27,15 +27,15 @@
   },
   "peerDependencies": {
     "@dreamcommerce/utilities": "^1.0.0",
-    "@splidejs/splide": "^4.0.7",
-    "@splidejs/splide-extension-auto-scroll": "^0.5.3"
+    "@splidejs/splide": "4.0.7",
+    "@splidejs/splide-extension-auto-scroll": "0.5.3"
   },
   "devDependencies": {
-    "@dreamcommerce/utilities": "^1.20.1-6",
+    "@dreamcommerce/utilities": "^1.20.1-0",
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
     "@splidejs/splide": "4.0.7",
-    "@splidejs/splide-extension-auto-scroll": "^0.5.3",
+    "@splidejs/splide-extension-auto-scroll": "0.5.3",
     "@storybook/web-components": "6.5.7",
     "lit": "2.4.0"
   },