genesys-spark-components 4.49.0 → 4.51.0

package/dist/genesys-webcomponents/p-d5695b1e.js

@@ -0,0 +1 @@
+import{g as n}from"./p-2e827df1.js";const t={triggerEvents:"click",exclude:""};function c(c=t){return(o,i)=>{const{connectedCallback:r,disconnectedCallback:u}=o,s=new Map;o.connectedCallback=function(){const o=n(this);return function(n,c,o,i,r=t){const u=function(n){if(n.exclude)try{return Array.from(document.querySelectorAll(n.exclude))}catch(t){console.warn(`@OnClickOutside: Exclude: '${n.exclude}' will not be evaluated. Check your exclude selector syntax.`,t)}}(r),s=n=>{!function(n,t,c,e,o){const i=n.composedPath();i.includes(c)||function(n,t){return!(!n||!t)&&t.some((t=>n.includes(t)))}(i,o)||!c.isConnected||e.call(t,n)}(n,c,o,i,u)};n.set(c,s),e(r).forEach((n=>{window.addEventListener(n,s,!1)}))}(s,this,o,this[i],c),r&&r.call(this)},o.disconnectedCallback=function(){return function(n,c,o=t){const i=n.get(c);n.delete(c),e(o).forEach((n=>{window.removeEventListener(n,i,!1)}))}(s,this,c),u&&u.call(this)}}}function e(n){return n.triggerEvents?n.triggerEvents.split(",").map((n=>n.trim())):["click"]}export{c as O}

package/dist/genesys-webcomponents/{p-7d783fb6.entry.js → p-d62932e4.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as e,g as s}from"./p-2e827df1.js";import{a as i,c as a,o as r,f as p,s as c,b as d}from"./p-b43ee47b.js";import{O as h}from"./p-2d1bdeab.js";import{t as n}from"./p-78cc7f01.js";import{f as l}from"./p-9b0d3713.js";const u=class{constructor(e){t(this,e),this.guxdismiss=o(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(t){switch(t.key){case"Tab":case"Escape":this.dismiss()}}checkForClickOutside(t){const o=t.composedPath(),e=l(this.root,this.for),s=o.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||s||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=i(l(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=l(this.root,this.for);this.popupElement&&a(t,this.popupElement,{placement:this.position,middleware:[r(7),p(),c(),d({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:e,placement:s})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${o}px`});const i={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(e.arrow){const{x:t,y:o}=e.arrow;this.popupElement.setAttribute("data-placement",s),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[i]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){n(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e("div",{key:"4b22830c9691287be3680ce64fc6a96e2ab7b832",ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},e("div",{key:"7a59fc5797068f3f8aa48e91d831526371430f12",ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&e("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),e("div",{key:"42baad2bbe3cc57010d48ff284257e2382975f47",class:"gux-popover-content"},e("slot",{key:"bde18d210dcd0c3889ad55fdfc4e6a6e9b89f49a"})))}get root(){return s(this)}};(function(t,o,e,s){var i,a=arguments.length,r=a<3?o:null===s?s=Object.getOwnPropertyDescriptor(o,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,o,e,s);else for(var p=t.length-1;p>=0;p--)(i=t[p])&&(r=(a<3?i(r):a>3?i(o,e,r):i(o,e))||r);a>3&&r&&Object.defineProperty(o,e,r)})([h({triggerEvents:"mousedown"})],u.prototype,"checkForClickOutside",null),u.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{u as gux_popover_list}
+import{r as t,c as e,h as o,g as s}from"./p-2e827df1.js";import{a as i,c as a,o as r,f as p,s as h,b as c}from"./p-b43ee47b.js";import{O as d}from"./p-d5695b1e.js";import{t as n}from"./p-1146528b.js";import{f as l}from"./p-9b0d3713.js";const u=class{constructor(o){t(this,o),this.guxdismiss=e(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(t){switch(t.key){case"Tab":case"Escape":this.dismiss()}}checkForClickOutside(t){const e=t.composedPath(),o=l(this.root,this.for),s=e.includes(o);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||s||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=i(l(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=l(this.root,this.for);this.popupElement&&a(t,this.popupElement,{placement:this.position,middleware:[r(7),p(),h(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:o,placement:s})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${e}px`});const i={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(o.arrow){const{x:t,y:e}=o.arrow;this.popupElement.setAttribute("data-placement",s),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){n(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return o("div",{key:"424ec49a8df793d4e3ef4c68aaca9794c761248e",ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},o("div",{key:"3273e0f5b407ebecfe67dff9d44340d83e15cf24",ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&o("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),o("div",{key:"a3a3ef85f2a84a285d68f94def1e8a4bb72a009e",class:"gux-popover-content"},o("slot",{key:"36427e39777c5734ebcfffe4812172ff755661ea"})))}get root(){return s(this)}};(function(t,e,o,s){var i,a=arguments.length,r=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,s);else for(var p=t.length-1;p>=0;p--)(i=t[p])&&(r=(a<3?i(r):a>3?i(e,o,r):i(e,o))||r);a>3&&r&&Object.defineProperty(e,o,r)})([d({triggerEvents:"mousedown"})],u.prototype,"checkForClickOutside",null),u.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{u as gux_popover_list}

package/dist/genesys-webcomponents/{p-2dbb8c2b.entry.js → p-d8e80a12.entry.js}

@@ -1 +1 @@
-import{r as t,d as s,w as i,h as o,g as e}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as l}from"./p-0367930a.js";import{O as a}from"./p-01471ba0.js";import"./p-4202e9f2.js";const c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const n=class{constructor(s){t(this,s),this.currentScrollIndex=0,this.focused=0,this.tabTriggers=void 0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{i?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onMutation(){this.setTabTriggers()}async guxSetActive(t){this.tabTriggers.forEach(((s,i)=>{const o=s.tabId===t;s.guxSetActive(o),o&&(this.focused=i)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{this.focused===s||i||t.querySelector("button").setAttribute("tabindex","-1")}))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,i=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),i!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=i),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section");"forward"===t?this.focused<this.tabTriggers.length-1?(i((()=>{this.hasHorizontalScrollbar?this.scrollRight():this.scrollDown()})),this.focusTab(this.focused+1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(i((()=>{this.hasHorizontalScrollbar?this.scrollLeft():this.scrollUp()})),this.focusTab(this.focused-1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await l(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),r((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,i=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}else{const s=t.scrollTop,i=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}}getTabLength(){var t;return null===(t=this.tabTriggers[this.currentScrollIndex])||void 0===t?void 0:t.scrollWidth}scrollLeft(){i((()=>{this.currentScrollIndex=this.isScrolledToEnd?this.tabTriggers.length-1:this.currentScrollIndex-1,this.root.querySelector(".gux-scrollable-section").scrollBy(-this.getTabLength(),0)}))}scrollRight(){i((()=>{this.isScrolledToBeginning&&(this.currentScrollIndex=0),this.root.querySelector(".gux-scrollable-section").scrollBy(this.getTabLength(),0),this.currentScrollIndex=this.currentScrollIndex+1}))}scrollUp(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-this.tabTriggers[this.focused].clientHeight)}))}scrollDown(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,this.tabTriggers[this.focused].clientHeight)}))}render(){return o("div",{key:"e2ec14763d7b60d5ff2ad873ef216984232d4027",class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),o("div",{key:"f1b0b255a208c86ba27f7077f054a841083c58cb",role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},o("slot",{key:"aeb2d6664af4eb0bc799a99ee043d789f4e648fe"})),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return o("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?o("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},o("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"custom/chevron-left-small-regular";case"scrollRight":return"custom/chevron-right-small-regular";case"scrollUp":return"custom/chevron-up-small-regular";case"scrollDown":return"custom/chevron-down-small-regular"}}get root(){return e(this)}};(function(t,s,i,o){var e,r=arguments.length,l=r<3?s:null===o?o=Object.getOwnPropertyDescriptor(s,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,s,i,o);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(l=(r<3?e(l):r>3?e(s,i,l):e(s,i))||l);r>3&&l&&Object.defineProperty(s,i,l)})([a({childList:!0,subtree:!0})],n.prototype,"onMutation",null),n.style="gux-tabs[orientation=vertical]{height:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;width:var(--gse-ui-tabs-set-vertical-width);max-width:160px;height:100%;margin-right:var(--gse-ui-tabs-set-vertical-marginRight);border-right:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{height:var(--gse-ui-tabs-set-horizontal-height);margin-bottom:var(--gse-ui-tabs-set-horizontal-marginBottom);border-bottom:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow:hidden hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";export{n as gux_tab_list}
+import{r as t,d as s,w as i,h as o,g as e}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as l}from"./p-0367930a.js";import{O as a}from"./p-01471ba0.js";import"./p-4202e9f2.js";const c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const n=class{constructor(s){t(this,s),this.currentScrollIndex=0,this.focused=0,this.tabTriggers=void 0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{i?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onMutation(){this.setTabTriggers()}async guxSetActive(t){this.tabTriggers.forEach(((s,i)=>{const o=s.tabId===t;s.guxSetActive(o),o&&(this.focused=i)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{this.focused===s||i||t.querySelector("button").setAttribute("tabindex","-1")}))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,i=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),i!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=i),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section");"forward"===t?this.focused<this.tabTriggers.length-1?(i((()=>{this.hasHorizontalScrollbar?this.scrollRight():this.scrollDown()})),this.focusTab(this.focused+1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(i((()=>{this.hasHorizontalScrollbar?this.scrollLeft():this.scrollUp()})),this.focusTab(this.focused-1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await l(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),r((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,i=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}else{const s=t.scrollTop,i=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}}getTabLength(){var t;return null===(t=this.tabTriggers[this.currentScrollIndex])||void 0===t?void 0:t.scrollWidth}scrollLeft(){i((()=>{this.currentScrollIndex=this.isScrolledToEnd?this.tabTriggers.length-1:this.currentScrollIndex-1,this.root.querySelector(".gux-scrollable-section").scrollBy(-this.getTabLength(),0)}))}scrollRight(){i((()=>{this.isScrolledToBeginning&&(this.currentScrollIndex=0),this.root.querySelector(".gux-scrollable-section").scrollBy(this.getTabLength(),0),this.currentScrollIndex=this.currentScrollIndex+1}))}scrollUp(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-this.tabTriggers[this.focused].clientHeight)}))}scrollDown(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,this.tabTriggers[this.focused].clientHeight)}))}render(){return o("div",{key:"39c11953bfb55bdc833468bdba8b24ee05013b5e",class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),o("div",{key:"d01a78ab5f6f9080b3b373183bbde61a6f74656e",role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},o("slot",{key:"97039e9a3679f4ca15d483e248b07df3e44df295"})),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return o("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?o("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},o("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"custom/chevron-left-small-regular";case"scrollRight":return"custom/chevron-right-small-regular";case"scrollUp":return"custom/chevron-up-small-regular";case"scrollDown":return"custom/chevron-down-small-regular"}}get root(){return e(this)}};(function(t,s,i,o){var e,r=arguments.length,l=r<3?s:null===o?o=Object.getOwnPropertyDescriptor(s,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,s,i,o);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(l=(r<3?e(l):r>3?e(s,i,l):e(s,i))||l);r>3&&l&&Object.defineProperty(s,i,l)})([a({childList:!0,subtree:!0})],n.prototype,"onMutation",null),n.style="gux-tabs[orientation=vertical]{height:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;width:var(--gse-ui-tabs-set-vertical-width);max-width:160px;height:100%;margin-right:var(--gse-ui-tabs-set-vertical-marginRight);border-right:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{height:var(--gse-ui-tabs-set-horizontal-height);margin-bottom:var(--gse-ui-tabs-set-horizontal-marginBottom);border-bottom:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow:hidden hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";export{n as gux_tab_list}