https://310272794271-telekom-fe.acp.cdn.telekom.sk/692325_3c33cc44…/ods-base-67eee7f5-a4cf38679651ae7c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3934],{35553:(e,l,a)=>{a.r(l),a.d(l,{default:()=>s});var t=a(86671),n=a(6735);let s=({size:e,fill:l="currentColor",color:a="currentColor",selected:s=!1,decorative:i=!1,title:o,accessibilityTitle:r,description:c,focusable:d=!1,small:b=!1,className:p,...u})=>{let m=e||(b?16:24);return r&&console.warn("The `accessibilityTitle` prop is deprecated and will be removed in a future version. Please use `title` instead."),n.createElement("svg",{className:(0,t.c)("ODSIcon",p),xmlns:"http://www.w3.org/2000/svg",width:m,height:m,viewBox:b?"0 0 16 16":"0 0 24 24","aria-hidden":!!i,tabIndex:d?0:-1,...u},(o||r)&&n.createElement("title",null,o||r),c&&n.createElement("desc",null,c),n.createElement("g",{fill:"currentColor"===l?a:l},s?b?n.createElement("g",null,n.createElement("path",{clipRule:"evenodd",fillRule:"evenodd",d:"M1.523 5.243a2.6 2.6 0 0 1 2.6-2.6h8.732a2.6 2.6 0 0 1 2.6 2.6v5.646a2.6 2.6 0 0 1-2.6 2.6H4.123a2.6 2.6 0 0 1-2.6-2.6zm9.845 3.372a.6.6 0 1 0 0-1.2.6.6 0 0 0 0 1.2"})):n.createElement("g",null,n.createElement("path",{clipRule:"evenodd",fillRule:"evenodd",d:"M2.5 7a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-14a3 3 0 0 1-3-3zm16 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2"})):b?n.createElement("g",null,n.createElement("path",{d:"M11.368 8.616a.6.6 0 1 0 0-1.2.6.6 0 0 0 0 1.2"}),n.createElement("path",{clipRule:"evenodd",fillRule:"evenodd",d:"M4.123 2.643a2.6 2.6 0 0 0-2.6 2.6v5.646a2.6 2.6 0 0 0 2.6 2.6h8.732a2.6 2.6 0 0 0 2.6-2.6V5.243a2.6 2.6 0 0 0-2.6-2.6zm-1.4 2.6a1.4 1.4 0 0 1 1.4-1.4h8.732a1.4 1.4 0 0 1 1.4 1.4v5.646a1.4 1.4 0 0 1-1.4 1.4H4.123a1.4 1.4 0 0 1-1.4-1.4z"})):n.createElement("g",null,n.createElement("path",{d:"M18.5 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2"}),n.createElement("path",{clipRule:"evenodd",fillRule:"evenodd",d:"M5.5 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zm-1 3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-14a1 1 0 0 1-1-1z"}))))}},55562:(e,l,a)=>{a.d(l,{O:()=>c});var t=a(51463),n=a(58538),s=a(86671),i=a(87020);a(6735);var o=a(53757),r=a(48437);a(6323);let c=({selected:e=!1,index:l=0,onClick:a,onKeyDown:c,label:d,text:b,icon:p,variant:u="hug",size:m="small",badge:O=!1,...h})=>{let g=(0,s.c)("ODSTabElement",`ODSTabElement--index-${l}`,`ODSTabElement--size-${m}`,`ODSTabElement--variant-${u}`);return(0,t.jsxs)("li",{tabIndex:e?0:-1,className:g,onClick:e=>{e.preventDefault(),null==a||a(e,l??0)},onKeyDown:e=>{null==c||c(e,l??0)},role:"tab","aria-selected":e,...h,children:[(0,t.jsxs)(n.O,{className:(0,s.c)("ODSTabElement-ContentFrame",`ODSTabElement-ContentFrame--size-${m}`,`ODSTabElement-ContentFrame--variant-${u}`),children:[p&&(0,t.jsx)(i.O,{name:p,decorative:!0,focusable:!1,tabIndex:void 0,className:(0,s.c)("ODSTabElement-Icon",e&&"ODSTabElement-Icon--selected",`ODSTabElement-Icon--size-${m}`,`ODSTabElement-Icon--variant-${u}`)}),(d||b)&&(0,t.jsx)(o.O,{as:"a",className:(0,s.c)("ODSTabElement-Label",`ODSTabElement-Label--variant-${u}`,`ODSTabElement-Label--size-${m}`,e&&"ODSTabElement-Label--selected"),children:b??d}),O&&O]}),(0,t.jsx)(r.O,{className:(0,s.c)("ODSTabElement-LineContainer",`ODSTabElement-LineContainer--variant-${u}`,`ODSTabElement-LineContainer--size-${m}`,e&&"ODSTabElement-LineContainer--selected")})]})}},67972:(e,l,a)=>{a.d(l,{O:()=>d});var t=a(51463),n=a(86671),s=a(58538),i=a(53757),o=a(87020);a(6735),a(99054);let r={standardOnBackground:"basic",activeOnBackground:"basic",standardOnSubtle:"subtle",activeOnSubtle:"subtle"},c=e=>"activeOnBackground"===e||"activeOnSubtle"===e,d=({className:e,label:l,icon:a,type:d="basic",disabled:b=!1,...p})=>{let u=d,m=a;if(d in r){let e=r[d];console.warn(`[ODSTagStatic] Deprecated type "${d}" detected. It should be updated to "${e}".`),c(d)&&!a&&console.warn(`[ODSTagStatic] "${d}" implies an active state. You should add the "checkmark-type-bold" icon manually.`),u=e,!a&&c(d)&&(m="checkmark-type-bold")}let O=b?"basic":u,h=null==p?void 0:p["aria-label"];return(0,t.jsxs)(s.O,{...p,className:(0,n.c)("ODSTagStatic",`ODSTagStatic--type-${O}`,{"ODSTagStatic--disabled":b},e),"aria-label":void 0,children:[m&&(0,t.jsx)(o.O,{name:m,className:(0,n.c)("ODSTagStatic-Icon",`ODSTagStatic-Icon--type-${O}`,{"ODSTagStatic-Icon--disabled":b})}),l&&(0,t.jsx)(i.O,{as:"span","aria-label":h,className:(0,n.c)("ODSTagStatic-Label",`ODSTagStatic-Label--type-${O}`,{"ODSTagStatic-Label--disabled":b}),children:l})]})}},79058:(e,l,a)=>{a.d(l,{O:()=>I,a:()=>E,b:()=>R,c:()=>j,d:()=>y,e:()=>C,g:()=>N,h:()=>w});var t=a(51463),n=a(86671),s=a(19637),i=a(40914),o=a(58538),r=a(67972),c=a(53757),d=a(7838),b=a(6735),p=a(6649),u=a(13989),m=a(85398),O=a(43687),h=a(87020),g=a(32936);a(61104);let S={sortedDown:"desc",sortedUp:"asc",unsorted:void 0},D=(0,b.createContext)({selectable:!1,expandable:!1,dispatch:()=>{}}),x=(0,b.createContext)(void 0),v=({children:e,expanded:l,loop:a=!1,openOnHover:n=!1,items:s,alignment:i="left",onExpandedChange:o})=>{let[r,c]=(0,b.useState)(!1),[d,u]=(0,b.useState)(null),m=void 0!==l,O=m?l:r,h=(0,b.useCallback)(e=>m?null==o?void 0:o(e):c(e),[m,o]),g=(0,b.useRef)([]),S=(0,b.useRef)([]),D=(0,p.D)(),v="left"

1===i?"bottom-start":"bottom-end",{floatingStyles:T,refs:f,context:w}=(0,p.u)({nodeId:D,strategy:"absolute",whileElementsMounted:p.a,placement:v,open:O,onOpenChange:h}),y=(0,p.d)(w),C=(0,p.j)(w,{enabled:n,delay:{open:75},handleClose:(0,p.p)({blockPointerEvents:!0})}),N=(0,p.f)(w,{listRef:g,activeIndex:d,onNavigate:u,loop:a,disabledIndices:[]}),j=(0,p.c)(w,{outsidePress:!0}),{getReferenceProps:E,getFloatingProps:R,getItemProps:P}=(0,p.g)([y,C,N,j]);(0,b.useEffect)(()=>{if(!O)return;let e=f.floating.current;if(!e)return;let l=e=>{e.altKey||e.ctrlKey||e.metaKey||"Escape"===e.key&&h(!1)};return e.addEventListener("keydown",l),()=>e.removeEventListener("keydown",l)},[O,f.floating.current,h,w.elements.domReference,f.floating]);let k=(0,b.useMemo)(()=>({expanded:O,alignment:i,loop:a,items:s,openOnHover:n,onExpandedChange:h,floatingProps:{getReferenceProps:E,getFloatingProps:R,getItemProps:P,nodeId:D,activeIndex:d,context:w,floatingStyles:T,refs:f,elementsRefs:g,buttonRefs:S}}),[O,i,a,s,n,o,E,R,P,D,d,w,T,f,g,S,h]);return(0,t.jsx)(x.Provider,{value:k,children:e})},T=({className:e,trigger:l,ref:a,listData:i,...o})=>{let{expanded:r,items:c,floatingProps:d,onExpandedChange:O}=(()=>{let e=(0,b.useContext)(x);if(!e)throw Error("useTableMultipleActions must be used within an ODSTableMultipleActionsProvider");return e})(),h=c||i,{getReferenceProps:g,getFloatingProps:S,getItemProps:D,activeIndex:v,nodeId:T,context:f,floatingStyles:w,refs:y,elementsRefs:C}=d??{},N=(0,p.m)();return(0,t.jsxs)(p.H,{id:T,children:[(0,t.jsx)(u.S,{ref:(0,p.l)([y.setReference,N.ref,a]),...g(),children:l}),(0,t.jsx)(p.x,{elementsRef:C,children:r&&(0,t.jsx)(p.F,{children:(0,t.jsx)(p.q,{context:f,modal:!1,initialFocus:0,returnFocus:!1,children:(0,t.jsx)(m.O,{className:(0,n.c)("ODSTableMultipleActionsContainer",e),ref:y.setFloating,style:{...w},...S({...o}),children:(0,t.jsx)(m.O,{className:"ODSTableMultipleActionsContainer-ListContainer",children:null==h?void 0:h.map((e,l)=>{let a=e=>{C.current&&(C.current[l]=e)},{ref:i,onKeyDown:o,...r}=(null==D?void 0:D({ref:a}))??{};return(0,t.jsx)(s.O,{...e,...r,ref:e=>{a(e),i&&("function"==typeof i?i(e):i.current=e)},tabIndex:v===l?0:-1,onClick:l=>{var a;null==(a=e.onClick)||a.call(e,l),null==O||O(!1)},onKeyDown:e=>{null==o||o(e)},className:(0,n.c)("ODSTableMultipleActionsContainer-OdsButton",null==e?void 0:e.className)},`ODSTableMultipleActionsContainer-ListItem-${l}`)})})})})})})]})},f=(0,b.forwardRef)(({disabled:e=!1,loop:l=!1,openOnHover:a=!1,items:i=[],className:o,expanded:r,alignment:c="left",onExpandedChange:d,triggerProps:b,...u},m)=>(0,t.jsx)(p.n,{children:(0,t.jsx)(v,{expanded:!e&&(null==i?void 0:i.length)!==0&&r,loop:l,openOnHover:a,items:i,onExpandedChange:d,alignment:c,children:(0,t.jsx)(T,{ref:m,disabled:e,listData:i,trigger:(0,t.jsx)(s.O,{buttonIcon:"more-type-standard",buttonType:"iconOnly",size:"small",variant:"ghost",...b}),...u,className:(0,n.c)("ODSTableMultipleActionsFlyout",`ODSTableMultipleActionsFlyout--alignment-${c}`,o)})})}));f.displayName="ODSTableMultipleActionsFlyout";let w=({className:e,type:l="label",label:a,spacer:b=!1,alignment:p="left",tagsProps:u,progressBarProps:m,actionProps:O,linkProps:h,tableMultipleActionsFlyoutProps:g,listData:S,contentSlot:D,elementType:x="td",...v})=>{let T=function(e){let{type:l,label:a,spacer:t,progressBarProps:n,linkProps:s}=e;if(!(t||"action"===l)){if("label"===l&&a)return a;if("progress"===l&&null!=n&&n.progress)return n.progress;if("link"===l&&null!=s&&s.label)return s.label}}({type:l,label:a,spacer:b,progressBarProps:m,linkProps:h});return(0,t.jsx)(x,{role:"cell",className:(0,n.c)("ODSTableRowCell",`ODSTableRowCell--type-${l}`,`ODSTableRowCell--alignment-${p}`,b&&"ODSTableRowCell--spacer",e),"data-content":T,...v,children:(0,t.jsxs)(o.O,{className:"ODSTableRowCell-Wrapper",children:["label"===l&&!b&&a?(0,t.jsx)(c.O,{as:"span",className:"ODSTableRowCell-Label",children:a}):null,"tags"!==l||b?null:(0,t.jsx)(o.O,{as:"ul",className:"ODSTableRowCell-list",children:null==u?void 0:u.map((e,l)=>(0,t.jsx)("li",{className:"ODSTableRowCell-listItem",children:(0,t.jsx)(r.O,{...e,type:e.type??"subtle"})},`ODSTableRowCell-listItem_${l}`))}),"action"===l&&O&&!b?(0,t.jsx)(s.O,{...O}):null,"progress"!==l||b?null:(0,t.jsx)(o.O,{className:"ODSTableRowCell-Text",children:(0,t.jsx)(d.O,{...m,className:(0,n.c)("ODSTableRowCell-OdsProgressBar",null==m?void 0:m.className)})}),"link"===l&&h&&!b?(0,t.jsx)(i.O,{type:"secondary",...h}

1):null,"slot"===l&&D&&!b&&(0,t.jsx)(o.O,{className:(0,n.c)("ODSTableRowCell-SlotContainer"),children:D}),"menu"===l&&(g||S)&&!b&&(0,t.jsx)(f,{alignment:p,items:S,...g})]})})};w.displayName="ODSTableRowCell";let y=({id:e,className:l,type:a="unsorted",label:s,alignment:i="left",sortable:r,showSortIndicator:d=!0,onSort:p,...u})=>{let m=()=>{let e=S["unsorted"===a?"sortedUp":"sortedUp"===a?"sortedDown":"unsorted"];null==p||p(e)},O=(0,b.useMemo)(()=>!1!==r&&!1!==d,[r,d]);return(0,t.jsx)("th",{className:(0,n.c)("ODSTableHeadCell",`ODSTableHeadCell--alignment-${i}`,`ODSTableHeadCell--type-${a}`,O&&"ODSTableHeadCell--sortable",l),role:"columnheader",id:e,onClick:O?()=>m():void 0,onKeyDown:O?e=>{(null==e?void 0:e.key)==="Enter"&&m()}:void 0,tabIndex:O?0:void 0,"aria-sort":"sortedUp"===a?"ascending":"sortedDown"===a?"descending":void 0,...u,children:(0,t.jsxs)(o.O,{className:"ODSTableHeadCell-Wrapper",children:[s?(0,t.jsx)(o.O,{className:"ODSTableHeadCell-LabelContainer",children:(0,t.jsx)(c.O,{as:"span",className:"ODSTableHeadCell-Label",children:s})}):null,O?(0,t.jsx)(h.O,{name:"sortedDown"===a?"sort-indicator-down-type-standard":"sortedUp"==a?"sort-indicator-up-type-standard":"sort-type-standard",className:"sortedDown"===a?"ODSTableHeadCell-SortIndicatorDown":"sortedUp"==a?"ODSTableHeadCell-SortIndicatorUp":"ODSTableHeadCell-Sort",tabIndex:void 0,"aria-hidden":!0}):null]})})};y.displayName="ODSTableHeadCell";let C=({className:e,children:l,expandHeaderText:a="Details",selectAllAriaLabel:s="Select all rows",checkboxProps:i,...o})=>{let{selectable:r,expandable:c}=(0,b.useContext)(D);return(0,t.jsxs)("tr",{className:(0,n.c)("ODSTableHeadRow",r&&"ODSTableHeadRow-selectable",c&&"ODSTableHeadRow-expandable",e),role:"row",...o,children:[r?(0,t.jsx)("th",{className:"ODSTableHeadRow-Checkbox-th",align:"center",children:(0,t.jsx)(O.O,{className:"ODSTableHeadRow-Checkbox",...i,inputProps:{"aria-label":s,...null==i?void 0:i.inputProps},size:"small"})}):null,l,c?(0,t.jsx)(y,{label:a,className:"ODSTableHeadRow-DropdownRowCell",showSortIndicator:!1,alignment:"right"}):null]})};C.displayName="ODSTableHeadRow";let N=({id:e,className:l,children:a,expandableSlot:i,expanded:o=!1,expandButtonProps:r,selectRowAriaLabel:c,onExpandedChange:d,checkboxProps:p,...u})=>{var m;let{selectable:h,expandable:g}=(0,b.useContext)(D),S=g?`expandable-slot_${e}`:void 0,x=o?"collapse-up-type-standard":"collapse-down-type-standard",v=o?"Collapse":"Expand",T=c??(m=u["aria-rowindex"],`Select row ${m}`);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("tr",{className:(0,n.c)("ODSTableRow",h&&"ODSTableRow-selectable",g&&"ODSTableRow-expandable",o&&"ODSTableRow-expanded",l),role:"row",id:e,...u,children:[h?(0,t.jsx)("td",{className:"ODSTableRow-Checkbox-td",align:"center",children:(0,t.jsx)(O.O,{className:"ODSTableRow-Checkbox",...p,inputProps:{"aria-label":T,...null==p?void 0:p.inputProps},size:"small"})}):null,a,g?(0,t.jsx)("td",{className:"ODSTableRow-DropdownRowCell",children:(0,t.jsx)(s.O,{"aria-label":v,...r,buttonIcon:x,buttonType:"iconOnly",size:"small",variant:"ghost",onClick:()=>null==d?void 0:d(!o),"aria-expanded":o,"aria-controls":S})}):null]}),i&&g&&o?(0,t.jsx)("tr",{role:"row",id:S,className:"ODSTableRow-Expandable-Row",children:(0,t.jsx)("td",{colSpan:1e3,className:"ODSTableRow-Expandable-Row-Cell",children:i})}):null]})};N.displayName="ODSTableRow";let j=({className:e,children:l,...a})=>(0,t.jsx)("thead",{role:"rowgroup",className:(0,n.c)("ODSTableHead",e),...a,children:l});j.displayName="ODSTableHead";let E=({className:e,children:l,...a})=>(0,t.jsx)("tbody",{role:"rowgroup",className:(0,n.c)("ODSTableBody",e),...a,children:l});E.displayName="ODSTableBody";let R=({className:e,children:l,...a})=>(0,t.jsx)("tfoot",{role:"rowgroup",className:(0,n.c)("ODSTableFooter",e),...a,children:l});R.displayName="ODSTableFooter";let P=(e,l)=>{if("update"===l.type)return k(e,l);throw Error()},k=(e,l)=>{let{selectable:a,expandable:t}=l;return{...e,selectable:!!a,expandable:!!t}},I=({className:e,children:l,wrapperProps:a,selectable:s=!1,expandable:i=!1,pagination:o=!1,page:r,pageSize:c,initialPage:d=0,initialPageSize:p,totalRows:u=0,pageSizeOptions:m=[10,25,50,100],paginationAriaLabel:O="Table pagination",onPaginationChange:h,paginationTableProps:S,...x})=>{let v=function(e){let{initialPageSize:l,pageSizeOptions:a}=e;return l||null!=a&&a.length?!l&&null!=a&&a.length?a[0]:l&&null!=a&&a.includes(l)?l:a?a[0]:10:10}({initialPageSize:p,pageSizeOptions:m}),[T,f]=(0,b.useReducer)(P,{selectable:s,expandable:i});return(0,b.useEffect)(()=>f({type:"update",selectable:s,expandable:i}),[s,i]),(0,t.jsx)(D.Provider,{value:{...T,dispatch:f},children:(0,t.jsxs)("div",{...a,className:(0,n.c)("ODSTable-Wrapper",null==a?void 0:a.className),children:[(0,t.jsx)("table",{className:(0,n.c)("ODSTable",e),role:"table",...x,children:l}),o?(0,t.jsx)("div",{className:"ODSTable-Pagination",children:(0,t.jsx)(g.O,{initialPageIndex:d,page:r,pageSize:c,showRowsPerPage:!0,onChange:e=>null==h?void 0:h(e),pageTotal:u,initialPageSize:v,pageSizeOptions:m,"aria-label":O,...S})}):null]})})}},83904:(e,l,a)=>{a.d(l,{O:()=>c});var t=a(51463),n=a(86671),s=a(58538),i=a(53757),o=a(87020);a(6735);var r=a(85398);a(49284);let c=({className:e,icon:l,label:a,type:c="basic",disabled:d=!1,onDismiss:b,...p})=>{let u=d?"basic":c;return(0,t.jsx)(s.O,{as:"button",...p,className:(0,n.c)("ODSTagDismissible",e),onClick:e=>null==b?void 0:b(a,e),"aria-label":p["aria-label"]??a,title:a,role:"option",disabled:d,children:(0,t.jsxs)(s.O,{className:(0,n.c)("ODSTagDismissible-DismissibleTag",`ODSTagDismissible-DismissibleTag--type-${u}`,{"ODSTagDismissible-DismissibleTag--disabled":d}),children:[l&&(0,t.jsx)(o.O,{focusable:!1,tabIndex:void 0,"aria-hidden":"true",name:l,className:(0,n.c)("ODSTagDismissible-Icon",`ODSTagDismissible-Icon--type-${u}`,{"ODSTagDismissible-Icon--disabled":d})}),a&&(0,t.jsx)(i.O,{as:"span",className:(0,n.c)("ODSTagDismissible-Label",`ODSTagDismissible-Label--type-${u}`,{"ODSTagDismissible-Label--disabled":d}),children:a}),(0,t.jsx)(r.O,{className:(0,n.c)("ODSTagDismissible-CloseButton",`ODSTagDismissible-CloseButton--type-${u}`),children:(0,t.jsx)(o.O,{"aria-hidden":"true",focusable:!1,tabIndex:void 0,name:"close-type-standard",className:(0,n.c)("ODSTagDismissible-Icon",`ODSTagDismissible-Icon--type-${u}`,d&&"ODSTagDismissible-Icon--disabled")})})]})})}},87422:(e,l,a)=>{a.d(l,{O:()=>c,a:()=>d});var t=a(51463),n=a(86671),s=a(6735),i=a(85398),o=a(95537),r=a(58538);a(54415);let c=({children:e,fallbackMessage:l="Error! This tab has no children!",size:a="small",variant:c="fill",divi

1der:d=!1,className:b,leftButtonProps:p,rightButtonProps:u,leftButtonContainerProps:m,rightButtonContainerProps:O,...h})=>{let g,S,D,x=-1!==(g=s.Children.toArray(e).findIndex(e=>e.props.selected))?g:0,[v,T]=(0,s.useState)(-1!==x?x:0),[f,w]=(0,s.useState)(!1),[y,C]=(0,s.useState)(!1),[N,j]=(0,s.useState)(!1),[E,R]=(0,s.useState)(!1),P=(0,s.useRef)(null),k=e=>{e!==v&&T(e)};s.useLayoutEffect(function(){if(null===P.current)return;let e=P.current,l=e.getBoundingClientRect(),a=()=>{let a=Array.from(e.children),t=a[v].getBoundingClientRect();t.left<l.left?(j(!0),R(!1),document.activeElement===a[v]&&I()):t.left+55>l.left+l.width?(j(!1),R(!0),document.activeElement===a[v]&&L()):(j(!1),R(!1))},t=()=>{C((null==e?void 0:e.scrollLeft)+(null==e?void 0:e.clientWidth)+55<e.scrollWidth)},n=()=>{t(),a()},s=()=>{e&&(w((null==e?void 0:e.scrollLeft)!==0&&(null==e?void 0:e.scrollLeft)!==void 0),t(),a())};return a(),t(),window.addEventListener("resize",n,{passive:!0}),e.addEventListener("scrollend",s,{passive:!0}),()=>{window.removeEventListener("resize",n),e.removeEventListener("scrollend",s)}},[P,v]);let I=()=>{if(null===P.current)return;let e=P.current,l=e.offsetLeft-100;l<0&&(l=0),e.scrollTo({left:l,behavior:"smooth"})},L=()=>

1{if(null===P.current)return;let e=P.current,l=e.scrollLeft+100;e.scrollTo({left:l,behavior:"smooth"})},z=(0,n.c)("ODSTabs",`ODSTabs--size-${a}`,`ODSTabs--variant-${c}`,b);return(0,t.jsxs)(i.O,{...h,className:z,children:[(0,t.jsxs)(r.O,{className:"ODSTabs-HorizontalScrollContainer",children:[(0,t.jsxs)(i.O,{className:(0,n.c)("ODSTabs-OdsTabBar",`ODSTabs-OdsTabBar--variant-${c}`),children:[d&&(0,t.jsx)("div",{className:"ODSTabs-DividerFrame"}),(0,t.jsx)("ul",{className:(0,n.c)("ODSTabs-ListContainer",`ODSTabs-ListContainer--variant-${c}`,`ODSTabs-ListContainer--size-${a}`),role:"tablist",ref:P,children:e&&(S=s.Children.toArray(e)).map((e,l)=>s.cloneElement(e,{onClick:e=>{var a,t;k(l),null==(t=(a=S[l].props).onClick)||t.call(a,e,l)},onKeyDown:e=>((e,l,a)=>{var t,n;let s=a.length,i=e=>{var a,t;let n=(l+e+s)%s;k(n);let i=null==(t=null==(a=document.activeElement)?void 0:a.parentElement)?void 0:t.children[n];null==i||i.focus()};switch(e.key){case"Enter":case" ":e.preventDefault(),k(l),e.target.blur();break;case"ArrowLeft":e.preventDefault(),i(-1);break;case"ArrowRight":e.preventDefault(),i(1)}null==(n=(t=a[l].props).onKeyDown)||n.call(t,e,l)})(e,l,S),index:l,selected:l===v,tabIndex:l===v?0:-1,size:a,variant:c}))})]}),f&&(0,t.jsx)(o.O,{size:a,overflowIcon:N,buttonProps:{buttonIcon:"navigation-left-type-standard",onClick:()=>I(),...p},className:"ODSTabs-ButtonLeft",...m}),y&&(0,t.jsx)(o.O,{size:a,overflowIcon:E,buttonProps:{buttonIcon:"navigation-right-type-standard",onClick:()=>L(),...u},className:"ODSTabs-ButtonRight",...O})]}),(0,t.jsx)("div",{className:"ODSTabs-Panel",role:"tabpanel",children:e&&(D=s.Children.toArray(e),void 0!==v&&D[v]?D[v].props.children:(0,t.jsx)("div",{children:l}))})]})};c.displayName="ODSTabs";let d={children:{description:"The child elements to be displayed inside the tabs.",control:{disable:!0}},fallbackMessage:{description:"The fallback message to be displayed if no tabs are available.",control:{type:"text"}},size:{description:'The size of the tabs. Can be "small" or "large". The default value is small',options:["small","large"],control:{type:"radio"}},variant:{description:'The variant of the tabs. Can be "hug" or "fill". The default value is fill',options:["hug","fill"],control:{type:"radio"}},divider:{description:"Whether to display a divider between the tabs and the content.",control:{type:"boolean"}},leftButtonProps:{description:"Left navigation button props.",control:null},rightButtonProps:{description:"Right navigation button props.",control:null},leftButtonContainerProps:{description:"Left navigation button container props.",control:null},rightButtonContainerProps:{description:"Right navigation button container props.",control:null}}},87864:(e,l,a)=>{a.d(l,{O:()=>r});var t=a(51463),n=a(86671),s=a(58538),i=a(53757),o=a(87020);a(6735),a(58811);let r=({className:e,type:l="standardOnBackground",label:a,ariaType:r,...c})=>(0,t.jsxs)(s.O,{className:(0,n.c)("ODSTags",`ODSTags--type-${l}`,e),as:"span",role:"presentation",...c,children:[("activeOnBackground"===l||"activeOnSubtle"===l)&&(0,t.jsx)(o.O,{name:"checkmark-type-bold",decorative:!0,className:(0,n.c)("ODSTags-Checkmark")}),a&&(0,t.jsxs)(i.O,{as:"span",className:(0,n.c)("ODSTags-Label"),children:[(0,t.jsx)("span",{className:"sr-only",children:`${r||l} \xa0`}),a]})]})}}]);