npm - @stenajs-webui/panels - Versions diffs - 23.16.1 → 23.16.3 - Mend

@stenajs-webui/panels 23.16.1 → 23.16.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.css ADDED Viewed

@@ -0,0 +1 @@

+ ._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarLink_1u1b2_1:hover{background:var(--lhds-color-ui-100)}._navBarLink_1u1b2_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarLink_1u1b2_1:active{background:var(--lhds-color-ui-200)}._navBarLink_1u1b2_1._selected_1u1b2_14{background:var(--lhds-color-blue-200)}._navBarLink_1u1b2_1._selected_1u1b2_14:hover{background:var(--lhds-color-blue-100)}._navBarLink_1u1b2_1._selected_1u1b2_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarLink_1u1b2_1._selected_1u1b2_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1nfdy_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--core-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1nfdy_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1nfdy_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23 ._icon_1nfdy_23{transform-origin:top center;animation:_shake_1nfdy_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1nfdy_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1nfdy_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._selectionRow_1njaw_1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:calc(var(--swui-metrics-space) * 2)}@media (max-width: 370px){._iconColumn_1njaw_9{display:none}}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}._productCard_19x6b_1{max-width:560px}@media (max-width: 768px){._productCard_19x6b_1{max-width:unset}}._productSummaryCardImage_1knc7_1{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__counter{bottom:var(--yarl__counter_bottom,unset);color:var(--yarl__counter_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));left:var(--yarl__counter_left,0);line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));position:var(--yarl__counter_position,absolute);right:var(--yarl__counter_right,unset);top:var(--yarl__counter_top,0);-webkit-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__slide_title.yarl__slide_title.yarl__slide_title{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_title_container.yarl__slide_title_container.yarl__slide_title_container{height:48px;margin:calc(var(--swui-metrics-space) * 1);padding:0;display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 10)}.yarl__slide_description.yarl__slide_description.yarl__slide_description{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_description_container.yarl__slide_description_container.yarl__slide_description_container{display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 3);padding-bottom:calc(var(--swui-metrics-space) * 4)}.yarl__counter.yarl__counter{height:48px;margin:calc(var(--swui-metrics-space) * 1);display:flex;align-items:center;padding:0;padding-left:calc(var(--swui-metrics-space) * 1);font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}

package/dist/index.es.js CHANGED Viewed

@@ -1,4 +1,3 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarLink_1u1b2_1:hover{background:var(--lhds-color-ui-100)}._navBarLink_1u1b2_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarLink_1u1b2_1:active{background:var(--lhds-color-ui-200)}._navBarLink_1u1b2_1._selected_1u1b2_14{background:var(--lhds-color-blue-200)}._navBarLink_1u1b2_1._selected_1u1b2_14:hover{background:var(--lhds-color-blue-100)}._navBarLink_1u1b2_1._selected_1u1b2_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarLink_1u1b2_1._selected_1u1b2_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1nfdy_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--core-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1nfdy_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1nfdy_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23 ._icon_1nfdy_23{transform-origin:top center;animation:_shake_1nfdy_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1nfdy_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1nfdy_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._selectionRow_1njaw_1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:calc(var(--swui-metrics-space) * 2)}@media (max-width: 370px){._iconColumn_1njaw_9{display:none}}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}._productCard_19x6b_1{max-width:560px}@media (max-width: 768px){._productCard_19x6b_1{max-width:unset}}._productSummaryCardImage_1knc7_1{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__counter{bottom:var(--yarl__counter_bottom,unset);color:var(--yarl__counter_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));left:var(--yarl__counter_left,0);line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));position:var(--yarl__counter_position,absolute);right:var(--yarl__counter_right,unset);top:var(--yarl__counter_top,0);-webkit-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__slide_title.yarl__slide_title.yarl__slide_title{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_title_container.yarl__slide_title_container.yarl__slide_title_container{height:48px;margin:calc(var(--swui-metrics-space) * 1);padding:0;display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 10)}.yarl__slide_description.yarl__slide_description.yarl__slide_description{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_description_container.yarl__slide_description_container.yarl__slide_description_container{display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 3);padding-bottom:calc(var(--swui-metrics-space) * 4)}.yarl__counter.yarl__counter{height:48px;margin:calc(var(--swui-metrics-space) * 1);display:flex;align-items:center;padding:0;padding-left:calc(var(--swui-metrics-space) * 1);font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}")),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
 import { jsx as e, Fragment as z, jsxs as i } from "react/jsx-runtime";
 import { ActionMenu as re, ActionMenuContext as Ce, stenaAngleDown as oe, PrimaryButton as ie, SecondaryButton as R, FlatButton as O, stenaHamburger as le, FlatButtonLink as Be, BaseButton as we, stenaBellFilled as ye, TextInputButton as Ie, stenaTimes as _e, stenaUserCircle as Se, MenuButton as D, Icon as K, stenaMail as ke, Card as Re, CardBody as Me, CircledIcon as E, stenaTripFerryXl as Ne, ScreenSpinner as Pe, CloseButton as Fe, StenaFlag as ze, stenaAngleLeftDouble as ae, stenaPin as je, IconMenuButton as V, IconMenuButtonLink as Le, MenuButtonLink as Ae, Spinner as ce, Tag as Te, ShimmerBox as N, stenaTimesThick as $e, stenaAngleRight as se, stenaAngleLeft as de, stenaSearchPlus as Oe, stenaSearchMinus as Ee } from "@stenajs-webui/elements";
 import * as He from "react";
@@ -14,7 +13,7 @@ import Ye from "yet-another-react-lightbox/plugins/inline";
 import en from "yet-another-react-lightbox/plugins/zoom";
 import nn from "yet-another-react-lightbox/plugins/counter";
 import tn from "yet-another-react-lightbox/plugins/captions";
-const Q = ({
+import './index.css';const Q = ({
   renderItems: n,
   placement: t = "bottom",
   buttonComponent: r,

package/dist/index.js CHANGED Viewed

@@ -1,3 +1,2 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarLink_1u1b2_1:hover{background:var(--lhds-color-ui-100)}._navBarLink_1u1b2_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarLink_1u1b2_1:active{background:var(--lhds-color-ui-200)}._navBarLink_1u1b2_1._selected_1u1b2_14{background:var(--lhds-color-blue-200)}._navBarLink_1u1b2_1._selected_1u1b2_14:hover{background:var(--lhds-color-blue-100)}._navBarLink_1u1b2_1._selected_1u1b2_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarLink_1u1b2_1._selected_1u1b2_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1nfdy_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--core-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1nfdy_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1nfdy_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23 ._icon_1nfdy_23{transform-origin:top center;animation:_shake_1nfdy_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1nfdy_1._unread_1nfdy_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1nfdy_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1nfdy_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._selectionRow_1njaw_1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:calc(var(--swui-metrics-space) * 2)}@media (max-width: 370px){._iconColumn_1njaw_9{display:none}}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}._productCard_19x6b_1{max-width:560px}@media (max-width: 768px){._productCard_19x6b_1{max-width:unset}}._productSummaryCardImage_1knc7_1{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__counter{bottom:var(--yarl__counter_bottom,unset);color:var(--yarl__counter_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));left:var(--yarl__counter_left,0);line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));position:var(--yarl__counter_position,absolute);right:var(--yarl__counter_right,unset);top:var(--yarl__counter_top,0);-webkit-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__slide_title.yarl__slide_title.yarl__slide_title{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_title_container.yarl__slide_title_container.yarl__slide_title_container{height:48px;margin:calc(var(--swui-metrics-space) * 1);padding:0;display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 10)}.yarl__slide_description.yarl__slide_description.yarl__slide_description{font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}.yarl__slide_description_container.yarl__slide_description_container.yarl__slide_description_container{display:flex;align-items:center;padding-left:calc(var(--swui-metrics-space) * 3);padding-bottom:calc(var(--swui-metrics-space) * 4)}.yarl__counter.yarl__counter{height:48px;margin:calc(var(--swui-metrics-space) * 1);display:flex;align-items:center;padding:0;padding-left:calc(var(--swui-metrics-space) * 1);font-family:var(--swui-font-primary);font-size:var(--swui-font-size-large);font-weight:var(--swui-font-weight-text)}")),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@stenajs-webui/elements"),x=require("react"),t=require("@stenajs-webui/core"),y=require("@stenajs-webui/tooltip"),F=require("@stenajs-webui/forms"),b=require("classnames"),d=require("@stenajs-webui/theme"),S=require("react-responsive"),D=require("yet-another-react-lightbox"),J=require("yet-another-react-lightbox/plugins/inline"),Y=require("yet-another-react-lightbox/plugins/zoom"),ee=require("yet-another-react-lightbox/plugins/counter"),ne=require("yet-another-react-lightbox/plugins/captions");function te(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(s,r,a.get?a:{enumerable:!0,get:()=>n[r]})}}return s.default=n,Object.freeze(s)}const se=te(x),z=({renderItems:n,placement:s="bottom",buttonComponent:r,rightIcon:a=o.stenaAngleDown,menuWidth:l,menuTop:i,onClick:c,disableArrow:u=!1,buttonRef:p,appendTo:j,zIndex:m,disableTrapFocus:g=!1,...B})=>{const[v,w,C,f]=t.useBoolean(!1),h=x.useRef(null),k=p??h,M=x.useMemo(()=>({open:w,close:C}),[w,C]),X=P=>{c?.(P),f()};return e.jsx(e.Fragment,{children:e.jsx(y.ControlledPopover,{renderTrigger:P=>e.jsx(r,{rightIcon:u?void 0:a,...B,ref:k,onClick:X,...P}),hideArrow:!0,disablePadding:!0,open:v,onRequestClose:C,placement:s,appendTo:j,zIndex:m,children:v&&e.jsx(o.ActionMenu,{width:l,top:i,trapFocus:!g,children:e.jsx(o.ActionMenuContext.Provider,{value:M,children:n(C)})})})})},re=n=>e.jsx(z,{buttonComponent:o.PrimaryButton,...n}),oe=n=>e.jsx(z,{buttonComponent:o.SecondaryButton,...n}),E=n=>e.jsx(z,{buttonComponent:o.FlatButton,...n}),ae="1px solid var(--lhds-color-ui-300)",le=({renderMenu:n,...s})=>e.jsx(y.Popover,{trigger:"click",renderTrigger:r=>e.jsx(t.Row,{children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:ae,borderRadius:"4px",children:[e.jsx(F.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(o.FlatButton,{size:"small",leftIcon:o.stenaAngleDown,...r})]})}),hideArrow:!0,disablePadding:!0,placement:"bottom-start",children:({onRequestClose:r})=>e.jsx(t.Column,{children:e.jsx(o.ActionMenu,{children:n(r)})})}),ie="_navBar_kzibd_1",ce={navBar:ie},ue=({className:n,onClick:s})=>e.jsx(o.FlatButton,{leftIcon:o.stenaHamburger,className:n,onClick:s}),de=({left:n,className:s,showMenuButton:r=!1,children:a,right:l,center:i,onClickMenuButton:c})=>{const u=i?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:b(ce.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[r&&e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),e.jsx(ue,{onClick:c})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),a&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:se.Children.map(a,(p,j)=>e.jsxs(e.Fragment,{children:[j>0&&e.jsx(t.Indent,{}),p]}))})})]}),i&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:i}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:u,children:[l,e.jsx(t.Indent,{num:2})]})]})},xe="_navBarButton_b3x3w_1",he="_selected_b3x3w_14",L={navBarButton:xe,selected:he},$=x.forwardRef(function({selected:n,className:s,...r},a){return e.jsx(o.FlatButton,{...r,ref:a,className:b(L.navBarButton,n&&L.selected,s)})}),pe="_navBarLink_1u1b2_1",je="_selected_1u1b2_14",q={navBarLink:pe,selected:je},me=x.forwardRef(function({selected:s,className:r,...a},l){return e.jsx(o.FlatButtonLink,{...a,ref:l,className:b(q.navBarLink,s&&q.selected,r)})}),ge=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),Ce=({content:n,children:s,appendTo:r,zIndex:a,...l})=>{const[i,,c,u]=t.useBoolean(!1);return e.jsx(y.ControlledPopover,{renderTrigger:p=>e.jsx($,{...l,...p,onClick:u}),open:i,onRequestClose:c,zIndex:a,appendTo:r,children:e.jsxs(t.Box,{children:[n&&n({close:c}),s]})})},be="_navBarNotificationButton_1nfdy_1",Be="_unread_1nfdy_23",fe="_icon_1nfdy_23",I={navBarNotificationButton:be,unread:Be,icon:fe},ve=x.forwardRef(function({count:n,unread:s=!1,className:r,labelClassName:a,iconClassName:l,icon:i=o.stenaBellFilled,...c},u){const p=n>1;return e.jsx(o.BaseButton,{...c,ref:u,leftIcon:i,className:b(I.navBarNotificationButton,s&&I.unread,p&&I.hasCount,r),label:p?String(n):void 0,labelClassName:b(a,I.label),iconClassName:b(l,I.icon)})}),we="_navBarSearchFieldInput_1rp8g_1",Se="_navBarSearchFieldWrapper_1rp8g_12",ye="_withButton_1rp8g_24",Ie="_clearButton_1rp8g_33",R={navBarSearchFieldInput:we,navBarSearchFieldWrapper:Se,withButton:ye,clearButton:Ie},Re=({placeholder:n="Search",className:s,wrapperClassName:r,showClearButton:a,onClickClearButton:l,value:i,...c})=>e.jsx(F.TextInput,{wrapperClassName:b(R.navBarSearchFieldWrapper,a?R.withButton:void 0,r),className:b(R.navBarSearchFieldInput,s),placeholder:n,value:i,buttonRight:i&&a?e.jsx(o.TextInputButton,{className:R.clearButton,icon:o.stenaTimes,variant:"error",onClick:l}):void 0,...c}),_e="_navBarUserButton_10f9z_1",ke={navBarUserButton:_e},Me=({className:n,username:s,initials:r,icon:a=o.stenaUserCircle,responsiveIconOnly:l=r==null,...i})=>e.jsx(E,{...i,className:b(ke.navBarUserButton,n),leftIcon:s!=null?a:void 0,label:r??s,forceRound:r!=null,responsiveIconOnly:l,disableArrow:!0}),W=x.forwardRef(({contentLeft:n,contentRight:s,collapsed:r=!1,...a},l)=>e.jsx(o.MenuButton,{ref:l,expandable:!0,expanded:!r,selected:!r,left:n,right:s,...a})),Pe=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),Ne=({value:n,onValueChange:s,onChange:r,indeterminate:a,checkboxDisabled:l,...i})=>e.jsx(W,{contentLeft:e.jsx(F.Checkbox,{value:n,indeterminate:a,onValueChange:s,onChange:r,disabled:l,onClick:c=>c.stopPropagation()}),...i}),Fe="_sidebarMenuCollapsibleGroupBox_ikek9_1",ze={sidebarMenuCollapsibleGroupBox:Fe},U=({children:n})=>e.jsx("div",{className:ze.sidebarMenuCollapsibleGroupBox,children:n}),Te=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),Ae=({text:n="No content"})=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(o.Icon,{icon:o.stenaMail,color:d.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:d.cssColor("--lhds-color-ui-500"),children:n})]}),G=({text:n,heading:s,children:r,buttons:a,icon:l=o.stenaTripFerryXl,headingLevel:i="h3",...c})=>{const u=!n&&!s?"Something unexpected happened.":n;return e.jsx(o.Card,{...c,children:e.jsx(o.CardBody,{children:e.jsxs(t.Column,{spacing:1,gap:3,alignItems:"center",children:[e.jsxs(t.Column,{alignItems:"center",children:[e.jsx(t.Space,{num:1}),e.jsx(o.CircledIcon,{icon:l,size:"xl"})]}),s&&e.jsx(t.Heading,{as:i,children:s}),u&&e.jsx(t.Text,{textAlign:"center",children:u}),r,a&&e.jsxs(t.Box,{children:[e.jsx(t.Space,{num:2}),e.jsx(t.Box,{gap:2,children:a})]})]})})})},Le=n=>e.jsx(t.Box,{width:"100%",height:"100%",spacing:6,justifyContent:"center",alignItems:"center",children:e.jsx(G,{...n})}),Q=({text:n,...s})=>e.jsxs(t.Box,{alignItems:"center",...t.getDataProps(s),children:[e.jsx(o.ScreenSpinner,{}),n&&e.jsxs(e.Fragment,{children:[e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]})]}),qe=n=>e.jsx(t.Box,{width:"100%",height:"100%",spacing:6,justifyContent:"center",alignItems:"center",children:e.jsx(Q,{...n})}),He=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:r,children:a})=>e.jsxs(t.Box,{shadow:"bottom",background:d.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsx(t.Row,{spacing:1,alignItems:"center",children:n()}),s?.(),r&&e.jsx(t.Space,{}),r?.()]}),a]}),Oe=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),De=({icon:n,heading:s,headingLevel:r="h2",contentLeft:a,contentRight:l})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[n&&e.jsx(t.Row,{width:"64px",alignItems:"center",children:e.jsx(o.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:r,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:a}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:l})]}),Ee="_selectionRow_1njaw_1",$e="_iconColumn_1njaw_9",H={selectionRow:Ee,iconColumn:$e},We=({icon:n,heading:s,description:r,contentRight:a,htmlFor:l,circledIconVariant:i,...c})=>e.jsxs("div",{className:H.selectionRow,...t.getDataProps(c),children:[e.jsxs(t.Row,{gap:2,children:[n&&e.jsx(t.Box,{alignItems:"center",justifyContent:"center",width:"40px",className:H.iconColumn,children:e.jsx(o.CircledIcon,{icon:n,variant:i})}),e.jsx("label",{htmlFor:l,children:e.jsxs(t.Column,{gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:s}),typeof r=="string"?e.jsx(t.Text,{color:d.cssColor("--silver-dark"),children:r}):r]})})]}),a]}),Ue="_sidebarMenu_1bx5w_1",Ge="_sidebarItems_1bx5w_38",Qe="_scrollContainer_1bx5w_48",N={sidebarMenu:Ue,sidebarItems:Ge,scrollContainer:Qe},Ve="_stenaFlag_108h7_1",Ke={stenaFlag:Ve},Ze=({onClick:n})=>e.jsxs(t.Column,{background:d.cssColor("--lhds-color-ui-50"),children:[e.jsx(t.Space,{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",flex:1,indent:1,minHeight:"48px",children:[e.jsx(o.CloseButton,{onClick:n}),e.jsx(o.StenaFlag,{className:Ke.stenaFlag})]})]}),Xe=({isPinned:n,onClick:s,label:r})=>{const l=r??(n?"Unpin menu":"Pin menu"),i=n?o.stenaAngleLeftDouble:o.stenaPin;return e.jsx(o.MenuButton,{onClick:s,label:l,leftIcon:i})},Je=({className:n,children:s,onCloseClick:r,pinButtonVisible:a,onClickPinButton:l,bottomItems:i,isPinned:c,...u})=>e.jsxs(t.Box,{...u,className:b(N.sidebarMenu,n),children:[e.jsx(Ze,{onClick:r}),e.jsx(t.Box,{className:N.scrollContainer,children:e.jsxs(t.Column,{className:N.sidebarItems,justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(i||a)&&e.jsxs(t.Column,{gap:1,children:[i,a&&e.jsx(Xe,{isPinned:c,onClick:l}),e.jsx(t.Space,{})]})]})})]}),_=x.createContext(!1),T=()=>x.useContext(_),Ye=({label:n,...s})=>e.jsx(y.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(o.IconMenuButton,{...s})}),en=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:r,children:a,bottomItems:l,closeButtonTitle:i="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:d.cssColor("--lhds-color-ui-50"),children:[e.jsx(o.IconMenuButton,{onClick:r,icon:o.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(_.Provider,{value:!0,children:a})}),e.jsx(t.Column,{gap:1,children:(l||n)&&e.jsxs(_.Provider,{value:!0,children:[l,n&&e.jsx(Ye,{icon:o.stenaAngleLeftDouble,label:i,onClick:s})]})})]})]}),V=({label:n})=>T()?null:e.jsxs(t.Box,{height:"32px",justifyContent:"center",indent:1,children:[e.jsx(t.Space,{}),e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})]}),nn=({label:n,leftIcon:s,...r})=>s==null?null:e.jsx(y.Tooltip,{label:n,placement:"right",children:e.jsx(o.IconMenuButtonLink,{icon:s,...r})}),tn=n=>T()?e.jsx(nn,{...n}):e.jsx(o.MenuButtonLink,{...n}),sn=({children:n,label:s,icon:r,popupMinWidth:a="200px"})=>e.jsx(y.Popover,{renderTrigger:l=>e.jsx(o.IconMenuButton,{icon:r,...l}),placement:"right-start",trigger:["hover","focus"],disablePadding:!0,children:e.jsx(t.Box,{minWidth:a,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(_.Provider,{value:!1,children:[e.jsx(V,{label:s}),n]})})}),rn=({children:n,label:s,leftIcon:r,className:a,initialExpand:l=!1})=>{const[i,c]=x.useState(l);return T()?r==null?null:e.jsx(sn,{label:s,icon:r,children:n}):e.jsx(o.MenuButton,{label:s,onClick:()=>c(!i),leftIcon:r,className:a,expandable:!0,expanded:i,selected:i,children:e.jsx(U,{children:n})})},on=n=>e.jsx(t.SeparatorLine,{color:d.cssColor("--lhds-color-ui-400"),...n}),an=(n,s,r)=>n==null?"":(t.pluralFormatter(t.selectPluralRule(r))(n,s)??"").replace("{ITEMS}",String(n)),ln=({numItemsSelected:n,label:s,selectedLabel:r={one:"{ITEMS} item selected",other:"{ITEMS} items selected"},afterLabelContent:a,rightContent:l,localeId:i="en-GB"})=>{const c=an(n,r,i);return e.jsxs(t.Row,{indent:3,spacing:!0,gap:3,minHeight:"56px",justifyContent:"space-between",alignItems:"center",background:d.cssColor("--silver-lighter"),flex:1,borderRadius:"var(--swui-border-radius)",children:[e.jsxs(t.Row,{alignItems:"center",gap:2,children:[n!=null||s!=null?e.jsx(t.Row,{alignItems:"center",children:n!=null?e.jsx(t.Text,{children:c}):s!=null?typeof s=="string"?e.jsx(t.Text,{children:s}):s:null}):null,a&&e.jsx(t.Row,{children:a})]}),e.jsx(t.Row,{gap:2,children:l})]})},cn=({children:n})=>e.jsx(t.Row,{spacing:.5,indent:.5,flex:1,children:n}),un="_productCard_19x6b_1",dn={productCard:un},xn=({renderSelectedProductCard:n,renderEditButton:s,children:r,loading:a,shadow:l,...i})=>e.jsxs(t.Column,{"data-comp":"ProductCard",className:dn.productCard,shadow:l?"box":void 0,background:d.cssColor("--moln"),borderRadius:"24px",overflow:"hidden",position:a?"relative":void 0,...t.getDataProps(i),children:[n?.(),e.jsx(t.Column,{gap:2,children:r}),s&&e.jsxs(t.Column,{children:[e.jsx(t.Row,{indent:2,justifyContent:"flex-end",children:s()}),e.jsx(t.Spacing,{})]}),a&&e.jsx(t.Box,{top:0,bottom:0,left:0,right:0,position:"absolute",justifyContent:"center",alignItems:"center",background:"rgba(255, 255, 255, 0.7)",children:e.jsx(o.Spinner,{})})]}),hn=({children:n})=>e.jsx(t.Text,{variant:"bold",style:{fontSize:"2.0rem"},children:n}),pn=({description:n,subDescription:s,descriptionTags:r,capacityTag:a,offerCodeTag:l,priceText:i,title:c,subTitle:u,renderImage:p,children:j,headingLevel:m})=>{const g=r==null?!1:Array.isArray(r)?r.length>0:!t.isEmptyFragment(r);return e.jsxs(t.Column,{children:[p?.(),e.jsxs(t.Box,{gap:2,spacing:4,indent:4,background:d.cssColor("--moln"),children:[e.jsxs(t.Box,{gap:.5,children:[e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"flex-start",gap:2,children:[e.jsx(t.Heading,{variant:"h3",as:m,children:c}),e.jsxs(t.Row,{gap:2,children:[l&&e.jsx(t.Column,{justifyContent:"center",children:l}),e.jsx(hn,{children:i})]})]}),u&&e.jsx(t.Text,{variant:"bold",color:d.cssColor("--silver-dark"),children:u})]}),(g||a)&&e.jsxs(t.Column,{children:[e.jsxs(t.Row,{gap:1,flexWrap:"wrap",children:[r,a&&e.jsx(o.Tag,{label:a,variant:"passive"})]}),e.jsx(t.Space,{})]}),n&&e.jsxs(t.Column,{children:[e.jsx(t.Text,{children:n}),e.jsx(t.Space,{})]}),s&&e.jsxs(t.Column,{children:[e.jsx(t.Text,{children:s}),e.jsx(t.Space,{})]}),j]})]})},jn=({renderImage:n})=>e.jsxs(t.Column,{children:[n?.(),e.jsxs(t.Box,{gap:3,spacing:4,indent:4,background:d.cssColor("--moln"),children:[e.jsx(t.Box,{gap:.5,children:e.jsx(t.Row,{justifyContent:"space-between",alignItems:"flex-start",gap:2,children:e.jsx(o.ShimmerBox,{width:"50px",height:"2.8rem",borderRadius:"8px"})})}),e.jsx(t.Column,{children:e.jsx(o.ShimmerBox,{width:"180px",height:"2.0rem",borderRadius:"8px"})}),e.jsx(t.Column,{children:e.jsx(o.ShimmerBox,{width:"150px",height:"1.4rem",borderRadius:"8px"})})]})]}),mn=({label:n,children:s})=>e.jsxs(t.Box,{background:d.cssColor("--mussla"),indent:2,spacing:2,gap:2,children:[e.jsx(t.Heading,{variant:"h3",as:"h2",color:"white",children:n}),s]}),gn=({title:n,variant:s="normal",loading:r,iconLeft:a,compactIconLeft:l,renderLeft:i,renderButton:c,renderOfferCodeTag:u,renderMandatoryTag:p,renderContentLeftOfButton:j,children:m,...g})=>{const{fontSizeRatio:B}=t.useAccessibleFontSizeContext(),v=S.useMediaQuery({query:"(max-width: 460px)"}),C=S.useMediaQuery({query:"(max-width: 360px)"})||v&&B>1.2,f=r?"normal":s,h=bn(f),k=d.cssColor("--moln"),M=Cn(f);return e.jsxs(t.Box,{"data-comp":"ProductSummaryCard",borderRadius:"16px",shadow:"box",overflow:"hidden",position:r?"relative":void 0,...t.getDataProps(g),children:[e.jsxs(t.Row,{flex:1,children:[!C&&e.jsxs(t.Box,{flex:2,justifyContent:"center",background:h,children:[i?.(),a&&e.jsx(o.Icon,{color:M,icon:a,size:73})]}),e.jsx(t.Box,{flex:4,indent:2,spacing:2,background:k,children:e.jsxs(t.Column,{gap:2,children:[n&&e.jsxs(t.Row,{justifyContent:"space-between",children:[e.jsxs(t.Row,{gap:2,alignItems:"center",children:[C&&l&&e.jsx(o.CircledIcon,{icon:l,size:"medium"}),e.jsx(t.Text,{variant:"bold",size:"large",children:n})]}),f=="normal"&&u?.()]}),e.jsx(t.Column,{style:{opacity:r?0:void 0},children:m}),p&&e.jsx(t.Row,{style:{opacity:r?0:void 0},children:p()}),e.jsx("div",{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",gap:2,flexWrap:"wrap",children:[j?.()??e.jsx("div",{}),c?.()]})]})})]}),r&&e.jsx(t.Box,{top:0,bottom:0,left:0,right:0,position:"absolute",justifyContent:"center",alignItems:"center",background:"rgba(255, 255, 255, 0.7)",children:e.jsx(o.Spinner,{})})]})},Cn=n=>{switch(n){case"edit":return d.cssColor("--moln");case"upgrade":return d.cssColor("--moln");case"normal":return d.cssColor("--mussla");default:t.exhaustSwitchCaseElseThrow(n)}},bn=n=>{switch(n){case"edit":return d.cssColor("--mussla");case"upgrade":return d.cssColor("--mussla");case"normal":return d.cssColor("--silver-lighter");default:t.exhaustSwitchCaseElseThrow(n)}},Bn="_productSummaryCardImage_1knc7_1",fn={productSummaryCardImage:Bn},vn=({src:n,alt:s})=>e.jsx("img",{src:n,alt:s,className:fn.productSummaryCardImage}),wn=({iconLeft:n,...s})=>e.jsx(t.Box,{borderRadius:"16px",shadow:"box",overflow:"hidden",...t.getDataProps(s),children:e.jsxs(t.Row,{flex:1,children:[e.jsx(t.Box,{flex:2,justifyContent:"center",background:d.cssColor("--silver-lighter"),children:n&&e.jsx(o.Icon,{color:d.cssColor("--mussla"),icon:n,size:73})}),e.jsx(t.Box,{flex:4,indent:2,spacing:2,background:d.cssColor("--moln"),children:e.jsxs(t.Column,{gap:2,children:[e.jsx(o.ShimmerBox,{width:"180px",height:"2.8rem",borderRadius:"8px"}),e.jsx(o.ShimmerBox,{width:"50px",height:"2.0rem",borderRadius:"8px"}),e.jsx(o.ShimmerBox,{width:"150px",height:"1.4rem",borderRadius:"8px"})]})})]})}),O=["small-mobile","mobile","tablet","tablet-wide","desktop"],A=()=>{const n=S.useMediaQuery({query:"(max-width: 768px)"}),s=S.useMediaQuery({query:"(max-width: 395px)"}),r=S.useMediaQuery({query:"(max-width: 1024px)"}),a=S.useMediaQuery({query:"(max-width: 1160px)"});return{deviceSize:s?"small-mobile":n?"mobile":r?"tablet":a?"tablet-wide":"desktop"}},K=(n,s)=>n===s||O.indexOf(n)>O.indexOf(s),Sn=n=>{const{deviceSize:s}=A();return{visible:x.useMemo(()=>K(s,n),[s,n])}},Z=({isOpen:n,initialIndex:s,onUpdateIndex:r,altLabelPrevious:a,altLabelZoomIn:l,altLabelZoomOut:i,altLabelNext:c,altLabelClose:u,onRequestClose:p,images:j})=>{const m=x.useRef(null),{deviceSize:g}=A(),B=g!=="mobile",[v,w]=x.useState(s??0),C=({index:h})=>{w(h),r?.(h)},f=x.useMemo(()=>j.map(h=>yn(h)),[j]);return e.jsx(D,{open:n,close:p,index:v,plugins:[Y,ee,ne],slides:f,on:{view:C},animation:{fade:0},controller:{closeOnPullDown:!0,closeOnBackdropClick:!0,ref:m},counter:{container:{style:{filter:"none",color:"white",fontSize:"2.0rem",fontFamily:"var(--swui-font-primary)"}}},render:{buttonZoom:h=>B&&e.jsxs(t.Row,{gap:1,indent:2,children:[e.jsx(o.SecondaryButton,{"aria-label":l,leftIcon:o.stenaSearchPlus,size:"large",onClick:()=>h.zoomIn()}),e.jsx(o.SecondaryButton,{"aria-label":i,leftIcon:o.stenaSearchMinus,size:"large",onClick:()=>h.zoomOut()})]}),buttonPrev:()=>j.length>1&&B&&e.jsx(t.Indent,{num:4,className:"yarl__navigation_prev",children:e.jsx(o.SecondaryButton,{"aria-label":a,leftIcon:o.stenaAngleLeft,size:"large",onClick:()=>m.current?.prev()})}),buttonNext:()=>j.length>1&&B&&e.jsx(t.Indent,{num:4,className:"yarl__navigation_next",children:e.jsx(o.SecondaryButton,{"aria-label":c,leftIcon:o.stenaAngleRight,size:"large",onClick:()=>m.current?.next()})}),buttonClose:()=>e.jsx(t.Indent,{children:e.jsx(o.PrimaryButton,{variant:"danger","aria-label":u,leftIcon:o.stenaTimesThick,size:"large",onClick:()=>m.current?.close()})})}})},yn=n=>({src:n.url,width:n.width,height:n.height,alt:n.alt,title:n.title,description:n.description}),In=({images:n,initialIndex:s,altLabelPrevious:r,altLabelZoomIn:a,altLabelZoomOut:l,altLabelNext:i,altLabelClose:c})=>{const u=x.useRef(null),[p,j]=x.useState(!1),[m,g]=x.useState(s??0),B=x.useCallback(()=>{j(!0)},[]),v=x.useCallback(()=>{j(!1)},[]),w=({index:h})=>g(h);x.useEffect(()=>{g(s??0)},[s]);const C=x.useMemo(()=>n.map(Rn),[n]),f=x.useMemo(()=>n.map(h=>h.fullscreenImage?{...h,url:h.fullscreenImage.url,width:h.fullscreenImage.width,height:h.fullscreenImage.height}:h),[n]);return e.jsxs(t.BlockKeyboardEvents,{blockedKeys:"Escape",children:[e.jsx(D,{controller:{ref:u},index:m,slides:C,plugins:[J],on:{view:w,click:B},carousel:{padding:0,spacing:0,imageFit:"cover"},render:{buttonPrev:()=>n.length>1&&e.jsx(t.Indent,{className:"yarl__navigation_prev",children:e.jsx(o.SecondaryButton,{"aria-label":r,leftIcon:o.stenaAngleLeft,onClick:()=>u.current?.prev()})}),buttonNext:()=>n.length>1&&e.jsx(t.Indent,{className:"yarl__navigation_next",children:e.jsx(o.SecondaryButton,{"aria-label":i,leftIcon:o.stenaAngleRight,onClick:()=>u.current?.next()})})},styles:{button:{filter:"none"}},inline:{style:{width:"100%",maxWidth:"900px",aspectRatio:"3 / 2",margin:"0 auto"}}}),p&&e.jsx(Z,{isOpen:!0,onRequestClose:v,initialIndex:m,onUpdateIndex:g,images:f,altLabelPrevious:r,altLabelNext:i,altLabelClose:c,altLabelZoomIn:a,altLabelZoomOut:l})]})},Rn=n=>({src:n.url,width:n.width,height:n.height,alt:n.alt,title:n.title,description:n.description});exports.ActionMenuFlatButton=E;exports.ActionMenuPrimaryButton=re;exports.ActionMenuSecondaryButton=oe;exports.CheckboxMenu=le;exports.Collapsible=W;exports.CollapsibleEmptyContent=Ae;exports.CollapsibleGroupHeading=Te;exports.CollapsibleList=Pe;exports.CollapsibleWithCheckbox=Ne;exports.ErrorPanel=G;exports.ErrorScreen=Le;exports.FullscreenImageCarousel=Z;exports.ImageCarousel=In;exports.LoadingPanel=Q;exports.LoadingScreen=qe;exports.NavBar=de;exports.NavBarButton=$;exports.NavBarHeading=ge;exports.NavBarLink=me;exports.NavBarNotificationButton=ve;exports.NavBarPopoverButton=Ce;exports.NavBarSearchField=Re;exports.NavBarUserButton=Me;exports.PageHeader=He;exports.PageHeaderRow=Oe;exports.PageHeading=De;exports.ProductCard=xn;exports.ProductCardContentItem=pn;exports.ProductCardContentItemSkeletor=jn;exports.ProductSummaryCard=gn;exports.ProductSummaryCardImage=vn;exports.ProductSummaryCardSkeletor=wn;exports.SelectedItemsActionsPadding=cn;exports.SelectedItemsActionsPanel=ln;exports.SelectedProductCard=mn;exports.SelectionRow=We;exports.SidebarMenu=Je;exports.SidebarMenuCollapsible=rn;exports.SidebarMenuCollapsibleGroupBox=U;exports.SidebarMenuHeading=V;exports.SidebarMenuLink=tn;exports.SidebarMenuSeparator=on;exports.SidebarRailMenu=en;exports.isDeviceSameOrLarger=K;exports.useDeviceSize=A;exports.useLayoutVisibility=Sn;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("react/jsx-runtime"),o=require("@stenajs-webui/elements"),x=require("react"),t=require("@stenajs-webui/core"),y=require("@stenajs-webui/tooltip"),F=require("@stenajs-webui/forms"),b=require("classnames"),d=require("@stenajs-webui/theme"),S=require("react-responsive"),D=require("yet-another-react-lightbox"),J=require("yet-another-react-lightbox/plugins/inline"),Y=require("yet-another-react-lightbox/plugins/zoom"),ee=require("yet-another-react-lightbox/plugins/counter"),ne=require("yet-another-react-lightbox/plugins/captions");function te(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(s,r,a.get?a:{enumerable:!0,get:()=>n[r]})}}return s.default=n,Object.freeze(s)}const se=te(x),z=({renderItems:n,placement:s="bottom",buttonComponent:r,rightIcon:a=o.stenaAngleDown,menuWidth:l,menuTop:i,onClick:c,disableArrow:u=!1,buttonRef:p,appendTo:j,zIndex:m,disableTrapFocus:g=!1,...B})=>{const[v,w,C,f]=t.useBoolean(!1),h=x.useRef(null),k=p??h,M=x.useMemo(()=>({open:w,close:C}),[w,C]),X=P=>{c?.(P),f()};return e.jsx(e.Fragment,{children:e.jsx(y.ControlledPopover,{renderTrigger:P=>e.jsx(r,{rightIcon:u?void 0:a,...B,ref:k,onClick:X,...P}),hideArrow:!0,disablePadding:!0,open:v,onRequestClose:C,placement:s,appendTo:j,zIndex:m,children:v&&e.jsx(o.ActionMenu,{width:l,top:i,trapFocus:!g,children:e.jsx(o.ActionMenuContext.Provider,{value:M,children:n(C)})})})})},re=n=>e.jsx(z,{buttonComponent:o.PrimaryButton,...n}),oe=n=>e.jsx(z,{buttonComponent:o.SecondaryButton,...n}),E=n=>e.jsx(z,{buttonComponent:o.FlatButton,...n}),ae="1px solid var(--lhds-color-ui-300)",le=({renderMenu:n,...s})=>e.jsx(y.Popover,{trigger:"click",renderTrigger:r=>e.jsx(t.Row,{children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:ae,borderRadius:"4px",children:[e.jsx(F.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(o.FlatButton,{size:"small",leftIcon:o.stenaAngleDown,...r})]})}),hideArrow:!0,disablePadding:!0,placement:"bottom-start",children:({onRequestClose:r})=>e.jsx(t.Column,{children:e.jsx(o.ActionMenu,{children:n(r)})})}),ie="_navBar_kzibd_1",ce={navBar:ie},ue=({className:n,onClick:s})=>e.jsx(o.FlatButton,{leftIcon:o.stenaHamburger,className:n,onClick:s}),de=({left:n,className:s,showMenuButton:r=!1,children:a,right:l,center:i,onClickMenuButton:c})=>{const u=i?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:b(ce.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[r&&e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),e.jsx(ue,{onClick:c})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),a&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:se.Children.map(a,(p,j)=>e.jsxs(e.Fragment,{children:[j>0&&e.jsx(t.Indent,{}),p]}))})})]}),i&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:i}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:u,children:[l,e.jsx(t.Indent,{num:2})]})]})},xe="_navBarButton_b3x3w_1",he="_selected_b3x3w_14",L={navBarButton:xe,selected:he},$=x.forwardRef(function({selected:n,className:s,...r},a){return e.jsx(o.FlatButton,{...r,ref:a,className:b(L.navBarButton,n&&L.selected,s)})}),pe="_navBarLink_1u1b2_1",je="_selected_1u1b2_14",q={navBarLink:pe,selected:je},me=x.forwardRef(function({selected:s,className:r,...a},l){return e.jsx(o.FlatButtonLink,{...a,ref:l,className:b(q.navBarLink,s&&q.selected,r)})}),ge=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),Ce=({content:n,children:s,appendTo:r,zIndex:a,...l})=>{const[i,,c,u]=t.useBoolean(!1);return e.jsx(y.ControlledPopover,{renderTrigger:p=>e.jsx($,{...l,...p,onClick:u}),open:i,onRequestClose:c,zIndex:a,appendTo:r,children:e.jsxs(t.Box,{children:[n&&n({close:c}),s]})})},be="_navBarNotificationButton_1nfdy_1",Be="_unread_1nfdy_23",fe="_icon_1nfdy_23",I={navBarNotificationButton:be,unread:Be,icon:fe},ve=x.forwardRef(function({count:n,unread:s=!1,className:r,labelClassName:a,iconClassName:l,icon:i=o.stenaBellFilled,...c},u){const p=n>1;return e.jsx(o.BaseButton,{...c,ref:u,leftIcon:i,className:b(I.navBarNotificationButton,s&&I.unread,p&&I.hasCount,r),label:p?String(n):void 0,labelClassName:b(a,I.label),iconClassName:b(l,I.icon)})}),we="_navBarSearchFieldInput_1rp8g_1",Se="_navBarSearchFieldWrapper_1rp8g_12",ye="_withButton_1rp8g_24",Ie="_clearButton_1rp8g_33",R={navBarSearchFieldInput:we,navBarSearchFieldWrapper:Se,withButton:ye,clearButton:Ie},Re=({placeholder:n="Search",className:s,wrapperClassName:r,showClearButton:a,onClickClearButton:l,value:i,...c})=>e.jsx(F.TextInput,{wrapperClassName:b(R.navBarSearchFieldWrapper,a?R.withButton:void 0,r),className:b(R.navBarSearchFieldInput,s),placeholder:n,value:i,buttonRight:i&&a?e.jsx(o.TextInputButton,{className:R.clearButton,icon:o.stenaTimes,variant:"error",onClick:l}):void 0,...c}),_e="_navBarUserButton_10f9z_1",ke={navBarUserButton:_e},Me=({className:n,username:s,initials:r,icon:a=o.stenaUserCircle,responsiveIconOnly:l=r==null,...i})=>e.jsx(E,{...i,className:b(ke.navBarUserButton,n),leftIcon:s!=null?a:void 0,label:r??s,forceRound:r!=null,responsiveIconOnly:l,disableArrow:!0}),W=x.forwardRef(({contentLeft:n,contentRight:s,collapsed:r=!1,...a},l)=>e.jsx(o.MenuButton,{ref:l,expandable:!0,expanded:!r,selected:!r,left:n,right:s,...a})),Pe=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),Ne=({value:n,onValueChange:s,onChange:r,indeterminate:a,checkboxDisabled:l,...i})=>e.jsx(W,{contentLeft:e.jsx(F.Checkbox,{value:n,indeterminate:a,onValueChange:s,onChange:r,disabled:l,onClick:c=>c.stopPropagation()}),...i}),Fe="_sidebarMenuCollapsibleGroupBox_ikek9_1",ze={sidebarMenuCollapsibleGroupBox:Fe},U=({children:n})=>e.jsx("div",{className:ze.sidebarMenuCollapsibleGroupBox,children:n}),Te=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),Ae=({text:n="No content"})=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(o.Icon,{icon:o.stenaMail,color:d.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:d.cssColor("--lhds-color-ui-500"),children:n})]}),G=({text:n,heading:s,children:r,buttons:a,icon:l=o.stenaTripFerryXl,headingLevel:i="h3",...c})=>{const u=!n&&!s?"Something unexpected happened.":n;return e.jsx(o.Card,{...c,children:e.jsx(o.CardBody,{children:e.jsxs(t.Column,{spacing:1,gap:3,alignItems:"center",children:[e.jsxs(t.Column,{alignItems:"center",children:[e.jsx(t.Space,{num:1}),e.jsx(o.CircledIcon,{icon:l,size:"xl"})]}),s&&e.jsx(t.Heading,{as:i,children:s}),u&&e.jsx(t.Text,{textAlign:"center",children:u}),r,a&&e.jsxs(t.Box,{children:[e.jsx(t.Space,{num:2}),e.jsx(t.Box,{gap:2,children:a})]})]})})})},Le=n=>e.jsx(t.Box,{width:"100%",height:"100%",spacing:6,justifyContent:"center",alignItems:"center",children:e.jsx(G,{...n})}),Q=({text:n,...s})=>e.jsxs(t.Box,{alignItems:"center",...t.getDataProps(s),children:[e.jsx(o.ScreenSpinner,{}),n&&e.jsxs(e.Fragment,{children:[e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]})]}),qe=n=>e.jsx(t.Box,{width:"100%",height:"100%",spacing:6,justifyContent:"center",alignItems:"center",children:e.jsx(Q,{...n})}),He=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:r,children:a})=>e.jsxs(t.Box,{shadow:"bottom",background:d.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsx(t.Row,{spacing:1,alignItems:"center",children:n()}),s?.(),r&&e.jsx(t.Space,{}),r?.()]}),a]}),Oe=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),De=({icon:n,heading:s,headingLevel:r="h2",contentLeft:a,contentRight:l})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[n&&e.jsx(t.Row,{width:"64px",alignItems:"center",children:e.jsx(o.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:r,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:a}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:l})]}),Ee="_selectionRow_1njaw_1",$e="_iconColumn_1njaw_9",H={selectionRow:Ee,iconColumn:$e},We=({icon:n,heading:s,description:r,contentRight:a,htmlFor:l,circledIconVariant:i,...c})=>e.jsxs("div",{className:H.selectionRow,...t.getDataProps(c),children:[e.jsxs(t.Row,{gap:2,children:[n&&e.jsx(t.Box,{alignItems:"center",justifyContent:"center",width:"40px",className:H.iconColumn,children:e.jsx(o.CircledIcon,{icon:n,variant:i})}),e.jsx("label",{htmlFor:l,children:e.jsxs(t.Column,{gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:s}),typeof r=="string"?e.jsx(t.Text,{color:d.cssColor("--silver-dark"),children:r}):r]})})]}),a]}),Ue="_sidebarMenu_1bx5w_1",Ge="_sidebarItems_1bx5w_38",Qe="_scrollContainer_1bx5w_48",N={sidebarMenu:Ue,sidebarItems:Ge,scrollContainer:Qe},Ve="_stenaFlag_108h7_1",Ke={stenaFlag:Ve},Ze=({onClick:n})=>e.jsxs(t.Column,{background:d.cssColor("--lhds-color-ui-50"),children:[e.jsx(t.Space,{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",flex:1,indent:1,minHeight:"48px",children:[e.jsx(o.CloseButton,{onClick:n}),e.jsx(o.StenaFlag,{className:Ke.stenaFlag})]})]}),Xe=({isPinned:n,onClick:s,label:r})=>{const l=r??(n?"Unpin menu":"Pin menu"),i=n?o.stenaAngleLeftDouble:o.stenaPin;return e.jsx(o.MenuButton,{onClick:s,label:l,leftIcon:i})},Je=({className:n,children:s,onCloseClick:r,pinButtonVisible:a,onClickPinButton:l,bottomItems:i,isPinned:c,...u})=>e.jsxs(t.Box,{...u,className:b(N.sidebarMenu,n),children:[e.jsx(Ze,{onClick:r}),e.jsx(t.Box,{className:N.scrollContainer,children:e.jsxs(t.Column,{className:N.sidebarItems,justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(i||a)&&e.jsxs(t.Column,{gap:1,children:[i,a&&e.jsx(Xe,{isPinned:c,onClick:l}),e.jsx(t.Space,{})]})]})})]}),_=x.createContext(!1),T=()=>x.useContext(_),Ye=({label:n,...s})=>e.jsx(y.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(o.IconMenuButton,{...s})}),en=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:r,children:a,bottomItems:l,closeButtonTitle:i="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:d.cssColor("--lhds-color-ui-50"),children:[e.jsx(o.IconMenuButton,{onClick:r,icon:o.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(_.Provider,{value:!0,children:a})}),e.jsx(t.Column,{gap:1,children:(l||n)&&e.jsxs(_.Provider,{value:!0,children:[l,n&&e.jsx(Ye,{icon:o.stenaAngleLeftDouble,label:i,onClick:s})]})})]})]}),V=({label:n})=>T()?null:e.jsxs(t.Box,{height:"32px",justifyContent:"center",indent:1,children:[e.jsx(t.Space,{}),e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})]}),nn=({label:n,leftIcon:s,...r})=>s==null?null:e.jsx(y.Tooltip,{label:n,placement:"right",children:e.jsx(o.IconMenuButtonLink,{icon:s,...r})}),tn=n=>T()?e.jsx(nn,{...n}):e.jsx(o.MenuButtonLink,{...n}),sn=({children:n,label:s,icon:r,popupMinWidth:a="200px"})=>e.jsx(y.Popover,{renderTrigger:l=>e.jsx(o.IconMenuButton,{icon:r,...l}),placement:"right-start",trigger:["hover","focus"],disablePadding:!0,children:e.jsx(t.Box,{minWidth:a,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(_.Provider,{value:!1,children:[e.jsx(V,{label:s}),n]})})}),rn=({children:n,label:s,leftIcon:r,className:a,initialExpand:l=!1})=>{const[i,c]=x.useState(l);return T()?r==null?null:e.jsx(sn,{label:s,icon:r,children:n}):e.jsx(o.MenuButton,{label:s,onClick:()=>c(!i),leftIcon:r,className:a,expandable:!0,expanded:i,selected:i,children:e.jsx(U,{children:n})})},on=n=>e.jsx(t.SeparatorLine,{color:d.cssColor("--lhds-color-ui-400"),...n}),an=(n,s,r)=>n==null?"":(t.pluralFormatter(t.selectPluralRule(r))(n,s)??"").replace("{ITEMS}",String(n)),ln=({numItemsSelected:n,label:s,selectedLabel:r={one:"{ITEMS} item selected",other:"{ITEMS} items selected"},afterLabelContent:a,rightContent:l,localeId:i="en-GB"})=>{const c=an(n,r,i);return e.jsxs(t.Row,{indent:3,spacing:!0,gap:3,minHeight:"56px",justifyContent:"space-between",alignItems:"center",background:d.cssColor("--silver-lighter"),flex:1,borderRadius:"var(--swui-border-radius)",children:[e.jsxs(t.Row,{alignItems:"center",gap:2,children:[n!=null||s!=null?e.jsx(t.Row,{alignItems:"center",children:n!=null?e.jsx(t.Text,{children:c}):s!=null?typeof s=="string"?e.jsx(t.Text,{children:s}):s:null}):null,a&&e.jsx(t.Row,{children:a})]}),e.jsx(t.Row,{gap:2,children:l})]})},cn=({children:n})=>e.jsx(t.Row,{spacing:.5,indent:.5,flex:1,children:n}),un="_productCard_19x6b_1",dn={productCard:un},xn=({renderSelectedProductCard:n,renderEditButton:s,children:r,loading:a,shadow:l,...i})=>e.jsxs(t.Column,{"data-comp":"ProductCard",className:dn.productCard,shadow:l?"box":void 0,background:d.cssColor("--moln"),borderRadius:"24px",overflow:"hidden",position:a?"relative":void 0,...t.getDataProps(i),children:[n?.(),e.jsx(t.Column,{gap:2,children:r}),s&&e.jsxs(t.Column,{children:[e.jsx(t.Row,{indent:2,justifyContent:"flex-end",children:s()}),e.jsx(t.Spacing,{})]}),a&&e.jsx(t.Box,{top:0,bottom:0,left:0,right:0,position:"absolute",justifyContent:"center",alignItems:"center",background:"rgba(255, 255, 255, 0.7)",children:e.jsx(o.Spinner,{})})]}),hn=({children:n})=>e.jsx(t.Text,{variant:"bold",style:{fontSize:"2.0rem"},children:n}),pn=({description:n,subDescription:s,descriptionTags:r,capacityTag:a,offerCodeTag:l,priceText:i,title:c,subTitle:u,renderImage:p,children:j,headingLevel:m})=>{const g=r==null?!1:Array.isArray(r)?r.length>0:!t.isEmptyFragment(r);return e.jsxs(t.Column,{children:[p?.(),e.jsxs(t.Box,{gap:2,spacing:4,indent:4,background:d.cssColor("--moln"),children:[e.jsxs(t.Box,{gap:.5,children:[e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"flex-start",gap:2,children:[e.jsx(t.Heading,{variant:"h3",as:m,children:c}),e.jsxs(t.Row,{gap:2,children:[l&&e.jsx(t.Column,{justifyContent:"center",children:l}),e.jsx(hn,{children:i})]})]}),u&&e.jsx(t.Text,{variant:"bold",color:d.cssColor("--silver-dark"),children:u})]}),(g||a)&&e.jsxs(t.Column,{children:[e.jsxs(t.Row,{gap:1,flexWrap:"wrap",children:[r,a&&e.jsx(o.Tag,{label:a,variant:"passive"})]}),e.jsx(t.Space,{})]}),n&&e.jsxs(t.Column,{children:[e.jsx(t.Text,{children:n}),e.jsx(t.Space,{})]}),s&&e.jsxs(t.Column,{children:[e.jsx(t.Text,{children:s}),e.jsx(t.Space,{})]}),j]})]})},jn=({renderImage:n})=>e.jsxs(t.Column,{children:[n?.(),e.jsxs(t.Box,{gap:3,spacing:4,indent:4,background:d.cssColor("--moln"),children:[e.jsx(t.Box,{gap:.5,children:e.jsx(t.Row,{justifyContent:"space-between",alignItems:"flex-start",gap:2,children:e.jsx(o.ShimmerBox,{width:"50px",height:"2.8rem",borderRadius:"8px"})})}),e.jsx(t.Column,{children:e.jsx(o.ShimmerBox,{width:"180px",height:"2.0rem",borderRadius:"8px"})}),e.jsx(t.Column,{children:e.jsx(o.ShimmerBox,{width:"150px",height:"1.4rem",borderRadius:"8px"})})]})]}),mn=({label:n,children:s})=>e.jsxs(t.Box,{background:d.cssColor("--mussla"),indent:2,spacing:2,gap:2,children:[e.jsx(t.Heading,{variant:"h3",as:"h2",color:"white",children:n}),s]}),gn=({title:n,variant:s="normal",loading:r,iconLeft:a,compactIconLeft:l,renderLeft:i,renderButton:c,renderOfferCodeTag:u,renderMandatoryTag:p,renderContentLeftOfButton:j,children:m,...g})=>{const{fontSizeRatio:B}=t.useAccessibleFontSizeContext(),v=S.useMediaQuery({query:"(max-width: 460px)"}),C=S.useMediaQuery({query:"(max-width: 360px)"})||v&&B>1.2,f=r?"normal":s,h=bn(f),k=d.cssColor("--moln"),M=Cn(f);return e.jsxs(t.Box,{"data-comp":"ProductSummaryCard",borderRadius:"16px",shadow:"box",overflow:"hidden",position:r?"relative":void 0,...t.getDataProps(g),children:[e.jsxs(t.Row,{flex:1,children:[!C&&e.jsxs(t.Box,{flex:2,justifyContent:"center",background:h,children:[i?.(),a&&e.jsx(o.Icon,{color:M,icon:a,size:73})]}),e.jsx(t.Box,{flex:4,indent:2,spacing:2,background:k,children:e.jsxs(t.Column,{gap:2,children:[n&&e.jsxs(t.Row,{justifyContent:"space-between",children:[e.jsxs(t.Row,{gap:2,alignItems:"center",children:[C&&l&&e.jsx(o.CircledIcon,{icon:l,size:"medium"}),e.jsx(t.Text,{variant:"bold",size:"large",children:n})]}),f=="normal"&&u?.()]}),e.jsx(t.Column,{style:{opacity:r?0:void 0},children:m}),p&&e.jsx(t.Row,{style:{opacity:r?0:void 0},children:p()}),e.jsx("div",{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",gap:2,flexWrap:"wrap",children:[j?.()??e.jsx("div",{}),c?.()]})]})})]}),r&&e.jsx(t.Box,{top:0,bottom:0,left:0,right:0,position:"absolute",justifyContent:"center",alignItems:"center",background:"rgba(255, 255, 255, 0.7)",children:e.jsx(o.Spinner,{})})]})},Cn=n=>{switch(n){case"edit":return d.cssColor("--moln");case"upgrade":return d.cssColor("--moln");case"normal":return d.cssColor("--mussla");default:t.exhaustSwitchCaseElseThrow(n)}},bn=n=>{switch(n){case"edit":return d.cssColor("--mussla");case"upgrade":return d.cssColor("--mussla");case"normal":return d.cssColor("--silver-lighter");default:t.exhaustSwitchCaseElseThrow(n)}},Bn="_productSummaryCardImage_1knc7_1",fn={productSummaryCardImage:Bn},vn=({src:n,alt:s})=>e.jsx("img",{src:n,alt:s,className:fn.productSummaryCardImage}),wn=({iconLeft:n,...s})=>e.jsx(t.Box,{borderRadius:"16px",shadow:"box",overflow:"hidden",...t.getDataProps(s),children:e.jsxs(t.Row,{flex:1,children:[e.jsx(t.Box,{flex:2,justifyContent:"center",background:d.cssColor("--silver-lighter"),children:n&&e.jsx(o.Icon,{color:d.cssColor("--mussla"),icon:n,size:73})}),e.jsx(t.Box,{flex:4,indent:2,spacing:2,background:d.cssColor("--moln"),children:e.jsxs(t.Column,{gap:2,children:[e.jsx(o.ShimmerBox,{width:"180px",height:"2.8rem",borderRadius:"8px"}),e.jsx(o.ShimmerBox,{width:"50px",height:"2.0rem",borderRadius:"8px"}),e.jsx(o.ShimmerBox,{width:"150px",height:"1.4rem",borderRadius:"8px"})]})})]})}),O=["small-mobile","mobile","tablet","tablet-wide","desktop"],A=()=>{const n=S.useMediaQuery({query:"(max-width: 768px)"}),s=S.useMediaQuery({query:"(max-width: 395px)"}),r=S.useMediaQuery({query:"(max-width: 1024px)"}),a=S.useMediaQuery({query:"(max-width: 1160px)"});return{deviceSize:s?"small-mobile":n?"mobile":r?"tablet":a?"tablet-wide":"desktop"}},K=(n,s)=>n===s||O.indexOf(n)>O.indexOf(s),Sn=n=>{const{deviceSize:s}=A();return{visible:x.useMemo(()=>K(s,n),[s,n])}},Z=({isOpen:n,initialIndex:s,onUpdateIndex:r,altLabelPrevious:a,altLabelZoomIn:l,altLabelZoomOut:i,altLabelNext:c,altLabelClose:u,onRequestClose:p,images:j})=>{const m=x.useRef(null),{deviceSize:g}=A(),B=g!=="mobile",[v,w]=x.useState(s??0),C=({index:h})=>{w(h),r?.(h)},f=x.useMemo(()=>j.map(h=>yn(h)),[j]);return e.jsx(D,{open:n,close:p,index:v,plugins:[Y,ee,ne],slides:f,on:{view:C},animation:{fade:0},controller:{closeOnPullDown:!0,closeOnBackdropClick:!0,ref:m},counter:{container:{style:{filter:"none",color:"white",fontSize:"2.0rem",fontFamily:"var(--swui-font-primary)"}}},render:{buttonZoom:h=>B&&e.jsxs(t.Row,{gap:1,indent:2,children:[e.jsx(o.SecondaryButton,{"aria-label":l,leftIcon:o.stenaSearchPlus,size:"large",onClick:()=>h.zoomIn()}),e.jsx(o.SecondaryButton,{"aria-label":i,leftIcon:o.stenaSearchMinus,size:"large",onClick:()=>h.zoomOut()})]}),buttonPrev:()=>j.length>1&&B&&e.jsx(t.Indent,{num:4,className:"yarl__navigation_prev",children:e.jsx(o.SecondaryButton,{"aria-label":a,leftIcon:o.stenaAngleLeft,size:"large",onClick:()=>m.current?.prev()})}),buttonNext:()=>j.length>1&&B&&e.jsx(t.Indent,{num:4,className:"yarl__navigation_next",children:e.jsx(o.SecondaryButton,{"aria-label":c,leftIcon:o.stenaAngleRight,size:"large",onClick:()=>m.current?.next()})}),buttonClose:()=>e.jsx(t.Indent,{children:e.jsx(o.PrimaryButton,{variant:"danger","aria-label":u,leftIcon:o.stenaTimesThick,size:"large",onClick:()=>m.current?.close()})})}})},yn=n=>({src:n.url,width:n.width,height:n.height,alt:n.alt,title:n.title,description:n.description}),In=({images:n,initialIndex:s,altLabelPrevious:r,altLabelZoomIn:a,altLabelZoomOut:l,altLabelNext:i,altLabelClose:c})=>{const u=x.useRef(null),[p,j]=x.useState(!1),[m,g]=x.useState(s??0),B=x.useCallback(()=>{j(!0)},[]),v=x.useCallback(()=>{j(!1)},[]),w=({index:h})=>g(h);x.useEffect(()=>{g(s??0)},[s]);const C=x.useMemo(()=>n.map(Rn),[n]),f=x.useMemo(()=>n.map(h=>h.fullscreenImage?{...h,url:h.fullscreenImage.url,width:h.fullscreenImage.width,height:h.fullscreenImage.height}:h),[n]);return e.jsxs(t.BlockKeyboardEvents,{blockedKeys:"Escape",children:[e.jsx(D,{controller:{ref:u},index:m,slides:C,plugins:[J],on:{view:w,click:B},carousel:{padding:0,spacing:0,imageFit:"cover"},render:{buttonPrev:()=>n.length>1&&e.jsx(t.Indent,{className:"yarl__navigation_prev",children:e.jsx(o.SecondaryButton,{"aria-label":r,leftIcon:o.stenaAngleLeft,onClick:()=>u.current?.prev()})}),buttonNext:()=>n.length>1&&e.jsx(t.Indent,{className:"yarl__navigation_next",children:e.jsx(o.SecondaryButton,{"aria-label":i,leftIcon:o.stenaAngleRight,onClick:()=>u.current?.next()})})},styles:{button:{filter:"none"}},inline:{style:{width:"100%",maxWidth:"900px",aspectRatio:"3 / 2",margin:"0 auto"}}}),p&&e.jsx(Z,{isOpen:!0,onRequestClose:v,initialIndex:m,onUpdateIndex:g,images:f,altLabelPrevious:r,altLabelNext:i,altLabelClose:c,altLabelZoomIn:a,altLabelZoomOut:l})]})},Rn=n=>({src:n.url,width:n.width,height:n.height,alt:n.alt,title:n.title,description:n.description});exports.ActionMenuFlatButton=E;exports.ActionMenuPrimaryButton=re;exports.ActionMenuSecondaryButton=oe;exports.CheckboxMenu=le;exports.Collapsible=W;exports.CollapsibleEmptyContent=Ae;exports.CollapsibleGroupHeading=Te;exports.CollapsibleList=Pe;exports.CollapsibleWithCheckbox=Ne;exports.ErrorPanel=G;exports.ErrorScreen=Le;exports.FullscreenImageCarousel=Z;exports.ImageCarousel=In;exports.LoadingPanel=Q;exports.LoadingScreen=qe;exports.NavBar=de;exports.NavBarButton=$;exports.NavBarHeading=ge;exports.NavBarLink=me;exports.NavBarNotificationButton=ve;exports.NavBarPopoverButton=Ce;exports.NavBarSearchField=Re;exports.NavBarUserButton=Me;exports.PageHeader=He;exports.PageHeaderRow=Oe;exports.PageHeading=De;exports.ProductCard=xn;exports.ProductCardContentItem=pn;exports.ProductCardContentItemSkeletor=jn;exports.ProductSummaryCard=gn;exports.ProductSummaryCardImage=vn;exports.ProductSummaryCardSkeletor=wn;exports.SelectedItemsActionsPadding=cn;exports.SelectedItemsActionsPanel=ln;exports.SelectedProductCard=mn;exports.SelectionRow=We;exports.SidebarMenu=Je;exports.SidebarMenuCollapsible=rn;exports.SidebarMenuCollapsibleGroupBox=U;exports.SidebarMenuHeading=V;exports.SidebarMenuLink=tn;exports.SidebarMenuSeparator=on;exports.SidebarRailMenu=en;exports.isDeviceSameOrLarger=K;exports.useDeviceSize=A;exports.useLayoutVisibility=Sn;
 //# sourceMappingURL=index.js.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@stenajs-webui/panels",
-  "version": "23.16.1",
+  "version": "23.16.3",
   "type": "module",
   "description": "",
   "author": "mattias800",
@@ -37,11 +37,11 @@
     "deploy": "gh-pages -d example/build"
   },
   "dependencies": {
-    "@stenajs-webui/core": "23.16.1",
-    "@stenajs-webui/elements": "23.16.1",
-    "@stenajs-webui/forms": "23.16.1",
-    "@stenajs-webui/theme": "23.16.1",
-    "@stenajs-webui/tooltip": "23.16.1",
+    "@stenajs-webui/core": "23.16.3",
+    "@stenajs-webui/elements": "23.16.3",
+    "@stenajs-webui/forms": "23.16.3",
+    "@stenajs-webui/theme": "23.16.3",
+    "@stenajs-webui/tooltip": "23.16.3",
     "classnames": "^2.5.1",
     "date-fns": "4.1.0",
     "react-responsive": "^10.0.1",
@@ -73,7 +73,7 @@
   "files": [
     "dist"
   ],
-  "gitHead": "d2865c3bec362ff894d4d11273b5fd2827d9731d",
+  "gitHead": "ed00286bddd313d67ef7e81bdec73f9e47cf7707",
   "publishConfig": {
     "access": "public"
   }