@stenajs-webui/panels 23.12.5 → 23.12.6
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.
- package/dist/index.es.js +86 -86
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +7 -7
package/dist/index.es.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
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)}._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{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)}})();
|
|
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_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}}.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)}})();
|
|
2
2
|
import { jsx as e, Fragment as z, jsxs as i } from "react/jsx-runtime";
|
|
3
|
-
import { ActionMenu as ne, ActionMenuContext as ve, stenaAngleDown as te, PrimaryButton as re, SecondaryButton as R, FlatButton as E, stenaHamburger as oe, BaseButton as Ce, stenaBellFilled as
|
|
3
|
+
import { ActionMenu as ne, ActionMenuContext as ve, stenaAngleDown as te, PrimaryButton as re, SecondaryButton as R, FlatButton as E, stenaHamburger as oe, BaseButton as Ce, stenaBellFilled as Be, TextInputButton as we, stenaTimes as ye, stenaUserCircle as Ie, MenuButton as U, Icon as G, stenaMail as _e, Card as Se, CardBody as ke, CircledIcon as H, stenaTripFerryXl as Re, ScreenSpinner as Me, CloseButton as Ne, StenaFlag as Pe, stenaAngleLeftDouble as ie, stenaPin as Fe, IconMenuButton as D, IconMenuButtonLink as ze, MenuButtonLink as je, Spinner as le, Tag as Ae, ShimmerBox as N, stenaTimesThick as Te, stenaAngleRight as ae, stenaAngleLeft as ce, stenaSearchPlus as Le, stenaSearchMinus as Oe } from "@stenajs-webui/elements";
|
|
4
4
|
import * as Ee from "react";
|
|
5
5
|
import { useRef as K, useMemo as j, forwardRef as V, createContext as He, useContext as We, useState as L, useCallback as X, useEffect as $e } from "react";
|
|
6
|
-
import { useBoolean as se, Column as
|
|
6
|
+
import { useBoolean as se, Column as u, Row as c, Indent as w, Heading as P, Box as d, Text as x, Space as B, getDataProps as A, SeparatorLine as qe, pluralFormatter as Ue, selectPluralRule as Ge, Spacing as De, isEmptyFragment as Ke, useAccessibleFontSizeContext as Ve, exhaustSwitchCaseElseThrow as de, BlockKeyboardEvents as Ze } from "@stenajs-webui/core";
|
|
7
7
|
import { ControlledPopover as ue, Popover as he, Tooltip as pe } from "@stenajs-webui/tooltip";
|
|
8
8
|
import { Checkbox as ge, TextInput as Qe } from "@stenajs-webui/forms";
|
|
9
9
|
import _ from "classnames";
|
|
@@ -80,7 +80,7 @@ const Z = ({
|
|
|
80
80
|
borderRadius: "4px",
|
|
81
81
|
children: [
|
|
82
82
|
/* @__PURE__ */ e(ge, { ...t }),
|
|
83
|
-
/* @__PURE__ */ e(
|
|
83
|
+
/* @__PURE__ */ e(w, { num: 0.5 }),
|
|
84
84
|
/* @__PURE__ */ e(E, { size: "small", leftIcon: te, ...r })
|
|
85
85
|
]
|
|
86
86
|
}
|
|
@@ -88,7 +88,7 @@ const Z = ({
|
|
|
88
88
|
hideArrow: !0,
|
|
89
89
|
disablePadding: !0,
|
|
90
90
|
placement: "bottom-start",
|
|
91
|
-
children: ({ onRequestClose: r }) => /* @__PURE__ */ e(
|
|
91
|
+
children: ({ onRequestClose: r }) => /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(ne, { children: n(r) }) })
|
|
92
92
|
}
|
|
93
93
|
), rn = "_navBar_kzibd_1", on = {
|
|
94
94
|
navBar: rn
|
|
@@ -126,15 +126,15 @@ const Z = ({
|
|
|
126
126
|
alignItems: "center",
|
|
127
127
|
children: [
|
|
128
128
|
/* @__PURE__ */ i(c, { width: "86px", alignItems: "center", children: [
|
|
129
|
-
/* @__PURE__ */ e(
|
|
129
|
+
/* @__PURE__ */ e(w, {}),
|
|
130
130
|
r && /* @__PURE__ */ e(ln, { onClick: s })
|
|
131
131
|
] }),
|
|
132
132
|
n && /* @__PURE__ */ i(z, { children: [
|
|
133
133
|
n,
|
|
134
|
-
/* @__PURE__ */ e(
|
|
134
|
+
/* @__PURE__ */ e(w, { num: 2 })
|
|
135
135
|
] }),
|
|
136
136
|
o && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: Ee.Children.map(o, (m, b) => /* @__PURE__ */ i(z, { children: [
|
|
137
|
-
b > 0 && /* @__PURE__ */ e(
|
|
137
|
+
b > 0 && /* @__PURE__ */ e(w, {}),
|
|
138
138
|
m
|
|
139
139
|
] })) }) })
|
|
140
140
|
]
|
|
@@ -143,7 +143,7 @@ const Z = ({
|
|
|
143
143
|
a && /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: a }),
|
|
144
144
|
/* @__PURE__ */ i(c, { justifyContent: "flex-end", alignItems: "center", flex: h, children: [
|
|
145
145
|
l,
|
|
146
|
-
/* @__PURE__ */ e(
|
|
146
|
+
/* @__PURE__ */ e(w, { num: 2 })
|
|
147
147
|
] })
|
|
148
148
|
]
|
|
149
149
|
}
|
|
@@ -182,13 +182,13 @@ const Z = ({
|
|
|
182
182
|
onRequestClose: s,
|
|
183
183
|
zIndex: o,
|
|
184
184
|
appendTo: r,
|
|
185
|
-
children: /* @__PURE__ */ i(
|
|
185
|
+
children: /* @__PURE__ */ i(d, { children: [
|
|
186
186
|
n && n({ close: s }),
|
|
187
187
|
t
|
|
188
188
|
] })
|
|
189
189
|
}
|
|
190
190
|
);
|
|
191
|
-
}, dn = "
|
|
191
|
+
}, dn = "_navBarNotificationButton_1nfdy_1", un = "_unread_1nfdy_23", hn = "_icon_1nfdy_23", F = {
|
|
192
192
|
navBarNotificationButton: dn,
|
|
193
193
|
unread: un,
|
|
194
194
|
icon: hn
|
|
@@ -198,7 +198,7 @@ const Z = ({
|
|
|
198
198
|
className: r,
|
|
199
199
|
labelClassName: o,
|
|
200
200
|
iconClassName: l,
|
|
201
|
-
icon: a =
|
|
201
|
+
icon: a = Be,
|
|
202
202
|
...s
|
|
203
203
|
}, h) {
|
|
204
204
|
const m = n > 1;
|
|
@@ -244,7 +244,7 @@ const Z = ({
|
|
|
244
244
|
placeholder: n,
|
|
245
245
|
value: a,
|
|
246
246
|
buttonRight: a && o ? /* @__PURE__ */ e(
|
|
247
|
-
|
|
247
|
+
we,
|
|
248
248
|
{
|
|
249
249
|
className: T.clearButton,
|
|
250
250
|
icon: ye,
|
|
@@ -289,7 +289,7 @@ const Z = ({
|
|
|
289
289
|
)
|
|
290
290
|
), ft = ({
|
|
291
291
|
children: n
|
|
292
|
-
}) => /* @__PURE__ */ e(
|
|
292
|
+
}) => /* @__PURE__ */ e(u, { gap: 1, children: n }), xt = ({
|
|
293
293
|
value: n,
|
|
294
294
|
onValueChange: t,
|
|
295
295
|
onChange: r,
|
|
@@ -312,11 +312,11 @@ const Z = ({
|
|
|
312
312
|
),
|
|
313
313
|
...a
|
|
314
314
|
}
|
|
315
|
-
), Cn = "_sidebarMenuCollapsibleGroupBox_ikek9_1",
|
|
315
|
+
), Cn = "_sidebarMenuCollapsibleGroupBox_ikek9_1", Bn = {
|
|
316
316
|
sidebarMenuCollapsibleGroupBox: Cn
|
|
317
|
-
},
|
|
317
|
+
}, wn = ({ children: n }) => /* @__PURE__ */ e("div", { className: Bn.sidebarMenuCollapsibleGroupBox, children: n }), vt = ({ children: n }) => /* @__PURE__ */ e(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ e(x, { variant: "overline", size: "smaller", children: n }) }), Ct = ({ text: n = "No content" }) => /* @__PURE__ */ i(u, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
|
|
318
318
|
/* @__PURE__ */ e(G, { icon: _e, color: p("--lhds-color-ui-500") }),
|
|
319
|
-
/* @__PURE__ */ e(
|
|
319
|
+
/* @__PURE__ */ e(B, {}),
|
|
320
320
|
/* @__PURE__ */ e(x, { size: "small", color: p("--lhds-color-ui-500"), children: n })
|
|
321
321
|
] }), yn = ({
|
|
322
322
|
text: n,
|
|
@@ -328,21 +328,21 @@ const Z = ({
|
|
|
328
328
|
...s
|
|
329
329
|
}) => {
|
|
330
330
|
const h = !n && !t ? "Something unexpected happened." : n;
|
|
331
|
-
return /* @__PURE__ */ e(Se, { ...s, children: /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ i(
|
|
332
|
-
/* @__PURE__ */ i(
|
|
333
|
-
/* @__PURE__ */ e(
|
|
331
|
+
return /* @__PURE__ */ e(Se, { ...s, children: /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ i(u, { spacing: 1, gap: 3, alignItems: "center", children: [
|
|
332
|
+
/* @__PURE__ */ i(u, { alignItems: "center", children: [
|
|
333
|
+
/* @__PURE__ */ e(B, { num: 1 }),
|
|
334
334
|
/* @__PURE__ */ e(H, { icon: l, size: "xl" })
|
|
335
335
|
] }),
|
|
336
336
|
t && /* @__PURE__ */ e(P, { as: a, children: t }),
|
|
337
337
|
h && /* @__PURE__ */ e(x, { textAlign: "center", children: h }),
|
|
338
338
|
r,
|
|
339
|
-
o && /* @__PURE__ */ i(
|
|
340
|
-
/* @__PURE__ */ e(
|
|
341
|
-
o
|
|
339
|
+
o && /* @__PURE__ */ i(d, { children: [
|
|
340
|
+
/* @__PURE__ */ e(B, { num: 2 }),
|
|
341
|
+
/* @__PURE__ */ e(d, { gap: 2, children: o })
|
|
342
342
|
] })
|
|
343
343
|
] }) }) });
|
|
344
|
-
},
|
|
345
|
-
|
|
344
|
+
}, Bt = (n) => /* @__PURE__ */ e(
|
|
345
|
+
d,
|
|
346
346
|
{
|
|
347
347
|
width: "100%",
|
|
348
348
|
height: "100%",
|
|
@@ -354,14 +354,14 @@ const Z = ({
|
|
|
354
354
|
), In = ({
|
|
355
355
|
text: n,
|
|
356
356
|
...t
|
|
357
|
-
}) => /* @__PURE__ */ i(
|
|
357
|
+
}) => /* @__PURE__ */ i(d, { alignItems: "center", ...A(t), children: [
|
|
358
358
|
/* @__PURE__ */ e(Me, {}),
|
|
359
359
|
n && /* @__PURE__ */ i(z, { children: [
|
|
360
|
-
/* @__PURE__ */ e(
|
|
360
|
+
/* @__PURE__ */ e(B, { num: 4 }),
|
|
361
361
|
/* @__PURE__ */ e(P, { variant: "h4", children: n })
|
|
362
362
|
] })
|
|
363
|
-
] }),
|
|
364
|
-
|
|
363
|
+
] }), wt = (n) => /* @__PURE__ */ e(
|
|
364
|
+
d,
|
|
365
365
|
{
|
|
366
366
|
width: "100%",
|
|
367
367
|
height: "100%",
|
|
@@ -375,14 +375,14 @@ const Z = ({
|
|
|
375
375
|
renderPageHeading: t,
|
|
376
376
|
renderTabs: r,
|
|
377
377
|
children: o
|
|
378
|
-
}) => /* @__PURE__ */ i(
|
|
379
|
-
/* @__PURE__ */ i(
|
|
378
|
+
}) => /* @__PURE__ */ i(d, { shadow: "bottom", background: p("--lhds-color-ui-50"), gap: 2, children: [
|
|
379
|
+
/* @__PURE__ */ i(d, { indent: 3, children: [
|
|
380
380
|
n && /* @__PURE__ */ i(c, { spacing: 1, alignItems: "center", children: [
|
|
381
381
|
/* @__PURE__ */ e(c, { width: "64px", height: "16px" }),
|
|
382
382
|
n()
|
|
383
383
|
] }),
|
|
384
384
|
t?.(),
|
|
385
|
-
r && /* @__PURE__ */ e(
|
|
385
|
+
r && /* @__PURE__ */ e(B, {}),
|
|
386
386
|
r?.()
|
|
387
387
|
] }),
|
|
388
388
|
o
|
|
@@ -413,7 +413,7 @@ const Z = ({
|
|
|
413
413
|
}) => /* @__PURE__ */ i("div", { className: Y.selectionRow, ...A(s), children: [
|
|
414
414
|
/* @__PURE__ */ i(c, { gap: 2, children: [
|
|
415
415
|
n && /* @__PURE__ */ e(
|
|
416
|
-
|
|
416
|
+
d,
|
|
417
417
|
{
|
|
418
418
|
alignItems: "center",
|
|
419
419
|
justifyContent: "center",
|
|
@@ -422,7 +422,7 @@ const Z = ({
|
|
|
422
422
|
children: /* @__PURE__ */ e(H, { icon: n, variant: a })
|
|
423
423
|
}
|
|
424
424
|
),
|
|
425
|
-
/* @__PURE__ */ e("label", { htmlFor: l, children: /* @__PURE__ */ i(
|
|
425
|
+
/* @__PURE__ */ e("label", { htmlFor: l, children: /* @__PURE__ */ i(u, { gap: 0.5, children: [
|
|
426
426
|
/* @__PURE__ */ e(x, { variant: "bold", children: t }),
|
|
427
427
|
typeof r == "string" ? /* @__PURE__ */ e(x, { color: p("--silver-dark"), children: r }) : r
|
|
428
428
|
] }) })
|
|
@@ -434,8 +434,8 @@ const Z = ({
|
|
|
434
434
|
scrollContainer: Mn
|
|
435
435
|
}, Nn = "_stenaFlag_108h7_1", Pn = {
|
|
436
436
|
stenaFlag: Nn
|
|
437
|
-
}, Fn = ({ onClick: n }) => /* @__PURE__ */ i(
|
|
438
|
-
/* @__PURE__ */ e(
|
|
437
|
+
}, Fn = ({ onClick: n }) => /* @__PURE__ */ i(u, { background: p("--lhds-color-ui-50"), children: [
|
|
438
|
+
/* @__PURE__ */ e(B, {}),
|
|
439
439
|
/* @__PURE__ */ i(
|
|
440
440
|
c,
|
|
441
441
|
{
|
|
@@ -463,10 +463,10 @@ const Z = ({
|
|
|
463
463
|
bottomItems: a,
|
|
464
464
|
isPinned: s,
|
|
465
465
|
...h
|
|
466
|
-
}) => /* @__PURE__ */ i(
|
|
466
|
+
}) => /* @__PURE__ */ i(d, { ...h, className: _(q.sidebarMenu, n), children: [
|
|
467
467
|
/* @__PURE__ */ e(Fn, { onClick: r }),
|
|
468
|
-
/* @__PURE__ */ e(
|
|
469
|
-
|
|
468
|
+
/* @__PURE__ */ e(d, { className: q.scrollContainer, children: /* @__PURE__ */ i(
|
|
469
|
+
u,
|
|
470
470
|
{
|
|
471
471
|
className: q.sidebarItems,
|
|
472
472
|
justifyContent: "space-between",
|
|
@@ -474,8 +474,8 @@ const Z = ({
|
|
|
474
474
|
gap: 1,
|
|
475
475
|
indent: 1,
|
|
476
476
|
children: [
|
|
477
|
-
/* @__PURE__ */ e(
|
|
478
|
-
(a || o) && /* @__PURE__ */ i(
|
|
477
|
+
/* @__PURE__ */ e(u, { gap: 1, children: t }),
|
|
478
|
+
(a || o) && /* @__PURE__ */ i(u, { gap: 1, children: [
|
|
479
479
|
a,
|
|
480
480
|
o && /* @__PURE__ */ e(
|
|
481
481
|
zn,
|
|
@@ -484,7 +484,7 @@ const Z = ({
|
|
|
484
484
|
onClick: l
|
|
485
485
|
}
|
|
486
486
|
),
|
|
487
|
-
/* @__PURE__ */ e(
|
|
487
|
+
/* @__PURE__ */ e(B, {})
|
|
488
488
|
] })
|
|
489
489
|
]
|
|
490
490
|
}
|
|
@@ -500,7 +500,7 @@ const Z = ({
|
|
|
500
500
|
bottomItems: l,
|
|
501
501
|
closeButtonTitle: a = "Unpin menu"
|
|
502
502
|
}) => /* @__PURE__ */ i(
|
|
503
|
-
|
|
503
|
+
d,
|
|
504
504
|
{
|
|
505
505
|
position: "fixed",
|
|
506
506
|
left: 0,
|
|
@@ -513,9 +513,9 @@ const Z = ({
|
|
|
513
513
|
background: p("--lhds-color-ui-50"),
|
|
514
514
|
children: [
|
|
515
515
|
/* @__PURE__ */ e(D, { onClick: r, icon: oe }),
|
|
516
|
-
/* @__PURE__ */ i(
|
|
517
|
-
/* @__PURE__ */ e(
|
|
518
|
-
/* @__PURE__ */ e(
|
|
516
|
+
/* @__PURE__ */ i(u, { justifyContent: "space-between", flex: 1, gap: 1, children: [
|
|
517
|
+
/* @__PURE__ */ e(u, { gap: 1, children: /* @__PURE__ */ e(O.Provider, { value: !0, children: o }) }),
|
|
518
|
+
/* @__PURE__ */ e(u, { gap: 1, children: (l || n) && /* @__PURE__ */ i(O.Provider, { value: !0, children: [
|
|
519
519
|
l,
|
|
520
520
|
n && /* @__PURE__ */ e(
|
|
521
521
|
jn,
|
|
@@ -531,8 +531,8 @@ const Z = ({
|
|
|
531
531
|
}
|
|
532
532
|
), An = ({
|
|
533
533
|
label: n
|
|
534
|
-
}) => Q() ? null : /* @__PURE__ */ i(
|
|
535
|
-
/* @__PURE__ */ e(
|
|
534
|
+
}) => Q() ? null : /* @__PURE__ */ i(d, { height: "32px", justifyContent: "center", indent: 1, children: [
|
|
535
|
+
/* @__PURE__ */ e(B, {}),
|
|
536
536
|
/* @__PURE__ */ e(x, { variant: "overline", size: "smaller", children: n })
|
|
537
537
|
] }), Tn = ({
|
|
538
538
|
label: n,
|
|
@@ -551,7 +551,7 @@ const Z = ({
|
|
|
551
551
|
trigger: ["hover", "focus"],
|
|
552
552
|
disablePadding: !0,
|
|
553
553
|
children: /* @__PURE__ */ e(
|
|
554
|
-
|
|
554
|
+
d,
|
|
555
555
|
{
|
|
556
556
|
minWidth: o,
|
|
557
557
|
shadow: "popover",
|
|
@@ -583,7 +583,7 @@ const Z = ({
|
|
|
583
583
|
expandable: !0,
|
|
584
584
|
expanded: a,
|
|
585
585
|
selected: a,
|
|
586
|
-
children: /* @__PURE__ */ e(
|
|
586
|
+
children: /* @__PURE__ */ e(wn, { children: n })
|
|
587
587
|
}
|
|
588
588
|
);
|
|
589
589
|
}, Pt = (n) => /* @__PURE__ */ e(
|
|
@@ -639,7 +639,7 @@ const Z = ({
|
|
|
639
639
|
shadow: l,
|
|
640
640
|
...a
|
|
641
641
|
}) => /* @__PURE__ */ i(
|
|
642
|
-
|
|
642
|
+
u,
|
|
643
643
|
{
|
|
644
644
|
"data-comp": "ProductCard",
|
|
645
645
|
className: Hn.productCard,
|
|
@@ -651,13 +651,13 @@ const Z = ({
|
|
|
651
651
|
...A(a),
|
|
652
652
|
children: [
|
|
653
653
|
n?.(),
|
|
654
|
-
/* @__PURE__ */ e(
|
|
655
|
-
t && /* @__PURE__ */ i(
|
|
654
|
+
/* @__PURE__ */ e(u, { gap: 2, children: r }),
|
|
655
|
+
t && /* @__PURE__ */ i(u, { children: [
|
|
656
656
|
/* @__PURE__ */ e(c, { indent: 2, justifyContent: "flex-end", children: t() }),
|
|
657
657
|
/* @__PURE__ */ e(De, {})
|
|
658
658
|
] }),
|
|
659
659
|
o && /* @__PURE__ */ e(
|
|
660
|
-
|
|
660
|
+
d,
|
|
661
661
|
{
|
|
662
662
|
top: 0,
|
|
663
663
|
bottom: 0,
|
|
@@ -686,10 +686,10 @@ const Z = ({
|
|
|
686
686
|
headingLevel: f
|
|
687
687
|
}) => {
|
|
688
688
|
const C = r == null ? !1 : Array.isArray(r) ? r.length > 0 : !Ke(r);
|
|
689
|
-
return /* @__PURE__ */ i(
|
|
689
|
+
return /* @__PURE__ */ i(u, { children: [
|
|
690
690
|
m?.(),
|
|
691
|
-
/* @__PURE__ */ i(
|
|
692
|
-
/* @__PURE__ */ i(
|
|
691
|
+
/* @__PURE__ */ i(d, { gap: 2, spacing: 4, indent: 4, background: p("--moln"), children: [
|
|
692
|
+
/* @__PURE__ */ i(d, { gap: 0.5, children: [
|
|
693
693
|
/* @__PURE__ */ i(
|
|
694
694
|
c,
|
|
695
695
|
{
|
|
@@ -699,7 +699,7 @@ const Z = ({
|
|
|
699
699
|
children: [
|
|
700
700
|
/* @__PURE__ */ e(P, { variant: "h3", as: f, children: s }),
|
|
701
701
|
/* @__PURE__ */ i(c, { gap: 2, children: [
|
|
702
|
-
l && /* @__PURE__ */ e(
|
|
702
|
+
l && /* @__PURE__ */ e(u, { justifyContent: "center", children: l }),
|
|
703
703
|
/* @__PURE__ */ e(Wn, { children: a })
|
|
704
704
|
] })
|
|
705
705
|
]
|
|
@@ -707,28 +707,28 @@ const Z = ({
|
|
|
707
707
|
),
|
|
708
708
|
h && /* @__PURE__ */ e(x, { variant: "bold", color: p("--silver-dark"), children: h })
|
|
709
709
|
] }),
|
|
710
|
-
(C || o) && /* @__PURE__ */ i(
|
|
710
|
+
(C || o) && /* @__PURE__ */ i(u, { children: [
|
|
711
711
|
/* @__PURE__ */ i(c, { gap: 1, flexWrap: "wrap", children: [
|
|
712
712
|
r,
|
|
713
713
|
o && /* @__PURE__ */ e(Ae, { label: o, variant: "passive" })
|
|
714
714
|
] }),
|
|
715
|
-
/* @__PURE__ */ e(
|
|
715
|
+
/* @__PURE__ */ e(B, {})
|
|
716
716
|
] }),
|
|
717
|
-
n && /* @__PURE__ */ i(
|
|
717
|
+
n && /* @__PURE__ */ i(u, { children: [
|
|
718
718
|
/* @__PURE__ */ e(x, { children: n }),
|
|
719
|
-
/* @__PURE__ */ e(
|
|
719
|
+
/* @__PURE__ */ e(B, {})
|
|
720
720
|
] }),
|
|
721
|
-
t && /* @__PURE__ */ i(
|
|
721
|
+
t && /* @__PURE__ */ i(u, { children: [
|
|
722
722
|
/* @__PURE__ */ e(x, { children: t }),
|
|
723
|
-
/* @__PURE__ */ e(
|
|
723
|
+
/* @__PURE__ */ e(B, {})
|
|
724
724
|
] }),
|
|
725
725
|
b
|
|
726
726
|
] })
|
|
727
727
|
] });
|
|
728
|
-
}, Tt = ({ renderImage: n }) => /* @__PURE__ */ i(
|
|
728
|
+
}, Tt = ({ renderImage: n }) => /* @__PURE__ */ i(u, { children: [
|
|
729
729
|
n?.(),
|
|
730
|
-
/* @__PURE__ */ i(
|
|
731
|
-
/* @__PURE__ */ e(
|
|
730
|
+
/* @__PURE__ */ i(d, { gap: 3, spacing: 4, indent: 4, background: p("--moln"), children: [
|
|
731
|
+
/* @__PURE__ */ e(d, { gap: 0.5, children: /* @__PURE__ */ e(
|
|
732
732
|
c,
|
|
733
733
|
{
|
|
734
734
|
justifyContent: "space-between",
|
|
@@ -744,13 +744,13 @@ const Z = ({
|
|
|
744
744
|
)
|
|
745
745
|
}
|
|
746
746
|
) }),
|
|
747
|
-
/* @__PURE__ */ e(
|
|
748
|
-
/* @__PURE__ */ e(
|
|
747
|
+
/* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(N, { width: "180px", height: "2.0rem", borderRadius: "8px" }) }),
|
|
748
|
+
/* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(N, { width: "150px", height: "1.4rem", borderRadius: "8px" }) })
|
|
749
749
|
] })
|
|
750
750
|
] }), Lt = ({
|
|
751
751
|
label: n,
|
|
752
752
|
children: t
|
|
753
|
-
}) => /* @__PURE__ */ i(
|
|
753
|
+
}) => /* @__PURE__ */ i(d, { background: p("--mussla"), indent: 2, spacing: 2, gap: 2, children: [
|
|
754
754
|
/* @__PURE__ */ e(P, { variant: "h3", as: "h2", color: "white", children: n }),
|
|
755
755
|
t
|
|
756
756
|
] }), Ot = ({
|
|
@@ -772,7 +772,7 @@ const Z = ({
|
|
|
772
772
|
query: "(max-width: 360px)"
|
|
773
773
|
}) || y && C > 1.2, v = r ? "normal" : t, k = qn(v), g = p("--moln"), W = $n(v);
|
|
774
774
|
return /* @__PURE__ */ i(
|
|
775
|
-
|
|
775
|
+
d,
|
|
776
776
|
{
|
|
777
777
|
"data-comp": "ProductSummaryCard",
|
|
778
778
|
borderRadius: "16px",
|
|
@@ -782,8 +782,8 @@ const Z = ({
|
|
|
782
782
|
...A(f),
|
|
783
783
|
children: [
|
|
784
784
|
/* @__PURE__ */ i(c, { flex: 1, children: [
|
|
785
|
-
!I && /* @__PURE__ */ e(
|
|
786
|
-
/* @__PURE__ */ e(
|
|
785
|
+
!I && /* @__PURE__ */ e(d, { flex: 2, justifyContent: "center", background: k, children: o && /* @__PURE__ */ e(G, { color: W, icon: o, size: 73 }) }),
|
|
786
|
+
/* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: g, children: /* @__PURE__ */ i(u, { gap: 2, children: [
|
|
787
787
|
n && /* @__PURE__ */ i(c, { justifyContent: "space-between", children: [
|
|
788
788
|
/* @__PURE__ */ i(c, { gap: 2, alignItems: "center", children: [
|
|
789
789
|
I && l && /* @__PURE__ */ e(H, { icon: l, size: "medium" }),
|
|
@@ -791,7 +791,7 @@ const Z = ({
|
|
|
791
791
|
] }),
|
|
792
792
|
v == "normal" && s?.()
|
|
793
793
|
] }),
|
|
794
|
-
/* @__PURE__ */ e(
|
|
794
|
+
/* @__PURE__ */ e(u, { style: { opacity: r ? 0 : void 0 }, children: b }),
|
|
795
795
|
h && /* @__PURE__ */ e(c, { style: { opacity: r ? 0 : void 0 }, children: h() }),
|
|
796
796
|
/* @__PURE__ */ e("div", {}),
|
|
797
797
|
/* @__PURE__ */ i(
|
|
@@ -810,7 +810,7 @@ const Z = ({
|
|
|
810
810
|
] }) })
|
|
811
811
|
] }),
|
|
812
812
|
r && /* @__PURE__ */ e(
|
|
813
|
-
|
|
813
|
+
d,
|
|
814
814
|
{
|
|
815
815
|
top: 0,
|
|
816
816
|
bottom: 0,
|
|
@@ -849,7 +849,7 @@ const Z = ({
|
|
|
849
849
|
de(n);
|
|
850
850
|
}
|
|
851
851
|
}, Et = ({ iconLeft: n, ...t }) => /* @__PURE__ */ e(
|
|
852
|
-
|
|
852
|
+
d,
|
|
853
853
|
{
|
|
854
854
|
borderRadius: "16px",
|
|
855
855
|
shadow: "box",
|
|
@@ -857,7 +857,7 @@ const Z = ({
|
|
|
857
857
|
...A(t),
|
|
858
858
|
children: /* @__PURE__ */ i(c, { flex: 1, children: [
|
|
859
859
|
/* @__PURE__ */ e(
|
|
860
|
-
|
|
860
|
+
d,
|
|
861
861
|
{
|
|
862
862
|
flex: 2,
|
|
863
863
|
justifyContent: "center",
|
|
@@ -865,7 +865,7 @@ const Z = ({
|
|
|
865
865
|
children: n && /* @__PURE__ */ e(G, { color: p("--mussla"), icon: n, size: 73 })
|
|
866
866
|
}
|
|
867
867
|
),
|
|
868
|
-
/* @__PURE__ */ e(
|
|
868
|
+
/* @__PURE__ */ e(d, { flex: 4, indent: 2, spacing: 2, background: p("--moln"), children: /* @__PURE__ */ i(u, { gap: 2, children: [
|
|
869
869
|
/* @__PURE__ */ e(
|
|
870
870
|
N,
|
|
871
871
|
{
|
|
@@ -972,7 +972,7 @@ const Z = ({
|
|
|
972
972
|
}
|
|
973
973
|
)
|
|
974
974
|
] }),
|
|
975
|
-
buttonPrev: () => b.length > 1 && y && /* @__PURE__ */ e(
|
|
975
|
+
buttonPrev: () => b.length > 1 && y && /* @__PURE__ */ e(w, { num: 4, className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
|
|
976
976
|
R,
|
|
977
977
|
{
|
|
978
978
|
"aria-label": o,
|
|
@@ -981,7 +981,7 @@ const Z = ({
|
|
|
981
981
|
onClick: () => f.current?.prev()
|
|
982
982
|
}
|
|
983
983
|
) }),
|
|
984
|
-
buttonNext: () => b.length > 1 && y && /* @__PURE__ */ e(
|
|
984
|
+
buttonNext: () => b.length > 1 && y && /* @__PURE__ */ e(w, { num: 4, className: "yarl__navigation_next", children: /* @__PURE__ */ e(
|
|
985
985
|
R,
|
|
986
986
|
{
|
|
987
987
|
"aria-label": s,
|
|
@@ -990,7 +990,7 @@ const Z = ({
|
|
|
990
990
|
onClick: () => f.current?.next()
|
|
991
991
|
}
|
|
992
992
|
) }),
|
|
993
|
-
buttonClose: () => /* @__PURE__ */ e(
|
|
993
|
+
buttonClose: () => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
|
|
994
994
|
re,
|
|
995
995
|
{
|
|
996
996
|
variant: "danger",
|
|
@@ -1053,7 +1053,7 @@ const Z = ({
|
|
|
1053
1053
|
imageFit: "cover"
|
|
1054
1054
|
},
|
|
1055
1055
|
render: {
|
|
1056
|
-
buttonPrev: () => n.length > 1 && /* @__PURE__ */ e(
|
|
1056
|
+
buttonPrev: () => n.length > 1 && /* @__PURE__ */ e(w, { className: "yarl__navigation_prev", children: /* @__PURE__ */ e(
|
|
1057
1057
|
R,
|
|
1058
1058
|
{
|
|
1059
1059
|
"aria-label": r,
|
|
@@ -1061,7 +1061,7 @@ const Z = ({
|
|
|
1061
1061
|
onClick: () => h.current?.prev()
|
|
1062
1062
|
}
|
|
1063
1063
|
) }),
|
|
1064
|
-
buttonNext: () => n.length > 1 && /* @__PURE__ */ e(
|
|
1064
|
+
buttonNext: () => n.length > 1 && /* @__PURE__ */ e(w, { className: "yarl__navigation_next", children: /* @__PURE__ */ e(
|
|
1065
1065
|
R,
|
|
1066
1066
|
{
|
|
1067
1067
|
"aria-label": a,
|
|
@@ -1120,11 +1120,11 @@ export {
|
|
|
1120
1120
|
ft as CollapsibleList,
|
|
1121
1121
|
xt as CollapsibleWithCheckbox,
|
|
1122
1122
|
yn as ErrorPanel,
|
|
1123
|
-
|
|
1123
|
+
Bt as ErrorScreen,
|
|
1124
1124
|
Gn as FullscreenImageCarousel,
|
|
1125
1125
|
Wt as ImageCarousel,
|
|
1126
1126
|
In as LoadingPanel,
|
|
1127
|
-
|
|
1127
|
+
wt as LoadingScreen,
|
|
1128
1128
|
ut as NavBar,
|
|
1129
1129
|
sn as NavBarButton,
|
|
1130
1130
|
ht as NavBarHeading,
|
|
@@ -1146,7 +1146,7 @@ export {
|
|
|
1146
1146
|
St as SelectionRow,
|
|
1147
1147
|
kt as SidebarMenu,
|
|
1148
1148
|
Nt as SidebarMenuCollapsible,
|
|
1149
|
-
|
|
1149
|
+
wn as SidebarMenuCollapsibleGroupBox,
|
|
1150
1150
|
An as SidebarMenuHeading,
|
|
1151
1151
|
Mt as SidebarMenuLink,
|
|
1152
1152
|
Pt as SidebarMenuSeparator,
|