@stenajs-webui/panels 22.6.2 → 22.7.0

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 (6) hide show
  1. package/dist/components/selection-row/SelectionRow.d.ts +3 -1
  2. package/dist/index.es.js +4 -3
  3. package/dist/index.es.js.map +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/package.json +7 -7
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  (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)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-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_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_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)}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._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}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;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));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;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{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-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)}})();
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@stenajs-webui/elements"),j=require("react"),t=require("@stenajs-webui/core"),S=require("@stenajs-webui/tooltip"),D=require("@stenajs-webui/forms"),m=require("classnames"),x=require("@stenajs-webui/theme"),v=require("react-responsive"),U=require("yet-another-react-lightbox"),oe=require("yet-another-react-lightbox/plugins/inline"),re=require("yet-another-react-lightbox/plugins/captions"),ie=require("yet-another-react-lightbox/plugins/counter"),le=require("yet-another-react-lightbox/plugins/zoom");function ae(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(s,o,i.get?i:{enumerable:!0,get:()=>n[o]})}}return s.default=n,Object.freeze(s)}const ce=ae(j),T=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:i=r.stenaAngleDown,menuWidth:l,menuTop:a,onClick:c,disableArrow:u=!1,buttonRef:h,appendTo:p,zIndex:g,disableTrapFocus:f=!1,...B})=>{const[w,C,b,y]=t.useBoolean(!1),_=j.useRef(null),R=h??_,z=j.useMemo(()=>({open:C,close:b}),[C,b]),M=I=>{c==null||c(I),y()};return e.jsx(e.Fragment,{children:e.jsx(S.ControlledPopover,{renderTrigger:I=>e.jsx(o,{rightIcon:u?void 0:i,...B,ref:R,onClick:M,...I}),hideArrow:!0,disablePadding:!0,open:w,onRequestClose:b,placement:s,appendTo:p,zIndex:g,children:w&&e.jsx(r.ActionMenu,{width:l,top:a,trapFocus:!f,children:e.jsx(r.ActionMenuContext.Provider,{value:z,children:n(b)})})})})},ue=n=>e.jsx(T,{buttonComponent:r.PrimaryButton,...n}),de=n=>e.jsx(T,{buttonComponent:r.SecondaryButton,...n}),V=n=>e.jsx(T,{buttonComponent:r.FlatButton,...n}),xe="1px solid var(--lhds-color-ui-300)",he=({renderMenu:n,...s})=>e.jsx(S.Popover,{trigger:"click",renderTrigger:o=>e.jsx(t.Row,{children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:xe,borderRadius:"4px",children:[e.jsx(D.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(r.FlatButton,{size:"small",leftIcon:r.stenaAngleDown,...o})]})}),hideArrow:!0,disablePadding:!0,placement:"bottom-start",children:({onRequestClose:o})=>e.jsx(t.Column,{children:e.jsx(r.ActionMenu,{children:n(o)})})}),je="_navBar_kzibd_1",pe={navBar:je},me=({className:n,onClick:s})=>e.jsx(r.FlatButton,{leftIcon:r.stenaHamburger,className:n,onClick:s}),ge=({left:n,className:s,showMenuButton:o=!1,children:i,right:l,center:a,onClickMenuButton:c})=>{const u=a?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:m(pe.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(me,{onClick:c})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),i&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:ce.Children.map(i,(h,p)=>e.jsxs(e.Fragment,{children:[p>0&&e.jsx(t.Indent,{}),h]}))})})]}),a&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:a}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:u,children:[l,e.jsx(t.Indent,{num:2})]})]})},be="_navBarButton_b3x3w_1",Ce="_selected_b3x3w_14",W={navBarButton:be,selected:Ce},K=j.forwardRef(function({selected:n,className:s,...o},i){return e.jsx(r.FlatButton,{...o,ref:i,className:m(W.navBarButton,n&&W.selected,s)})}),fe=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),Be=({content:n,children:s,appendTo:o,zIndex:i,...l})=>{const[a,,c,u]=t.useBoolean(!1);return e.jsx(S.ControlledPopover,{renderTrigger:h=>e.jsx(K,{...l,...h,onClick:u}),open:a,onRequestClose:c,zIndex:i,appendTo:o,children:e.jsxs(t.Box,{children:[n&&n({close:c}),s]})})},we="_navBarNotificationButton_1wt3y_1",ve="_unread_1wt3y_23",Se="_icon_1wt3y_23",ye="_shake_1wt3y_1",k={navBarNotificationButton:we,unread:ve,icon:Se,shake:ye},_e=j.forwardRef(function({count:n,unread:s=!1,className:o,labelClassName:i,iconClassName:l,icon:a=r.stenaBellFilled,...c},u){const h=n>1;return e.jsx(r.BaseButton,{...c,ref:u,leftIcon:a,className:m(k.navBarNotificationButton,s&&k.unread,h&&k.hasCount,o),label:h?String(n):void 0,labelClassName:m(i,k.label),iconClassName:m(l,k.icon)})}),Re="_navBarSearchFieldInput_1rp8g_1",Ie="_navBarSearchFieldWrapper_1rp8g_12",ke="_withButton_1rp8g_24",Me="_clearButton_1rp8g_33",N={navBarSearchFieldInput:Re,navBarSearchFieldWrapper:Ie,withButton:ke,clearButton:Me},Ne=({placeholder:n="Search",className:s,wrapperClassName:o,showClearButton:i,onClickClearButton:l,value:a,...c})=>e.jsx(D.TextInput,{wrapperClassName:m(N.navBarSearchFieldWrapper,i?N.withButton:void 0,o),className:m(N.navBarSearchFieldInput,s),placeholder:n,value:a,buttonRight:a&&i?e.jsx(r.TextInputButton,{className:N.clearButton,icon:r.stenaTimes,variant:"error",onClick:l}):void 0,...c}),Pe="_navBarUserButton_10f9z_1",Fe={navBarUserButton:Pe},ze=({className:n,username:s,initials:o,icon:i=r.stenaUserCircle,responsiveIconOnly:l=o==null,...a})=>e.jsx(V,{...a,className:m(Fe.navBarUserButton,n),leftIcon:s!=null?i:void 0,label:o??s,forceRound:o!=null,responsiveIconOnly:l,disableArrow:!0}),Ae="_unreadDot_l8bni_1",qe="_dot_l8bni_4",O={unreadDot:Ae,dot:qe},Z=({children:n})=>e.jsxs("div",{className:O.unreadDot,children:[n,e.jsx("div",{className:O.dot})]}),L=({text:n,timestamp:s,icon:o,iconAriaLabel:i,contentLeft:l,contentRight:a,onClose:c,unread:u=!1,variant:h,iconBackgroundColor:p})=>{const g=o?e.jsx(r.CircledIcon,{size:"small",icon:o,"aria-label":i,backgroundColor:p||X(u,h)}):void 0;return e.jsxs(t.Row,{alignItems:"flex-start",indent:2,spacing:!0,children:[e.jsxs(t.Row,{spacing:!0,gap:2,flex:1,alignItems:"flex-start",children:[l&&e.jsx(t.Box,{minHeight:20,justifyContent:"center",children:l}),!l&&g&&(u?e.jsx(Z,{children:g}):g),e.jsxs(t.Box,{minHeight:20,justifyContent:"center",flex:1,gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:n}),s&&e.jsx(t.Text,{size:"small",color:x.cssColor(u?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),a]}),c&&e.jsx(t.Box,{flex:"none",justifyContent:"center",height:"calc(20px + 2 * var(--swui-metrics-spacing))",children:e.jsx(r.CloseButton,{onClick:c})})]})},X=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},He="_notification_1hao0_1",De="_body_1hao0_7",Te="_standard_1hao0_13",Le="_unread_1hao0_14",$e="_danger_1hao0_19",P={notification:He,body:De,standard:Te,unread:Le,danger:$e},Ee=({variant:n="standard",children:s,unread:o,...i})=>e.jsxs("div",{className:m(P.notification,P[n],o&&P.unread),children:[e.jsx(L,{...i,unread:o,variant:n}),s&&e.jsx(t.Column,{className:P.body,children:s})]}),Ue="_notificationList_1rkvu_1",We={notificationList:Ue},Oe=({children:n})=>e.jsxs("div",{className:We.notificationList,children:[n,e.jsx("div",{})]}),Ge="_clickable_1ijxc_1",Qe="_nonClickable_1ijxc_27",A={clickable:Ge,nonClickable:Qe},Ve=({onClick:n,onClickAriaLabel:s,children:o,width:i=264,maxWidth:l,...a})=>e.jsxs(t.Box,{borderRadius:8,background:x.cssColor("--lhds-color-ui-50"),shadow:"popover",width:i,maxWidth:l,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:m({[A.nonClickable]:n}),children:e.jsx(L,{...a})}),o&&e.jsxs(t.Box,{indent:3,className:m({[A.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:A.clickable,"aria-label":s})]}),J=j.forwardRef(({contentLeft:n,contentRight:s,collapsed:o=!1,...i},l)=>e.jsx(r.MenuButton,{ref:l,expandable:!0,expanded:!o,selected:!o,left:n,right:s,...i})),Ke=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),Ze=({value:n,onValueChange:s,onChange:o,indeterminate:i,checkboxDisabled:l,...a})=>e.jsx(J,{contentLeft:e.jsx(D.Checkbox,{value:n,indeterminate:i,onValueChange:s,onChange:o,disabled:l,onClick:c=>c.stopPropagation()}),...a}),Xe="_sidebarMenuCollapsibleGroupBox_ikek9_1",Je={sidebarMenuCollapsibleGroupBox:Xe},Y=({children:n})=>e.jsx("div",{className:Je.sidebarMenuCollapsibleGroupBox,children:n}),Ye=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),en=({text:n="No content"})=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(r.Icon,{icon:r.stenaMail,color:x.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:x.cssColor("--lhds-color-ui-500"),children:n})]}),ee=({text:n,heading:s,children:o,buttons:i,icon:l=r.stenaTripFerryXl,headingLevel:a="h3",...c})=>{const u=!n&&!s?"Something unexpected happened.":n;return e.jsx(r.Card,{...c,children:e.jsx(r.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(r.CircledIcon,{icon:l,size:"xl"})]}),s&&e.jsx(t.Heading,{as:a,children:s}),u&&e.jsx(t.Text,{children:u}),o,i&&e.jsxs(t.Box,{children:[e.jsx(t.Space,{num:2}),i]})]})})})},nn=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(ee,{...n})}),ne=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(r.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),tn=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(ne,{...n})}),sn=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:o,children:i})=>e.jsxs(t.Box,{shadow:"bottom",background:x.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsxs(t.Row,{spacing:1,alignItems:"center",children:[e.jsx(t.Row,{width:"64px",height:"16px"}),n()]}),s==null?void 0:s(),o&&e.jsx(t.Space,{}),o==null?void 0:o()]}),i]}),on=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),rn=({icon:n,heading:s,headingLevel:o="h2",contentLeft:i,contentRight:l})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[e.jsx(t.Row,{width:"64px",alignItems:"center",children:n&&e.jsx(r.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:o,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:i}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:l})]}),ln="_selectionRow_1njaw_1",an="_iconColumn_1njaw_9",G={selectionRow:ln,iconColumn:an},cn=({icon:n,heading:s,description:o,contentRight:i,htmlFor:l,...a})=>e.jsxs("div",{className:G.selectionRow,...t.getDataProps(a),children:[e.jsxs(t.Row,{gap:2,children:[n&&e.jsx(t.Box,{alignItems:"center",justifyContent:"center",width:"40px",className:G.iconColumn,children:e.jsx(r.CircledIcon,{icon:n})}),e.jsx("label",{htmlFor:l,children:e.jsxs(t.Column,{gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:s}),typeof o=="string"?e.jsx(t.Text,{color:x.cssColor("--silver-dark"),children:o}):o]})})]}),i]}),un="_sidebarMenu_1bx5w_1",dn="_sidebarItems_1bx5w_38",xn="_scrollContainer_1bx5w_48",q={sidebarMenu:un,sidebarItems:dn,scrollContainer:xn},hn="_stenaFlag_108h7_1",jn={stenaFlag:hn},pn=({onClick:n})=>e.jsxs(t.Column,{background:x.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(r.CloseButton,{onClick:n}),e.jsx(r.StenaFlag,{className:jn.stenaFlag})]})]}),mn=({isPinned:n,onClick:s,label:o})=>{const l=o??(n?"Unpin menu":"Pin menu"),a=n?r.stenaAngleLeftDouble:r.stenaPin;return e.jsx(r.MenuButton,{onClick:s,label:l,leftIcon:a})},gn=({className:n,children:s,onCloseClick:o,pinButtonVisible:i,onClickPinButton:l,bottomItems:a,isPinned:c,...u})=>e.jsxs(t.Box,{...u,className:m(q.sidebarMenu,n),children:[e.jsx(pn,{onClick:o}),e.jsx(t.Box,{className:q.scrollContainer,children:e.jsxs(t.Column,{className:q.sidebarItems,justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(a||i)&&e.jsxs(t.Column,{gap:1,children:[a,i&&e.jsx(mn,{isPinned:c,onClick:l}),e.jsx(t.Space,{})]})]})})]}),F=j.createContext(!1),$=()=>j.useContext(F),bn=({label:n,...s})=>e.jsx(S.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(r.IconMenuButton,{...s})}),Cn=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:i,bottomItems:l,closeButtonTitle:a="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:x.cssColor("--lhds-color-ui-50"),children:[e.jsx(r.IconMenuButton,{onClick:o,icon:r.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(F.Provider,{value:!0,children:i})}),e.jsx(t.Column,{gap:1,children:(l||n)&&e.jsxs(F.Provider,{value:!0,children:[l,n&&e.jsx(bn,{icon:r.stenaAngleLeftDouble,label:a,onClick:s})]})})]})]}),te=({label:n})=>$()?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})]}),fn=({label:n,leftIcon:s,...o})=>s==null?null:e.jsx(S.Tooltip,{label:n,placement:"right",children:e.jsx(r.IconMenuButtonLink,{icon:s,...o})}),Bn=n=>$()?e.jsx(fn,{...n}):e.jsx(r.MenuButtonLink,{...n}),wn=({children:n,label:s,icon:o,popupMinWidth:i="200px"})=>e.jsx(S.Popover,{renderTrigger:l=>e.jsx(r.IconMenuButton,{icon:o,...l}),placement:"right-start",trigger:["hover","focus"],disablePadding:!0,children:e.jsx(t.Box,{minWidth:i,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(F.Provider,{value:!1,children:[e.jsx(te,{label:s}),n]})})}),vn=({children:n,label:s,leftIcon:o,className:i,initialExpand:l=!1})=>{const[a,c]=j.useState(l);return $()?o==null?null:e.jsx(wn,{label:s,icon:o,children:n}):e.jsx(r.MenuButton,{label:s,onClick:()=>c(!a),leftIcon:o,className:i,expandable:!0,expanded:a,selected:a,children:e.jsx(Y,{children:n})})},Sn=n=>e.jsx(t.SeparatorLine,{color:x.cssColor("--lhds-color-ui-400"),...n}),yn=({numItemsSelected:n,label:s,afterLabelContent:o,rightContent:i})=>e.jsxs(t.Row,{indent:3,spacing:!0,gap:3,minHeight:"56px",justifyContent:"space-between",alignItems:"center",background:x.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.jsxs(e.Fragment,{children:[e.jsx(t.Text,{children:n}),e.jsx(t.Space,{}),e.jsxs(t.Text,{children:["item",n===1?"":"s"," selected"]})]}):s!=null?e.jsx(e.Fragment,{children:typeof s=="string"?e.jsx(t.Text,{children:s}):s}):null}):null,o&&e.jsx(t.Row,{children:o})]}),e.jsx(t.Row,{gap:2,children:i})]}),_n=({children:n})=>e.jsx(t.Row,{spacing:.5,indent:.5,flex:1,children:n}),Rn="_productCard_19x6b_1",In={productCard:Rn},kn=({renderSelectedProductCard:n,renderEditButton:s,children:o,loading:i,shadow:l,...a})=>e.jsxs(t.Column,{"data-comp":"ProductCard",className:In.productCard,shadow:l?"box":void 0,background:x.cssColor("--moln"),borderRadius:"24px",overflow:"hidden",position:i?"relative":void 0,...t.getDataProps(a),children:[n==null?void 0:n(),e.jsx(t.Column,{gap:2,children:o}),s&&e.jsxs(t.Column,{children:[e.jsx(t.Row,{indent:2,justifyContent:"flex-end",children:s()}),e.jsx(t.Spacing,{})]}),i&&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(r.Spinner,{})})]}),Mn=({children:n})=>e.jsx(t.Text,{variant:"bold",style:{fontSize:"2.0rem"},children:n}),Nn=({description:n,subDescription:s,descriptionTags:o,capacityTag:i,offerCodeTag:l,priceText:a,title:c,subTitle:u,renderImage:h,children:p,headingLevel:g})=>{const f=o==null?!1:Array.isArray(o)?o.length>0:!t.isEmptyFragment(o);return e.jsxs(t.Column,{children:[h==null?void 0:h(),e.jsxs(t.Box,{gap:2,spacing:4,indent:4,background:x.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:g,children:c}),e.jsxs(t.Row,{gap:2,children:[l&&e.jsx(t.Column,{justifyContent:"center",children:l}),e.jsx(Mn,{children:a})]})]}),u&&e.jsx(t.Text,{variant:"bold",color:x.cssColor("--silver-dark"),children:u})]}),(f||i)&&e.jsxs(t.Column,{children:[e.jsxs(t.Row,{gap:1,flexWrap:"wrap",children:[o,i&&e.jsx(r.Tag,{label:i,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,{})]}),p]})]})},Pn=({renderImage:n})=>e.jsxs(t.Column,{children:[n==null?void 0:n(),e.jsxs(t.Box,{gap:3,spacing:4,indent:4,background:x.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(r.ShimmerBox,{width:"50px",height:"2.8rem",borderRadius:"8px"})})}),e.jsx(t.Column,{children:e.jsx(r.ShimmerBox,{width:"180px",height:"2.0rem",borderRadius:"8px"})}),e.jsx(t.Column,{children:e.jsx(r.ShimmerBox,{width:"150px",height:"1.4rem",borderRadius:"8px"})})]})]}),Fn=({label:n,children:s})=>e.jsxs(t.Box,{background:x.cssColor("--mussla"),indent:2,spacing:2,gap:2,children:[e.jsx(t.Heading,{variant:"h3",as:"h2",color:"white",children:n}),s]}),zn=({title:n,variant:s="normal",loading:o,iconLeft:i,compactIconLeft:l,renderButton:a,renderOfferCodeTag:c,renderMandatoryTag:u,renderContentLeftOfButton:h,children:p,...g})=>{const{fontSizeRatio:f}=t.useAccessibleFontSizeContext(),B=v.useMediaQuery({query:"(max-width: 460px)"}),C=v.useMediaQuery({query:"(max-width: 360px)"})||B&&f>1.2,b=o?"normal":s,y=qn(b),_=x.cssColor("--moln"),R=An(b);return e.jsxs(t.Box,{"data-comp":"ProductSummaryCard",borderRadius:"16px",shadow:"box",overflow:"hidden",position:o?"relative":void 0,...t.getDataProps(g),children:[e.jsxs(t.Row,{flex:1,children:[!C&&e.jsx(t.Box,{flex:2,justifyContent:"center",background:y,children:i&&e.jsx(r.Icon,{color:R,icon:i,size:73})}),e.jsx(t.Box,{flex:4,indent:2,spacing:2,background:_,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(r.CircledIcon,{icon:l,size:"medium"}),e.jsx(t.Text,{variant:"bold",size:"large",children:n})]}),b=="normal"&&(c==null?void 0:c())]}),e.jsx(t.Column,{style:{opacity:o?0:void 0},children:p}),u&&e.jsx(t.Row,{style:{opacity:o?0:void 0},children:u()}),e.jsx("div",{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",gap:2,flexWrap:"wrap",children:[(h==null?void 0:h())??e.jsx("div",{}),a==null?void 0:a()]})]})})]}),o&&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(r.Spinner,{})})]})},An=n=>{switch(n){case"edit":return x.cssColor("--moln");case"upgrade":return x.cssColor("--moln");case"normal":return x.cssColor("--mussla");default:t.exhaustSwitchCaseElseThrow(n)}},qn=n=>{switch(n){case"edit":return x.cssColor("--mussla");case"upgrade":return x.cssColor("--mussla");case"normal":return x.cssColor("--silver-lighter");default:t.exhaustSwitchCaseElseThrow(n)}},Hn=({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:x.cssColor("--silver-lighter"),children:n&&e.jsx(r.Icon,{color:x.cssColor("--mussla"),icon:n,size:73})}),e.jsx(t.Box,{flex:4,indent:2,spacing:2,background:x.cssColor("--moln"),children:e.jsxs(t.Column,{gap:2,children:[e.jsx(r.ShimmerBox,{width:"180px",height:"2.8rem",borderRadius:"8px"}),e.jsx(r.ShimmerBox,{width:"50px",height:"2.0rem",borderRadius:"8px"}),e.jsx(r.ShimmerBox,{width:"150px",height:"1.4rem",borderRadius:"8px"})]})})]})}),Q=["small-mobile","mobile","tablet","tablet-wide","desktop"],E=()=>{const n=v.useMediaQuery({query:"(max-width: 768px)"}),s=v.useMediaQuery({query:"(max-width: 395px)"}),o=v.useMediaQuery({query:"(max-width: 1024px)"}),i=v.useMediaQuery({query:"(max-width: 1160px)"});return{deviceSize:s?"small-mobile":n?"mobile":o?"tablet":i?"tablet-wide":"desktop"}},se=(n,s)=>n===s||Q.indexOf(n)>Q.indexOf(s),Dn=n=>{const{deviceSize:s}=E();return{visible:j.useMemo(()=>se(s,n),[s,n])}},Tn=({images:n,altLabelPrevious:s,altLabelZoomIn:o,altLabelZoomOut:i,altLabelNext:l,altLabelClose:a})=>{const c=j.useRef(null),u=j.useRef(null),{deviceSize:h}=E(),p=h!=="mobile",[g,f]=j.useState(!1),[B,w]=j.useState(0),[C,b]=j.useState(0),y=j.useCallback(()=>{b(B),f(!0)},[B]),_=j.useCallback(()=>{w(C),f(!1)},[C]),R=({index:d})=>w(d),z=({index:d})=>b(d),M=j.useMemo(()=>n.map(H),[n]),I=j.useMemo(()=>n.map(d=>d.fullscreenImage?H({...d.fullscreenImage,description:d.description,title:d.title}):H(d)),[n]);return e.jsxs(t.BlockKeyboardEvents,{blockedKeys:"Escape",children:[e.jsx(U,{controller:{ref:c},index:B,slides:M,plugins:[oe],on:{view:R,click:y},carousel:{padding:0,spacing:0,imageFit:"cover"},render:{buttonPrev:()=>n.length>1&&e.jsx(t.Indent,{className:"yarl__navigation_prev",children:e.jsx(r.SecondaryButton,{"aria-label":s,leftIcon:r.stenaAngleLeft,onClick:()=>{var d;return(d=c.current)==null?void 0:d.prev()}})}),buttonNext:()=>n.length>1&&e.jsx(t.Indent,{className:"yarl__navigation_next",children:e.jsx(r.SecondaryButton,{"aria-label":l,leftIcon:r.stenaAngleRight,onClick:()=>{var d;return(d=c.current)==null?void 0:d.next()}})})},styles:{button:{filter:"none"}},inline:{style:{width:"100%",maxWidth:"900px",aspectRatio:"3 / 2",margin:"0 auto"}}}),e.jsx(U,{open:g,close:_,index:C,plugins:[le,ie,re],slides:I??M,on:{view:z},animation:{fade:0},controller:{closeOnPullDown:!0,closeOnBackdropClick:!0,ref:u},counter:{container:{style:{filter:"none",color:"white",fontSize:"2.0rem",fontFamily:"Stena Sans"}}},render:{buttonZoom:d=>p&&e.jsxs(t.Row,{gap:1,indent:2,children:[e.jsx(r.SecondaryButton,{"aria-label":o,leftIcon:r.stenaSearchPlus,size:"large",onClick:()=>d.zoomIn()}),e.jsx(r.SecondaryButton,{"aria-label":i,leftIcon:r.stenaSearchMinus,size:"large",onClick:()=>d.zoomOut()})]}),buttonPrev:()=>n.length>1&&p&&e.jsx(t.Indent,{num:4,className:"yarl__navigation_prev",children:e.jsx(r.SecondaryButton,{"aria-label":s,leftIcon:r.stenaAngleLeft,size:"large",onClick:()=>{var d;return(d=u.current)==null?void 0:d.prev()}})}),buttonNext:()=>n.length>1&&p&&e.jsx(t.Indent,{num:4,className:"yarl__navigation_next",children:e.jsx(r.SecondaryButton,{"aria-label":l,leftIcon:r.stenaAngleRight,size:"large",onClick:()=>{var d;return(d=u.current)==null?void 0:d.next()}})}),buttonClose:()=>e.jsx(t.Indent,{children:e.jsx(r.PrimaryButton,{variant:"danger","aria-label":a,leftIcon:r.stenaTimesThick,size:"large",onClick:()=>{var d;return(d=u.current)==null?void 0:d.close()}})})}})]})},H=n=>({src:n.url,width:n.width,height:n.height,alt:n.description,title:n.title,description:n.description});exports.ActionMenuFlatButton=V;exports.ActionMenuPrimaryButton=ue;exports.ActionMenuSecondaryButton=de;exports.CheckboxMenu=he;exports.Collapsible=J;exports.CollapsibleEmptyContent=en;exports.CollapsibleGroupHeading=Ye;exports.CollapsibleList=Ke;exports.CollapsibleWithCheckbox=Ze;exports.ErrorPanel=ee;exports.ErrorScreen=nn;exports.ImageCarousel=Tn;exports.LoadingPanel=ne;exports.LoadingScreen=tn;exports.NavBar=ge;exports.NavBarButton=K;exports.NavBarHeading=fe;exports.NavBarNotificationButton=_e;exports.NavBarPopoverButton=Be;exports.NavBarSearchField=Ne;exports.NavBarUserButton=ze;exports.Notification=Ee;exports.NotificationHeader=L;exports.NotificationList=Oe;exports.PageHeader=sn;exports.PageHeaderRow=on;exports.PageHeading=rn;exports.ProductCard=kn;exports.ProductCardContentItem=Nn;exports.ProductCardContentItemSkeletor=Pn;exports.ProductSummaryCard=zn;exports.ProductSummaryCardSkeletor=Hn;exports.SelectedItemsActionsPadding=_n;exports.SelectedItemsActionsPanel=yn;exports.SelectedProductCard=Fn;exports.SelectionRow=cn;exports.SidebarMenu=gn;exports.SidebarMenuCollapsible=vn;exports.SidebarMenuCollapsibleGroupBox=Y;exports.SidebarMenuHeading=te;exports.SidebarMenuLink=Bn;exports.SidebarMenuSeparator=Sn;exports.SidebarRailMenu=Cn;exports.Toast=Ve;exports.UnreadDot=Z;exports.getIconBgColorFromVariant=X;exports.isDeviceSameOrLarger=se;exports.useDeviceSize=E;exports.useLayoutVisibility=Dn;
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@stenajs-webui/elements"),j=require("react"),t=require("@stenajs-webui/core"),S=require("@stenajs-webui/tooltip"),D=require("@stenajs-webui/forms"),m=require("classnames"),x=require("@stenajs-webui/theme"),v=require("react-responsive"),U=require("yet-another-react-lightbox"),oe=require("yet-another-react-lightbox/plugins/inline"),re=require("yet-another-react-lightbox/plugins/captions"),ie=require("yet-another-react-lightbox/plugins/counter"),le=require("yet-another-react-lightbox/plugins/zoom");function ae(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(s,o,i.get?i:{enumerable:!0,get:()=>n[o]})}}return s.default=n,Object.freeze(s)}const ce=ae(j),T=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:i=r.stenaAngleDown,menuWidth:l,menuTop:a,onClick:c,disableArrow:u=!1,buttonRef:h,appendTo:p,zIndex:g,disableTrapFocus:f=!1,...B})=>{const[w,C,b,y]=t.useBoolean(!1),_=j.useRef(null),R=h??_,z=j.useMemo(()=>({open:C,close:b}),[C,b]),M=I=>{c==null||c(I),y()};return e.jsx(e.Fragment,{children:e.jsx(S.ControlledPopover,{renderTrigger:I=>e.jsx(o,{rightIcon:u?void 0:i,...B,ref:R,onClick:M,...I}),hideArrow:!0,disablePadding:!0,open:w,onRequestClose:b,placement:s,appendTo:p,zIndex:g,children:w&&e.jsx(r.ActionMenu,{width:l,top:a,trapFocus:!f,children:e.jsx(r.ActionMenuContext.Provider,{value:z,children:n(b)})})})})},ue=n=>e.jsx(T,{buttonComponent:r.PrimaryButton,...n}),de=n=>e.jsx(T,{buttonComponent:r.SecondaryButton,...n}),V=n=>e.jsx(T,{buttonComponent:r.FlatButton,...n}),xe="1px solid var(--lhds-color-ui-300)",he=({renderMenu:n,...s})=>e.jsx(S.Popover,{trigger:"click",renderTrigger:o=>e.jsx(t.Row,{children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:xe,borderRadius:"4px",children:[e.jsx(D.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(r.FlatButton,{size:"small",leftIcon:r.stenaAngleDown,...o})]})}),hideArrow:!0,disablePadding:!0,placement:"bottom-start",children:({onRequestClose:o})=>e.jsx(t.Column,{children:e.jsx(r.ActionMenu,{children:n(o)})})}),je="_navBar_kzibd_1",pe={navBar:je},me=({className:n,onClick:s})=>e.jsx(r.FlatButton,{leftIcon:r.stenaHamburger,className:n,onClick:s}),ge=({left:n,className:s,showMenuButton:o=!1,children:i,right:l,center:a,onClickMenuButton:c})=>{const u=a?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:m(pe.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(me,{onClick:c})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),i&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:ce.Children.map(i,(h,p)=>e.jsxs(e.Fragment,{children:[p>0&&e.jsx(t.Indent,{}),h]}))})})]}),a&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:a}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:u,children:[l,e.jsx(t.Indent,{num:2})]})]})},be="_navBarButton_b3x3w_1",Ce="_selected_b3x3w_14",W={navBarButton:be,selected:Ce},K=j.forwardRef(function({selected:n,className:s,...o},i){return e.jsx(r.FlatButton,{...o,ref:i,className:m(W.navBarButton,n&&W.selected,s)})}),fe=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),Be=({content:n,children:s,appendTo:o,zIndex:i,...l})=>{const[a,,c,u]=t.useBoolean(!1);return e.jsx(S.ControlledPopover,{renderTrigger:h=>e.jsx(K,{...l,...h,onClick:u}),open:a,onRequestClose:c,zIndex:i,appendTo:o,children:e.jsxs(t.Box,{children:[n&&n({close:c}),s]})})},we="_navBarNotificationButton_1wt3y_1",ve="_unread_1wt3y_23",Se="_icon_1wt3y_23",ye="_shake_1wt3y_1",k={navBarNotificationButton:we,unread:ve,icon:Se,shake:ye},_e=j.forwardRef(function({count:n,unread:s=!1,className:o,labelClassName:i,iconClassName:l,icon:a=r.stenaBellFilled,...c},u){const h=n>1;return e.jsx(r.BaseButton,{...c,ref:u,leftIcon:a,className:m(k.navBarNotificationButton,s&&k.unread,h&&k.hasCount,o),label:h?String(n):void 0,labelClassName:m(i,k.label),iconClassName:m(l,k.icon)})}),Re="_navBarSearchFieldInput_1rp8g_1",Ie="_navBarSearchFieldWrapper_1rp8g_12",ke="_withButton_1rp8g_24",Me="_clearButton_1rp8g_33",N={navBarSearchFieldInput:Re,navBarSearchFieldWrapper:Ie,withButton:ke,clearButton:Me},Ne=({placeholder:n="Search",className:s,wrapperClassName:o,showClearButton:i,onClickClearButton:l,value:a,...c})=>e.jsx(D.TextInput,{wrapperClassName:m(N.navBarSearchFieldWrapper,i?N.withButton:void 0,o),className:m(N.navBarSearchFieldInput,s),placeholder:n,value:a,buttonRight:a&&i?e.jsx(r.TextInputButton,{className:N.clearButton,icon:r.stenaTimes,variant:"error",onClick:l}):void 0,...c}),Pe="_navBarUserButton_10f9z_1",Fe={navBarUserButton:Pe},ze=({className:n,username:s,initials:o,icon:i=r.stenaUserCircle,responsiveIconOnly:l=o==null,...a})=>e.jsx(V,{...a,className:m(Fe.navBarUserButton,n),leftIcon:s!=null?i:void 0,label:o??s,forceRound:o!=null,responsiveIconOnly:l,disableArrow:!0}),Ae="_unreadDot_l8bni_1",qe="_dot_l8bni_4",O={unreadDot:Ae,dot:qe},Z=({children:n})=>e.jsxs("div",{className:O.unreadDot,children:[n,e.jsx("div",{className:O.dot})]}),L=({text:n,timestamp:s,icon:o,iconAriaLabel:i,contentLeft:l,contentRight:a,onClose:c,unread:u=!1,variant:h,iconBackgroundColor:p})=>{const g=o?e.jsx(r.CircledIcon,{size:"small",icon:o,"aria-label":i,backgroundColor:p||X(u,h)}):void 0;return e.jsxs(t.Row,{alignItems:"flex-start",indent:2,spacing:!0,children:[e.jsxs(t.Row,{spacing:!0,gap:2,flex:1,alignItems:"flex-start",children:[l&&e.jsx(t.Box,{minHeight:20,justifyContent:"center",children:l}),!l&&g&&(u?e.jsx(Z,{children:g}):g),e.jsxs(t.Box,{minHeight:20,justifyContent:"center",flex:1,gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:n}),s&&e.jsx(t.Text,{size:"small",color:x.cssColor(u?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),a]}),c&&e.jsx(t.Box,{flex:"none",justifyContent:"center",height:"calc(20px + 2 * var(--swui-metrics-spacing))",children:e.jsx(r.CloseButton,{onClick:c})})]})},X=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},He="_notification_1hao0_1",De="_body_1hao0_7",Te="_standard_1hao0_13",Le="_unread_1hao0_14",$e="_danger_1hao0_19",P={notification:He,body:De,standard:Te,unread:Le,danger:$e},Ee=({variant:n="standard",children:s,unread:o,...i})=>e.jsxs("div",{className:m(P.notification,P[n],o&&P.unread),children:[e.jsx(L,{...i,unread:o,variant:n}),s&&e.jsx(t.Column,{className:P.body,children:s})]}),Ue="_notificationList_1rkvu_1",We={notificationList:Ue},Oe=({children:n})=>e.jsxs("div",{className:We.notificationList,children:[n,e.jsx("div",{})]}),Ge="_clickable_1ijxc_1",Qe="_nonClickable_1ijxc_27",A={clickable:Ge,nonClickable:Qe},Ve=({onClick:n,onClickAriaLabel:s,children:o,width:i=264,maxWidth:l,...a})=>e.jsxs(t.Box,{borderRadius:8,background:x.cssColor("--lhds-color-ui-50"),shadow:"popover",width:i,maxWidth:l,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:m({[A.nonClickable]:n}),children:e.jsx(L,{...a})}),o&&e.jsxs(t.Box,{indent:3,className:m({[A.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:A.clickable,"aria-label":s})]}),J=j.forwardRef(({contentLeft:n,contentRight:s,collapsed:o=!1,...i},l)=>e.jsx(r.MenuButton,{ref:l,expandable:!0,expanded:!o,selected:!o,left:n,right:s,...i})),Ke=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),Ze=({value:n,onValueChange:s,onChange:o,indeterminate:i,checkboxDisabled:l,...a})=>e.jsx(J,{contentLeft:e.jsx(D.Checkbox,{value:n,indeterminate:i,onValueChange:s,onChange:o,disabled:l,onClick:c=>c.stopPropagation()}),...a}),Xe="_sidebarMenuCollapsibleGroupBox_ikek9_1",Je={sidebarMenuCollapsibleGroupBox:Xe},Y=({children:n})=>e.jsx("div",{className:Je.sidebarMenuCollapsibleGroupBox,children:n}),Ye=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),en=({text:n="No content"})=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(r.Icon,{icon:r.stenaMail,color:x.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:x.cssColor("--lhds-color-ui-500"),children:n})]}),ee=({text:n,heading:s,children:o,buttons:i,icon:l=r.stenaTripFerryXl,headingLevel:a="h3",...c})=>{const u=!n&&!s?"Something unexpected happened.":n;return e.jsx(r.Card,{...c,children:e.jsx(r.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(r.CircledIcon,{icon:l,size:"xl"})]}),s&&e.jsx(t.Heading,{as:a,children:s}),u&&e.jsx(t.Text,{children:u}),o,i&&e.jsxs(t.Box,{children:[e.jsx(t.Space,{num:2}),i]})]})})})},nn=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(ee,{...n})}),ne=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(r.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),tn=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(ne,{...n})}),sn=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:o,children:i})=>e.jsxs(t.Box,{shadow:"bottom",background:x.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsxs(t.Row,{spacing:1,alignItems:"center",children:[e.jsx(t.Row,{width:"64px",height:"16px"}),n()]}),s==null?void 0:s(),o&&e.jsx(t.Space,{}),o==null?void 0:o()]}),i]}),on=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),rn=({icon:n,heading:s,headingLevel:o="h2",contentLeft:i,contentRight:l})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[e.jsx(t.Row,{width:"64px",alignItems:"center",children:n&&e.jsx(r.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:o,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:i}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:l})]}),ln="_selectionRow_1njaw_1",an="_iconColumn_1njaw_9",G={selectionRow:ln,iconColumn:an},cn=({icon:n,heading:s,description:o,contentRight:i,htmlFor:l,circledIconVariant:a,...c})=>e.jsxs("div",{className:G.selectionRow,...t.getDataProps(c),children:[e.jsxs(t.Row,{gap:2,children:[n&&e.jsx(t.Box,{alignItems:"center",justifyContent:"center",width:"40px",className:G.iconColumn,children:e.jsx(r.CircledIcon,{icon:n,variant:a})}),e.jsx("label",{htmlFor:l,children:e.jsxs(t.Column,{gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:s}),typeof o=="string"?e.jsx(t.Text,{color:x.cssColor("--silver-dark"),children:o}):o]})})]}),i]}),un="_sidebarMenu_1bx5w_1",dn="_sidebarItems_1bx5w_38",xn="_scrollContainer_1bx5w_48",q={sidebarMenu:un,sidebarItems:dn,scrollContainer:xn},hn="_stenaFlag_108h7_1",jn={stenaFlag:hn},pn=({onClick:n})=>e.jsxs(t.Column,{background:x.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(r.CloseButton,{onClick:n}),e.jsx(r.StenaFlag,{className:jn.stenaFlag})]})]}),mn=({isPinned:n,onClick:s,label:o})=>{const l=o??(n?"Unpin menu":"Pin menu"),a=n?r.stenaAngleLeftDouble:r.stenaPin;return e.jsx(r.MenuButton,{onClick:s,label:l,leftIcon:a})},gn=({className:n,children:s,onCloseClick:o,pinButtonVisible:i,onClickPinButton:l,bottomItems:a,isPinned:c,...u})=>e.jsxs(t.Box,{...u,className:m(q.sidebarMenu,n),children:[e.jsx(pn,{onClick:o}),e.jsx(t.Box,{className:q.scrollContainer,children:e.jsxs(t.Column,{className:q.sidebarItems,justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(a||i)&&e.jsxs(t.Column,{gap:1,children:[a,i&&e.jsx(mn,{isPinned:c,onClick:l}),e.jsx(t.Space,{})]})]})})]}),F=j.createContext(!1),$=()=>j.useContext(F),bn=({label:n,...s})=>e.jsx(S.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(r.IconMenuButton,{...s})}),Cn=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:i,bottomItems:l,closeButtonTitle:a="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:x.cssColor("--lhds-color-ui-50"),children:[e.jsx(r.IconMenuButton,{onClick:o,icon:r.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(F.Provider,{value:!0,children:i})}),e.jsx(t.Column,{gap:1,children:(l||n)&&e.jsxs(F.Provider,{value:!0,children:[l,n&&e.jsx(bn,{icon:r.stenaAngleLeftDouble,label:a,onClick:s})]})})]})]}),te=({label:n})=>$()?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})]}),fn=({label:n,leftIcon:s,...o})=>s==null?null:e.jsx(S.Tooltip,{label:n,placement:"right",children:e.jsx(r.IconMenuButtonLink,{icon:s,...o})}),Bn=n=>$()?e.jsx(fn,{...n}):e.jsx(r.MenuButtonLink,{...n}),wn=({children:n,label:s,icon:o,popupMinWidth:i="200px"})=>e.jsx(S.Popover,{renderTrigger:l=>e.jsx(r.IconMenuButton,{icon:o,...l}),placement:"right-start",trigger:["hover","focus"],disablePadding:!0,children:e.jsx(t.Box,{minWidth:i,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(F.Provider,{value:!1,children:[e.jsx(te,{label:s}),n]})})}),vn=({children:n,label:s,leftIcon:o,className:i,initialExpand:l=!1})=>{const[a,c]=j.useState(l);return $()?o==null?null:e.jsx(wn,{label:s,icon:o,children:n}):e.jsx(r.MenuButton,{label:s,onClick:()=>c(!a),leftIcon:o,className:i,expandable:!0,expanded:a,selected:a,children:e.jsx(Y,{children:n})})},Sn=n=>e.jsx(t.SeparatorLine,{color:x.cssColor("--lhds-color-ui-400"),...n}),yn=({numItemsSelected:n,label:s,afterLabelContent:o,rightContent:i})=>e.jsxs(t.Row,{indent:3,spacing:!0,gap:3,minHeight:"56px",justifyContent:"space-between",alignItems:"center",background:x.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.jsxs(e.Fragment,{children:[e.jsx(t.Text,{children:n}),e.jsx(t.Space,{}),e.jsxs(t.Text,{children:["item",n===1?"":"s"," selected"]})]}):s!=null?e.jsx(e.Fragment,{children:typeof s=="string"?e.jsx(t.Text,{children:s}):s}):null}):null,o&&e.jsx(t.Row,{children:o})]}),e.jsx(t.Row,{gap:2,children:i})]}),_n=({children:n})=>e.jsx(t.Row,{spacing:.5,indent:.5,flex:1,children:n}),Rn="_productCard_19x6b_1",In={productCard:Rn},kn=({renderSelectedProductCard:n,renderEditButton:s,children:o,loading:i,shadow:l,...a})=>e.jsxs(t.Column,{"data-comp":"ProductCard",className:In.productCard,shadow:l?"box":void 0,background:x.cssColor("--moln"),borderRadius:"24px",overflow:"hidden",position:i?"relative":void 0,...t.getDataProps(a),children:[n==null?void 0:n(),e.jsx(t.Column,{gap:2,children:o}),s&&e.jsxs(t.Column,{children:[e.jsx(t.Row,{indent:2,justifyContent:"flex-end",children:s()}),e.jsx(t.Spacing,{})]}),i&&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(r.Spinner,{})})]}),Mn=({children:n})=>e.jsx(t.Text,{variant:"bold",style:{fontSize:"2.0rem"},children:n}),Nn=({description:n,subDescription:s,descriptionTags:o,capacityTag:i,offerCodeTag:l,priceText:a,title:c,subTitle:u,renderImage:h,children:p,headingLevel:g})=>{const f=o==null?!1:Array.isArray(o)?o.length>0:!t.isEmptyFragment(o);return e.jsxs(t.Column,{children:[h==null?void 0:h(),e.jsxs(t.Box,{gap:2,spacing:4,indent:4,background:x.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:g,children:c}),e.jsxs(t.Row,{gap:2,children:[l&&e.jsx(t.Column,{justifyContent:"center",children:l}),e.jsx(Mn,{children:a})]})]}),u&&e.jsx(t.Text,{variant:"bold",color:x.cssColor("--silver-dark"),children:u})]}),(f||i)&&e.jsxs(t.Column,{children:[e.jsxs(t.Row,{gap:1,flexWrap:"wrap",children:[o,i&&e.jsx(r.Tag,{label:i,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,{})]}),p]})]})},Pn=({renderImage:n})=>e.jsxs(t.Column,{children:[n==null?void 0:n(),e.jsxs(t.Box,{gap:3,spacing:4,indent:4,background:x.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(r.ShimmerBox,{width:"50px",height:"2.8rem",borderRadius:"8px"})})}),e.jsx(t.Column,{children:e.jsx(r.ShimmerBox,{width:"180px",height:"2.0rem",borderRadius:"8px"})}),e.jsx(t.Column,{children:e.jsx(r.ShimmerBox,{width:"150px",height:"1.4rem",borderRadius:"8px"})})]})]}),Fn=({label:n,children:s})=>e.jsxs(t.Box,{background:x.cssColor("--mussla"),indent:2,spacing:2,gap:2,children:[e.jsx(t.Heading,{variant:"h3",as:"h2",color:"white",children:n}),s]}),zn=({title:n,variant:s="normal",loading:o,iconLeft:i,compactIconLeft:l,renderButton:a,renderOfferCodeTag:c,renderMandatoryTag:u,renderContentLeftOfButton:h,children:p,...g})=>{const{fontSizeRatio:f}=t.useAccessibleFontSizeContext(),B=v.useMediaQuery({query:"(max-width: 460px)"}),C=v.useMediaQuery({query:"(max-width: 360px)"})||B&&f>1.2,b=o?"normal":s,y=qn(b),_=x.cssColor("--moln"),R=An(b);return e.jsxs(t.Box,{"data-comp":"ProductSummaryCard",borderRadius:"16px",shadow:"box",overflow:"hidden",position:o?"relative":void 0,...t.getDataProps(g),children:[e.jsxs(t.Row,{flex:1,children:[!C&&e.jsx(t.Box,{flex:2,justifyContent:"center",background:y,children:i&&e.jsx(r.Icon,{color:R,icon:i,size:73})}),e.jsx(t.Box,{flex:4,indent:2,spacing:2,background:_,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(r.CircledIcon,{icon:l,size:"medium"}),e.jsx(t.Text,{variant:"bold",size:"large",children:n})]}),b=="normal"&&(c==null?void 0:c())]}),e.jsx(t.Column,{style:{opacity:o?0:void 0},children:p}),u&&e.jsx(t.Row,{style:{opacity:o?0:void 0},children:u()}),e.jsx("div",{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",gap:2,flexWrap:"wrap",children:[(h==null?void 0:h())??e.jsx("div",{}),a==null?void 0:a()]})]})})]}),o&&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(r.Spinner,{})})]})},An=n=>{switch(n){case"edit":return x.cssColor("--moln");case"upgrade":return x.cssColor("--moln");case"normal":return x.cssColor("--mussla");default:t.exhaustSwitchCaseElseThrow(n)}},qn=n=>{switch(n){case"edit":return x.cssColor("--mussla");case"upgrade":return x.cssColor("--mussla");case"normal":return x.cssColor("--silver-lighter");default:t.exhaustSwitchCaseElseThrow(n)}},Hn=({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:x.cssColor("--silver-lighter"),children:n&&e.jsx(r.Icon,{color:x.cssColor("--mussla"),icon:n,size:73})}),e.jsx(t.Box,{flex:4,indent:2,spacing:2,background:x.cssColor("--moln"),children:e.jsxs(t.Column,{gap:2,children:[e.jsx(r.ShimmerBox,{width:"180px",height:"2.8rem",borderRadius:"8px"}),e.jsx(r.ShimmerBox,{width:"50px",height:"2.0rem",borderRadius:"8px"}),e.jsx(r.ShimmerBox,{width:"150px",height:"1.4rem",borderRadius:"8px"})]})})]})}),Q=["small-mobile","mobile","tablet","tablet-wide","desktop"],E=()=>{const n=v.useMediaQuery({query:"(max-width: 768px)"}),s=v.useMediaQuery({query:"(max-width: 395px)"}),o=v.useMediaQuery({query:"(max-width: 1024px)"}),i=v.useMediaQuery({query:"(max-width: 1160px)"});return{deviceSize:s?"small-mobile":n?"mobile":o?"tablet":i?"tablet-wide":"desktop"}},se=(n,s)=>n===s||Q.indexOf(n)>Q.indexOf(s),Dn=n=>{const{deviceSize:s}=E();return{visible:j.useMemo(()=>se(s,n),[s,n])}},Tn=({images:n,altLabelPrevious:s,altLabelZoomIn:o,altLabelZoomOut:i,altLabelNext:l,altLabelClose:a})=>{const c=j.useRef(null),u=j.useRef(null),{deviceSize:h}=E(),p=h!=="mobile",[g,f]=j.useState(!1),[B,w]=j.useState(0),[C,b]=j.useState(0),y=j.useCallback(()=>{b(B),f(!0)},[B]),_=j.useCallback(()=>{w(C),f(!1)},[C]),R=({index:d})=>w(d),z=({index:d})=>b(d),M=j.useMemo(()=>n.map(H),[n]),I=j.useMemo(()=>n.map(d=>d.fullscreenImage?H({...d.fullscreenImage,description:d.description,title:d.title}):H(d)),[n]);return e.jsxs(t.BlockKeyboardEvents,{blockedKeys:"Escape",children:[e.jsx(U,{controller:{ref:c},index:B,slides:M,plugins:[oe],on:{view:R,click:y},carousel:{padding:0,spacing:0,imageFit:"cover"},render:{buttonPrev:()=>n.length>1&&e.jsx(t.Indent,{className:"yarl__navigation_prev",children:e.jsx(r.SecondaryButton,{"aria-label":s,leftIcon:r.stenaAngleLeft,onClick:()=>{var d;return(d=c.current)==null?void 0:d.prev()}})}),buttonNext:()=>n.length>1&&e.jsx(t.Indent,{className:"yarl__navigation_next",children:e.jsx(r.SecondaryButton,{"aria-label":l,leftIcon:r.stenaAngleRight,onClick:()=>{var d;return(d=c.current)==null?void 0:d.next()}})})},styles:{button:{filter:"none"}},inline:{style:{width:"100%",maxWidth:"900px",aspectRatio:"3 / 2",margin:"0 auto"}}}),e.jsx(U,{open:g,close:_,index:C,plugins:[le,ie,re],slides:I??M,on:{view:z},animation:{fade:0},controller:{closeOnPullDown:!0,closeOnBackdropClick:!0,ref:u},counter:{container:{style:{filter:"none",color:"white",fontSize:"2.0rem",fontFamily:"Stena Sans"}}},render:{buttonZoom:d=>p&&e.jsxs(t.Row,{gap:1,indent:2,children:[e.jsx(r.SecondaryButton,{"aria-label":o,leftIcon:r.stenaSearchPlus,size:"large",onClick:()=>d.zoomIn()}),e.jsx(r.SecondaryButton,{"aria-label":i,leftIcon:r.stenaSearchMinus,size:"large",onClick:()=>d.zoomOut()})]}),buttonPrev:()=>n.length>1&&p&&e.jsx(t.Indent,{num:4,className:"yarl__navigation_prev",children:e.jsx(r.SecondaryButton,{"aria-label":s,leftIcon:r.stenaAngleLeft,size:"large",onClick:()=>{var d;return(d=u.current)==null?void 0:d.prev()}})}),buttonNext:()=>n.length>1&&p&&e.jsx(t.Indent,{num:4,className:"yarl__navigation_next",children:e.jsx(r.SecondaryButton,{"aria-label":l,leftIcon:r.stenaAngleRight,size:"large",onClick:()=>{var d;return(d=u.current)==null?void 0:d.next()}})}),buttonClose:()=>e.jsx(t.Indent,{children:e.jsx(r.PrimaryButton,{variant:"danger","aria-label":a,leftIcon:r.stenaTimesThick,size:"large",onClick:()=>{var d;return(d=u.current)==null?void 0:d.close()}})})}})]})},H=n=>({src:n.url,width:n.width,height:n.height,alt:n.description,title:n.title,description:n.description});exports.ActionMenuFlatButton=V;exports.ActionMenuPrimaryButton=ue;exports.ActionMenuSecondaryButton=de;exports.CheckboxMenu=he;exports.Collapsible=J;exports.CollapsibleEmptyContent=en;exports.CollapsibleGroupHeading=Ye;exports.CollapsibleList=Ke;exports.CollapsibleWithCheckbox=Ze;exports.ErrorPanel=ee;exports.ErrorScreen=nn;exports.ImageCarousel=Tn;exports.LoadingPanel=ne;exports.LoadingScreen=tn;exports.NavBar=ge;exports.NavBarButton=K;exports.NavBarHeading=fe;exports.NavBarNotificationButton=_e;exports.NavBarPopoverButton=Be;exports.NavBarSearchField=Ne;exports.NavBarUserButton=ze;exports.Notification=Ee;exports.NotificationHeader=L;exports.NotificationList=Oe;exports.PageHeader=sn;exports.PageHeaderRow=on;exports.PageHeading=rn;exports.ProductCard=kn;exports.ProductCardContentItem=Nn;exports.ProductCardContentItemSkeletor=Pn;exports.ProductSummaryCard=zn;exports.ProductSummaryCardSkeletor=Hn;exports.SelectedItemsActionsPadding=_n;exports.SelectedItemsActionsPanel=yn;exports.SelectedProductCard=Fn;exports.SelectionRow=cn;exports.SidebarMenu=gn;exports.SidebarMenuCollapsible=vn;exports.SidebarMenuCollapsibleGroupBox=Y;exports.SidebarMenuHeading=te;exports.SidebarMenuLink=Bn;exports.SidebarMenuSeparator=Sn;exports.SidebarRailMenu=Cn;exports.Toast=Ve;exports.UnreadDot=Z;exports.getIconBgColorFromVariant=X;exports.isDeviceSameOrLarger=se;exports.useDeviceSize=E;exports.useLayoutVisibility=Dn;
3
3
  //# sourceMappingURL=index.js.map