genesys-spark-components 3.48.2 → 3.48.3

package/dist/genesys-webcomponents/{p-e8701e05.entry.js → p-ba367699.entry.js}

@@ -1 +1 @@
-import{r as t,d as s,w as o,h as i,g as l}from"./p-7a1d01cb.js";import{a as e}from"./p-091f51f6.js";import{b as r}from"./p-0d3c1ee5.js";import{O as c}from"./p-939b6e89.js";import"./p-8a133b9b.js";const a={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const n=class{constructor(s){t(this,s),this.focused=0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,s)=>{await t.guxGetActive()?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,o)=>{const i=s.tabId===t;s.guxSetActive(i),i&&(this.focused=o)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,s)=>{const o=await t.guxGetActive();this.focused===s||o||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,o=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),o!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=o),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section"),i=this.root.querySelectorAll("gux-tab")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(i.clientWidth,0):s.scrollBy(0,i.clientHeight)})),this.focusTab(this.focused+1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-i.clientWidth,0):s.scrollBy(0,-i.clientHeight)})),this.focusTab(this.focused-1)):(o((()=>{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 r(this.root,a,"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}),e((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,o=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}else{const s=t.scrollTop,o=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}}scrollLeft(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}render(){return i("div",{class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),i("div",{role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},i("slot",null)),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return i("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?i("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},i("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"chevron-small-left";case"scrollRight":return"chevron-small-right";case"scrollUp":return"chevron-small-up";case"scrollDown":return"chevron-small-down"}}get root(){return l(this)}};(function(t,s,o,i){var l,e=arguments.length,r=e<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,o,i);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(r=(e<3?l(r):e>3?l(s,o,r):l(s,o))||r);e>3&&r&&Object.defineProperty(s,o,r)})([c({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:160px;max-width:160px;height:100%;margin-right:16px;border-right:1px solid #d7dce5}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:40px;margin-bottom:16px;border-bottom:1px solid #d7dce5}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-x:hidden;overflow-y:hidden;background-color:#fff}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:#c8cfda;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 o,h as i,g as l}from"./p-7a1d01cb.js";import{a as e}from"./p-091f51f6.js";import{b as r}from"./p-ec983b53.js";import{O as c}from"./p-939b6e89.js";import"./p-8a133b9b.js";const a={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const n=class{constructor(s){t(this,s),this.focused=0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,s)=>{await t.guxGetActive()?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,o)=>{const i=s.tabId===t;s.guxSetActive(i),i&&(this.focused=o)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,s)=>{const o=await t.guxGetActive();this.focused===s||o||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,o=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),o!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=o),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section"),i=this.root.querySelectorAll("gux-tab")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(i.clientWidth,0):s.scrollBy(0,i.clientHeight)})),this.focusTab(this.focused+1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-i.clientWidth,0):s.scrollBy(0,-i.clientHeight)})),this.focusTab(this.focused-1)):(o((()=>{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 r(this.root,a,"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}),e((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,o=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}else{const s=t.scrollTop,o=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}}scrollLeft(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}render(){return i("div",{class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),i("div",{role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},i("slot",null)),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return i("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?i("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},i("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"chevron-small-left";case"scrollRight":return"chevron-small-right";case"scrollUp":return"chevron-small-up";case"scrollDown":return"chevron-small-down"}}get root(){return l(this)}};(function(t,s,o,i){var l,e=arguments.length,r=e<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,o,i);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(r=(e<3?l(r):e>3?l(s,o,r):l(s,o))||r);e>3&&r&&Object.defineProperty(s,o,r)})([c({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:160px;max-width:160px;height:100%;margin-right:16px;border-right:1px solid #d7dce5}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:40px;margin-bottom:16px;border-bottom:1px solid #d7dce5}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-x:hidden;overflow-y:hidden;background-color:#fff}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:#c8cfda;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}

package/dist/genesys-webcomponents/{p-4d2f3527.entry.js → p-bd3910c8.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as o,g as n}from"./p-7a1d01cb.js";import{t as a}from"./p-d8e265fd.js";import{l as s}from"./p-45fec011.js";const d=class{constructor(e){t(this,e),this.accent="secondary"}validateSlotContent(){let t=this.root.children[0],e=t.tagName;if("SLOT"===e&&(t=t.assignedNodes()[0],e=t.tagName),"BUTTON"!==e){if("INPUT"===e){const e=t.getAttribute("type");if("button"===e||"submit"===e)return}s("gux-button-slot",'You must slot a button, input[type="button"] or input[type="submit"] element.')}}componentWillLoad(){a(this.root),this.validateSlotContent()}render(){return e(o,{accent:this.accent},e("slot",null))}get root(){return n(this)}};d.style=":host{display:inline-block;min-width:32px;pointer-events:none}::slotted(input[type='button']),::slotted(input[type='submit']),::slotted(button){width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}::slotted(input[type='button'][disabled]),::slotted(input[type='submit'][disabled]),::slotted(button[disabled]){color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}::slotted(input[type='button']:focus),::slotted(input[type='submit']:focus),::slotted(button:focus){outline:none}::slotted(input[type='button']:focus:enabled),::slotted(input[type='submit']:focus:enabled),::slotted(button:focus:enabled){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='button']:hover:enabled),::slotted(input[type='submit']:hover:enabled),::slotted(button:hover:enabled){background-color:#d7dce5}::slotted(input[type='button']:active:enabled),::slotted(input[type='submit']:active:enabled),::slotted(button:active:enabled){background-color:#c8cfda}:host([accent='primary']) ::slotted(input[type='button']),:host([accent='primary']) ::slotted(input[type='submit']),:host([accent='primary']) ::slotted(button){color:#fdfdfd;background-color:#2a60c8}:host([accent='primary']) ::slotted(input[type='button'][disabled]),:host([accent='primary']) ::slotted(input[type='submit'][disabled]),:host([accent='primary']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}:host([accent='primary']) ::slotted(input[type='button']:hover:enabled),:host([accent='primary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='primary']) ::slotted(button:hover:enabled){background-color:#2754ac}:host([accent='primary']) ::slotted(input[type='button']:active:enabled),:host([accent='primary']) ::slotted(input[type='submit']:active:enabled),:host([accent='primary']) ::slotted(button:active:enabled){background-color:#23478f}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button'][disabled]),:host([accent='tertiary']) ::slotted(input[type='submit'][disabled]),:host([accent='tertiary']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}:host([accent='tertiary']) ::slotted(input[type='button']:hover:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='tertiary']) ::slotted(button:hover:enabled){color:#fdfdfd;background-color:#2754ac}:host([accent='tertiary']) ::slotted(input[type='button']:active:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:active:enabled),:host([accent='tertiary']) ::slotted(button:active:enabled){color:#fdfdfd;background-color:#23478f}:host([accent='ghost']) ::slotted(input[type='button']),:host([accent='ghost']) ::slotted(input[type='submit']),:host([accent='ghost']) ::slotted(button){color:#2a60c8;background:none;border:none}:host([accent='ghost']) ::slotted(input[type='button'][disabled]),:host([accent='ghost']) ::slotted(input[type='submit'][disabled]),:host([accent='ghost']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5)}:host([accent='ghost']) ::slotted(input[type='button']:hover:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:hover:enabled),:host([accent='ghost']) ::slotted(button:hover:enabled){color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}:host([accent='ghost']) ::slotted(input[type='button']:active:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:active:enabled),:host([accent='ghost']) ::slotted(button:active:enabled){color:#2754ac;background-color:#deeaff}:host([accent='danger']) ::slotted(input[type='button']),:host([accent='danger']) ::slotted(input[type='submit']),:host([accent='danger']) ::slotted(button){color:#fdfdfd;background-color:#ea0b0b}:host([accent='danger']) ::slotted(input[type='button'][disabled]),:host([accent='danger']) ::slotted(input[type='submit'][disabled]),:host([accent='danger']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(234, 11, 11, 0.5)}:host([accent='danger']) ::slotted(input[type='button']:hover:enabled),:host([accent='danger']) ::slotted(input[type='submit']:hover:enabled),:host([accent='danger']) ::slotted(button:hover:enabled){background-color:#cc0a0a}:host([accent='danger']) ::slotted(input[type='button']:active:enabled),:host([accent='danger']) ::slotted(input[type='submit']:active:enabled),:host([accent='danger']) ::slotted(button:active:enabled){background-color:#ad0808}";export{d as gux_button_slot_beta}
+import{r as t,h as e,H as o,g as n}from"./p-7a1d01cb.js";import{t as a}from"./p-92cb002f.js";import{l as s}from"./p-45fec011.js";const d=class{constructor(e){t(this,e),this.accent="secondary"}validateSlotContent(){let t=this.root.children[0],e=t.tagName;if("SLOT"===e&&(t=t.assignedNodes()[0],e=t.tagName),"BUTTON"!==e){if("INPUT"===e){const e=t.getAttribute("type");if("button"===e||"submit"===e)return}s("gux-button-slot",'You must slot a button, input[type="button"] or input[type="submit"] element.')}}componentWillLoad(){a(this.root),this.validateSlotContent()}render(){return e(o,{accent:this.accent},e("slot",null))}get root(){return n(this)}};d.style=":host{display:inline-block;min-width:32px;pointer-events:none}::slotted(input[type='button']),::slotted(input[type='submit']),::slotted(button){width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}::slotted(input[type='button'][disabled]),::slotted(input[type='submit'][disabled]),::slotted(button[disabled]){color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}::slotted(input[type='button']:focus),::slotted(input[type='submit']:focus),::slotted(button:focus){outline:none}::slotted(input[type='button']:focus:enabled),::slotted(input[type='submit']:focus:enabled),::slotted(button:focus:enabled){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='button']:hover:enabled),::slotted(input[type='submit']:hover:enabled),::slotted(button:hover:enabled){background-color:#d7dce5}::slotted(input[type='button']:active:enabled),::slotted(input[type='submit']:active:enabled),::slotted(button:active:enabled){background-color:#c8cfda}:host([accent='primary']) ::slotted(input[type='button']),:host([accent='primary']) ::slotted(input[type='submit']),:host([accent='primary']) ::slotted(button){color:#fdfdfd;background-color:#2a60c8}:host([accent='primary']) ::slotted(input[type='button'][disabled]),:host([accent='primary']) ::slotted(input[type='submit'][disabled]),:host([accent='primary']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}:host([accent='primary']) ::slotted(input[type='button']:hover:enabled),:host([accent='primary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='primary']) ::slotted(button:hover:enabled){background-color:#2754ac}:host([accent='primary']) ::slotted(input[type='button']:active:enabled),:host([accent='primary']) ::slotted(input[type='submit']:active:enabled),:host([accent='primary']) ::slotted(button:active:enabled){background-color:#23478f}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button'][disabled]),:host([accent='tertiary']) ::slotted(input[type='submit'][disabled]),:host([accent='tertiary']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}:host([accent='tertiary']) ::slotted(input[type='button']:hover:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='tertiary']) ::slotted(button:hover:enabled){color:#fdfdfd;background-color:#2754ac}:host([accent='tertiary']) ::slotted(input[type='button']:active:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:active:enabled),:host([accent='tertiary']) ::slotted(button:active:enabled){color:#fdfdfd;background-color:#23478f}:host([accent='ghost']) ::slotted(input[type='button']),:host([accent='ghost']) ::slotted(input[type='submit']),:host([accent='ghost']) ::slotted(button){color:#2a60c8;background:none;border:none}:host([accent='ghost']) ::slotted(input[type='button'][disabled]),:host([accent='ghost']) ::slotted(input[type='submit'][disabled]),:host([accent='ghost']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5)}:host([accent='ghost']) ::slotted(input[type='button']:hover:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:hover:enabled),:host([accent='ghost']) ::slotted(button:hover:enabled){color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}:host([accent='ghost']) ::slotted(input[type='button']:active:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:active:enabled),:host([accent='ghost']) ::slotted(button:active:enabled){color:#2754ac;background-color:#deeaff}:host([accent='danger']) ::slotted(input[type='button']),:host([accent='danger']) ::slotted(input[type='submit']),:host([accent='danger']) ::slotted(button){color:#fdfdfd;background-color:#ea0b0b}:host([accent='danger']) ::slotted(input[type='button'][disabled]),:host([accent='danger']) ::slotted(input[type='submit'][disabled]),:host([accent='danger']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(234, 11, 11, 0.5)}:host([accent='danger']) ::slotted(input[type='button']:hover:enabled),:host([accent='danger']) ::slotted(input[type='submit']:hover:enabled),:host([accent='danger']) ::slotted(button:hover:enabled){background-color:#cc0a0a}:host([accent='danger']) ::slotted(input[type='button']:active:enabled),:host([accent='danger']) ::slotted(input[type='submit']:active:enabled),:host([accent='danger']) ::slotted(button:active:enabled){background-color:#ad0808}";export{d as gux_button_slot_beta}

package/dist/genesys-webcomponents/{p-b301464d.entry.js → p-bf10e361.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,d as o,w as a,h as s,g as n}from"./p-7a1d01cb.js";import{S as e}from"./p-020b6498.js";import{O as c}from"./p-939b6e89.js";import{e as r}from"./p-29e8b184.js";import{a as l}from"./p-091f51f6.js";import{b}from"./p-0d3c1ee5.js";import{t as h}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const d=class{constructor(o){t(this,o),this.newTab=i(this,"newTab",7),this.sortChanged=i(this,"sortChanged",7),this.showNewTabButton=!0,this.tabLimit=1/0,this.allowSort=!0,this.focused=0,this.disableAddTabButton=!1,this.hasScrollbar=!1,this.keyboardSort=!1,this.initialSortIndex=0,this.ariaLiveAlert=""}onFocusin(t){this.allowSort&&r(".gux-scrollable-section",t)&&!this.keyboardSort&&(this.ariaLiveAlert="toggleSort")}onFocusout(t){this.root.querySelector(".gux-scrollable-section").contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,i)=>{await t.guxGetActive()?this.focused=i:(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))}))}onMutation(){this.setTabTriggers()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":if(t.preventDefault(),this.keyboardSort&&!r(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),o=Array.prototype.indexOf.call(i,this.sortTarget);let a;a=o===i.length-1?i[0]:i[o+2],t.insertBefore(this.sortTarget,a),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else r(".gux-tab-options-button",t)||r(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":if(t.preventDefault(),this.keyboardSort&&!r(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),o=Array.prototype.indexOf.call(i,this.sortTarget);t.insertBefore(this.sortTarget,i[o-1]||null),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else r(".gux-tab-options-button",t)||r(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.keyboardSort&&this.allowSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled",this.root.querySelector(".gux-scrollable-section").insertBefore(this.sortTarget,this.tabTriggers[this.initialSortIndex]||null)),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.initialSortIndex),l((()=>{this.focusTab(this.initialSortIndex)}));break;case"Enter":this.keyboardSort&&(t.preventDefault(),this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})));break;case"Tab":this.keyboardSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled");break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onKeyup(t){switch(t.key){case" ":r(".gux-tab",t)&&!r(".gux-tab-options-button",t)&&!r("gux-popover-list",t)&&this.allowSort&&(t.preventDefault(),!0===this.keyboardSort?(this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)):(this.keyboardSort=!0,this.sortTarget=t.target.parentNode.parentNode,this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.initialSortIndex=i)})),this.ariaLiveAlert="sortModeOn"))}}async guxSetActive(t){this.tabTriggers.forEach(((i,o)=>{const a=i.tabId===t;i.guxSetActive(a),a&&(this.focused=o)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,i)=>{const o=await t.guxGetActive();this.focused===i||o||(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].querySelector(".gux-tab-options-button")&&this.tabTriggers[this.focused].querySelector(".gux-tab-options-button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}createSortable(){this.sortableInstance=new e(this.root.querySelector(".gux-scrollable-section"),{animation:250,draggable:"gux-tab-advanced",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-advanced")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}checkForScrollbarHideOrShow(){o((()=>{const t=this.root.querySelector(".gux-scrollable-section"),i=t.clientWidth<t.scrollWidth;i!==this.hasScrollbar&&(this.hasScrollbar=i)}))}handleKeyboardScroll(t){const i=this.root.querySelector(".gux-scrollable-section"),o=this.root.querySelectorAll("gux-tab-advanced")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(a((()=>{this.hasScrollbar&&i.scrollBy(o.clientWidth,0)})),this.focusTab(this.focused+1)):(a((()=>{this.hasScrollbar&&i.scrollBy(-i.scrollWidth,0)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(a((()=>{this.hasScrollbar&&i.scrollBy(-o.clientWidth,0)})),this.focusTab(this.focused-1)):(a((()=>{this.hasScrollbar&&i.scrollBy(i.scrollWidth,0)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await b(this.root,h,"gux-tabs-advanced")}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!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}),l((()=>{this.checkForScrollbarHideOrShow()}),500)}scrollLeft(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}componentWillRender(){const t=Array.from(this.root.querySelectorAll("gux-tab-advanced"));this.disableAddTabButton=t.length>=this.tabLimit}render(){return[s("span",{class:"gux-sr-only gux-aria-live-region","aria-live":"polite"},this.ariaLiveAlert?this.i18n(this.ariaLiveAlert):""),s("div",{class:"gux-tab-container"},s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollLeft":"scrollUp")),s("div",{role:"tablist",class:"gux-scrollable-section "+(this.keyboardSort?"gux-tab-sorting":""),"aria-owns":this.triggerIds},s("slot",null)),s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollRight":"scrollDown"),this.showNewTabButton?s((t=>s("button",{title:this.disableAddTabButton?this.i18n("disableNewTab"):this.root.querySelector('[slot="add-tab"]')?this.root.querySelector('[slot="add-tab"]').textContent.trim():this.i18n("createNewTab"),class:"add-tab-button",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},s("slot",{name:"add-tab"},s("gux-icon",{"icon-name":"add",decorative:!0})))),{onClick:()=>this.newTab.emit()}):null))]}renderScrollButton(t){return s("div",{class:"gux-scroll-button-container"},this.hasScrollbar?s("button",{tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},s("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}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"chevron-left";case"scrollRight":return"chevron-right";case"scrollUp":return"chevron-up";case"scrollDown":return"chevron-down"}}get root(){return n(this)}};(function(t,i,o,a){var s,n=arguments.length,e=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,i,o,a);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(e=(n<3?s(e):n>3?s(i,o,e):s(i,o))||e);n>3&&e&&Object.defineProperty(i,o,e)})([c({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style="gux-tab-advanced-list .gux-tab-container{display:flex;align-items:flex-end;width:100%;height:50px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;background-color:#f6f7f9;border-bottom:1px solid #d7dce5;border-radius:4px 4px 0 0}gux-tab-advanced-list .gux-tab-container .action-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button{min-width:35px;height:50px;padding:0;margin-left:2px;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab']{display:inline-flex;align-items:center;padding:0 12px;white-space:nowrap;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab'] gux-icon{padding-right:8px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:disabled{opacity:0.5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus{outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus-visible{border-radius:5px;outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section{display:flex;align-items:flex-end;height:50px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tab-advanced-list .gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{d as gux_tab_advanced_list}
+import{r as t,c as i,d as o,w as a,h as s,g as n}from"./p-7a1d01cb.js";import{S as e}from"./p-020b6498.js";import{O as c}from"./p-939b6e89.js";import{e as r}from"./p-29e8b184.js";import{a as l}from"./p-091f51f6.js";import{b}from"./p-ec983b53.js";import{t as h}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const u=class{constructor(o){t(this,o),this.newTab=i(this,"newTab",7),this.sortChanged=i(this,"sortChanged",7),this.showNewTabButton=!0,this.tabLimit=1/0,this.allowSort=!0,this.focused=0,this.disableAddTabButton=!1,this.hasScrollbar=!1,this.keyboardSort=!1,this.initialSortIndex=0,this.ariaLiveAlert=""}onFocusin(t){this.allowSort&&r(".gux-scrollable-section",t)&&!this.keyboardSort&&(this.ariaLiveAlert="toggleSort")}onFocusout(t){this.root.querySelector(".gux-scrollable-section").contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,i)=>{await t.guxGetActive()?this.focused=i:(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))}))}onMutation(){this.setTabTriggers()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":if(t.preventDefault(),this.keyboardSort&&!r(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),o=Array.prototype.indexOf.call(i,this.sortTarget);let a;a=o===i.length-1?i[0]:i[o+2],t.insertBefore(this.sortTarget,a),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else r(".gux-tab-options-button",t)||r(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":if(t.preventDefault(),this.keyboardSort&&!r(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),o=Array.prototype.indexOf.call(i,this.sortTarget);t.insertBefore(this.sortTarget,i[o-1]||null),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else r(".gux-tab-options-button",t)||r(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.keyboardSort&&this.allowSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled",this.root.querySelector(".gux-scrollable-section").insertBefore(this.sortTarget,this.tabTriggers[this.initialSortIndex]||null)),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.initialSortIndex),l((()=>{this.focusTab(this.initialSortIndex)}));break;case"Enter":this.keyboardSort&&(t.preventDefault(),this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})));break;case"Tab":this.keyboardSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled");break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onKeyup(t){switch(t.key){case" ":r(".gux-tab",t)&&!r(".gux-tab-options-button",t)&&!r("gux-popover-list",t)&&this.allowSort&&(t.preventDefault(),!0===this.keyboardSort?(this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)):(this.keyboardSort=!0,this.sortTarget=t.target.parentNode.parentNode,this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.initialSortIndex=i)})),this.ariaLiveAlert="sortModeOn"))}}async guxSetActive(t){this.tabTriggers.forEach(((i,o)=>{const a=i.tabId===t;i.guxSetActive(a),a&&(this.focused=o)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,i)=>{const o=await t.guxGetActive();this.focused===i||o||(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].querySelector(".gux-tab-options-button")&&this.tabTriggers[this.focused].querySelector(".gux-tab-options-button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}createSortable(){this.sortableInstance=new e(this.root.querySelector(".gux-scrollable-section"),{animation:250,draggable:"gux-tab-advanced",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-advanced")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}checkForScrollbarHideOrShow(){o((()=>{const t=this.root.querySelector(".gux-scrollable-section"),i=t.clientWidth<t.scrollWidth;i!==this.hasScrollbar&&(this.hasScrollbar=i)}))}handleKeyboardScroll(t){const i=this.root.querySelector(".gux-scrollable-section"),o=this.root.querySelectorAll("gux-tab-advanced")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(a((()=>{this.hasScrollbar&&i.scrollBy(o.clientWidth,0)})),this.focusTab(this.focused+1)):(a((()=>{this.hasScrollbar&&i.scrollBy(-i.scrollWidth,0)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(a((()=>{this.hasScrollbar&&i.scrollBy(-o.clientWidth,0)})),this.focusTab(this.focused-1)):(a((()=>{this.hasScrollbar&&i.scrollBy(i.scrollWidth,0)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await b(this.root,h,"gux-tabs-advanced")}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!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}),l((()=>{this.checkForScrollbarHideOrShow()}),500)}scrollLeft(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}componentWillRender(){const t=Array.from(this.root.querySelectorAll("gux-tab-advanced"));this.disableAddTabButton=t.length>=this.tabLimit}render(){return[s("span",{class:"gux-sr-only gux-aria-live-region","aria-live":"polite"},this.ariaLiveAlert?this.i18n(this.ariaLiveAlert):""),s("div",{class:"gux-tab-container"},s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollLeft":"scrollUp")),s("div",{role:"tablist",class:"gux-scrollable-section "+(this.keyboardSort?"gux-tab-sorting":""),"aria-owns":this.triggerIds},s("slot",null)),s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollRight":"scrollDown"),this.showNewTabButton?s((t=>s("button",{title:this.disableAddTabButton?this.i18n("disableNewTab"):this.root.querySelector('[slot="add-tab"]')?this.root.querySelector('[slot="add-tab"]').textContent.trim():this.i18n("createNewTab"),class:"add-tab-button",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},s("slot",{name:"add-tab"},s("gux-icon",{"icon-name":"add",decorative:!0})))),{onClick:()=>this.newTab.emit()}):null))]}renderScrollButton(t){return s("div",{class:"gux-scroll-button-container"},this.hasScrollbar?s("button",{tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},s("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}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"chevron-left";case"scrollRight":return"chevron-right";case"scrollUp":return"chevron-up";case"scrollDown":return"chevron-down"}}get root(){return n(this)}};(function(t,i,o,a){var s,n=arguments.length,e=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,i,o,a);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(e=(n<3?s(e):n>3?s(i,o,e):s(i,o))||e);n>3&&e&&Object.defineProperty(i,o,e)})([c({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.style="gux-tab-advanced-list .gux-tab-container{display:flex;align-items:flex-end;width:100%;height:50px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;background-color:#f6f7f9;border-bottom:1px solid #d7dce5;border-radius:4px 4px 0 0}gux-tab-advanced-list .gux-tab-container .action-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button{min-width:35px;height:50px;padding:0;margin-left:2px;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab']{display:inline-flex;align-items:center;padding:0 12px;white-space:nowrap;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab'] gux-icon{padding-right:8px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:disabled{opacity:0.5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus{outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus-visible{border-radius:5px;outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section{display:flex;align-items:flex-end;height:50px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tab-advanced-list .gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{u as gux_tab_advanced_list}

package/dist/genesys-webcomponents/{p-519cbb0f.entry.js → p-c319d37f.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as n,g as a}from"./p-7a1d01cb.js";import{a as s}from"./p-091f51f6.js";import{a as i,c as r,b as o,f as d}from"./p-4f26144b.js";import{t as h}from"./p-d8e265fd.js";import{g as l,a as c}from"./p-0d3c1ee5.js";import{c as u}from"./p-251befef.js";import"./p-8a133b9b.js";function g(t,e){x(t,"remove",e)}function x(t=[],e,n){const a=[].concat(t);for(const t of a)t.classList[e](n)}function b(t,e){return u(t.toLocaleDateString(e,{year:"numeric",month:"long"}))}const f=class{constructor(n){t(this,n),this.input=e(this,"input",7),this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.previewValue=new Date,this.selectingDate=null,this.locale="en"}emitInput(){this.input.emit(this.value)}async setValue(t){if("range"===this.mode&&t instanceof Array){const[e,n]=t;this.value=i(e,n),this.previewValue=r(this.value)[0]}else{const e=t;this.value=o(e),this.previewValue=e}}async focusPreviewDate(){const t=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);t&&t.focus()}async resetCalendarView(t){this.previewValue=t}incrementPreviewDateByMonth(t){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+t,15,0,0,0),s((()=>{this.focusPreviewDate()}))}async setValueAndEmit(t){await this.setValue(t),this.emitInput()}outOfBounds(t){return""!==this.maxDate&&d(this.maxDate)<t||""!==this.minDate&&d(this.minDate)>t}generateDatesFrom(t,e,n){const a=[],s=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0);for(let e=0;e<n;e++){const e=new Date(s.getFullYear(),s.getMonth(),s.getDate(),0,0,0,0),n=[];let i=!1,o=!1;e.getMonth()!==t&&(n.push("gux-not-in-month"),i=!0,"range"===this.mode&&(n.push("gux-hidden"),o=!0)),this.outOfBounds(e)&&(n.push("gux-disabled"),i=!0);let h=!1;if("range"===this.mode){const[t,a]=r(this.value),s=t.getTime(),i=a.getTime();e.getTime()===s?(h=!0,n.push("gux-selected"),n.push("gux-start-date")):e.getTime()===i&&(h=!0,n.push("gux-selected"),n.push("gux-end-date"))}else{const t=d(this.value).getTime();e.getTime()===t&&(h=!0,n.push("gux-selected"))}a.push({class:n.join(" "),date:e,hidden:o,disabled:i,selected:h}),s.setDate(s.getDate()+1)}return a}create2DArray(t,e){const n=[];for(let a=0;a<e-1;a++){const s=t.slice(a*e,a*e+e);this.weekShouldBeDisplayed(s)&&n.push(s)}return n}weekShouldBeDisplayed(t){const e=t.find((t=>!t.hidden));return t.length&&!!e}getMonthDays(t){const e=new Date(this.previewValue.getTime());e.setDate(1),e.setMonth(e.getMonth()+t);const n=e.getMonth(),a=function(t,e,n){const a=new Date(e,t,1,1,0,0,0),s=-1*(n-a.getDay()-7)%7;return new Date(a.getTime()-864e5*s)}(n,e.getFullYear(),this.startDayOfWeek),s=this.generateDatesFrom(n,a,42);return this.create2DArray(s,7)}addDays(t,e){const n=new Date(t.valueOf());return n.setDate(n.getDate()+e),n}getAllDatesElements(){const t=this.root.shadowRoot.querySelectorAll("td");return Array.from(t)}getAllSelectableDatesElements(){const t=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(t)}getRangeDatesElements(t,e){const n=[];let a;a=e<t?this.getRangeDates(e,t):this.getRangeDates(t,e);for(const t of a){const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]:not(.gux-hidden)`);e&&n.push(e)}return n}getRangeDates(t,e){const n=[];let a=t;for(;a<=e;)n.push(new Date(a)),a=this.addDays(a,1);return n}async onDateClick(t){if(!this.outOfBounds(t))if("range"!==this.mode)await this.setValueAndEmit(t);else if(null===this.selectingDate)g(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(t.valueOf()),this.value=i(t,t);else{const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]`);e&&e.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,t]),this.previewValue=t,this.selectingDate=null}}onDateMouseEnter(t){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(t,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){g(this.getAllDatesElements(),"gux-hovered");const[t,e]=r(this.value);x(this.getRangeDatesElements(t,e),"add","gux-hovered")}}async onKeyDown(t){switch(t.key){case" ":case"Enter":t.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowUp":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowRight":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(h(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?i(t,t):o(t)}this.previewValue=d(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return n("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((t=>{const e=function(t,e){const n=new Date(t);return n.setDate(1),n.setMonth(n.getMonth()+e),n}(this.previewValue,t);return n("label",null,b(e,this.locale))})))}renderCalendarTable(t){return n("table",null,n("tr",null,function(t,e){const n=[],a=new Date(1970,0,4);for(let e=0;e<7;e++){const e=a.toLocaleString(t,{weekday:"narrow"});n.push(e),a.setDate(a.getDate()+1)}return(s=n).concat(s.splice(0,(i=e)>s.length?i%s.length:i));var s,i}(this.locale,this.startDayOfWeek).map((t=>n("th",null,t)))),this.getMonthDays(t).map((t=>n("tr",null,t.map((t=>n("td",{tabindex:t.selected?"0":"-1",class:t.class,"aria-hidden":t.hidden?"true":"false","aria-disabled":t.disabled?"true":"false","data-date":t.date.getTime(),onClick:()=>{this.onDateClick(t.date)},onMouseEnter:()=>this.onDateMouseEnter(t.date),onKeyDown:t=>{this.onKeyDown(t)}},t.date.getDate(),n("span",{class:"gux-sr-only"},b(t.date,this.locale)))))))))}render(){return n("div",{class:"gux-calendar"},n("div",{class:"gux-header"},n("button",{type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})),this.renderMonthHeader(),n("button",{type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),n("div",{class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((t=>this.renderCalendarTable(t)))))}get root(){return a(this)}};f.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border:1px solid #b4bccb;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);border-radius:4px}.gux-calendar .gux-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:16px;padding:16px;color:#fdfdfd;background-color:#2a60c8;border-top-left-radius:3px;border-top-right-radius:3px}.gux-calendar .gux-header button{position:absolute;padding:5px;color:#fdfdfd;cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus{outline:#75a8ff auto 5px}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:16px;height:16px;pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content{display:flex;padding:20px 24px;color:#2e394c;background-color:#fdfdfd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.gux-calendar .gux-content table{width:168px;text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:28px}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:28px;height:28px;padding:0;margin:0;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-calendar .gux-content table tr th{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content table tr td{cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:#deeaff}.gux-calendar .gux-content table tr td.gux-selected{color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-selected.gux-start-date{border-radius:4px 0 0 4px}.gux-calendar .gux-content table tr td.gux-selected.gux-end-date{border-radius:0 4px 4px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date){color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-disabled{color:rgba(46, 57, 76, 0.5);pointer-events:none}.gux-calendar .gux-content table tr td.gux-not-in-month{color:rgba(107, 117, 133, 0.5)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{color:#2e394c;background-color:#e2e6ee}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{f as gux_calendar}
+import{r as t,c as e,h as n,g as a}from"./p-7a1d01cb.js";import{a as s}from"./p-091f51f6.js";import{a as i,c as r,b as o,f as d}from"./p-4f26144b.js";import{t as h}from"./p-92cb002f.js";import{g as l,a as c}from"./p-ec983b53.js";import{c as u}from"./p-251befef.js";import"./p-8a133b9b.js";function g(t,e){x(t,"remove",e)}function x(t=[],e,n){const a=[].concat(t);for(const t of a)t.classList[e](n)}function b(t,e){return u(t.toLocaleDateString(e,{year:"numeric",month:"long"}))}const f=class{constructor(n){t(this,n),this.input=e(this,"input",7),this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.previewValue=new Date,this.selectingDate=null,this.locale="en"}emitInput(){this.input.emit(this.value)}async setValue(t){if("range"===this.mode&&t instanceof Array){const[e,n]=t;this.value=i(e,n),this.previewValue=r(this.value)[0]}else{const e=t;this.value=o(e),this.previewValue=e}}async focusPreviewDate(){const t=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);t&&t.focus()}async resetCalendarView(t){this.previewValue=t}incrementPreviewDateByMonth(t){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+t,15,0,0,0),s((()=>{this.focusPreviewDate()}))}async setValueAndEmit(t){await this.setValue(t),this.emitInput()}outOfBounds(t){return""!==this.maxDate&&d(this.maxDate)<t||""!==this.minDate&&d(this.minDate)>t}generateDatesFrom(t,e,n){const a=[],s=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0);for(let e=0;e<n;e++){const e=new Date(s.getFullYear(),s.getMonth(),s.getDate(),0,0,0,0),n=[];let i=!1,o=!1;e.getMonth()!==t&&(n.push("gux-not-in-month"),i=!0,"range"===this.mode&&(n.push("gux-hidden"),o=!0)),this.outOfBounds(e)&&(n.push("gux-disabled"),i=!0);let h=!1;if("range"===this.mode){const[t,a]=r(this.value),s=t.getTime(),i=a.getTime();e.getTime()===s?(h=!0,n.push("gux-selected"),n.push("gux-start-date")):e.getTime()===i&&(h=!0,n.push("gux-selected"),n.push("gux-end-date"))}else{const t=d(this.value).getTime();e.getTime()===t&&(h=!0,n.push("gux-selected"))}a.push({class:n.join(" "),date:e,hidden:o,disabled:i,selected:h}),s.setDate(s.getDate()+1)}return a}create2DArray(t,e){const n=[];for(let a=0;a<e-1;a++){const s=t.slice(a*e,a*e+e);this.weekShouldBeDisplayed(s)&&n.push(s)}return n}weekShouldBeDisplayed(t){const e=t.find((t=>!t.hidden));return t.length&&!!e}getMonthDays(t){const e=new Date(this.previewValue.getTime());e.setDate(1),e.setMonth(e.getMonth()+t);const n=e.getMonth(),a=function(t,e,n){const a=new Date(e,t,1,1,0,0,0),s=-1*(n-a.getDay()-7)%7;return new Date(a.getTime()-864e5*s)}(n,e.getFullYear(),this.startDayOfWeek),s=this.generateDatesFrom(n,a,42);return this.create2DArray(s,7)}addDays(t,e){const n=new Date(t.valueOf());return n.setDate(n.getDate()+e),n}getAllDatesElements(){const t=this.root.shadowRoot.querySelectorAll("td");return Array.from(t)}getAllSelectableDatesElements(){const t=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(t)}getRangeDatesElements(t,e){const n=[];let a;a=e<t?this.getRangeDates(e,t):this.getRangeDates(t,e);for(const t of a){const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]:not(.gux-hidden)`);e&&n.push(e)}return n}getRangeDates(t,e){const n=[];let a=t;for(;a<=e;)n.push(new Date(a)),a=this.addDays(a,1);return n}async onDateClick(t){if(!this.outOfBounds(t))if("range"!==this.mode)await this.setValueAndEmit(t);else if(null===this.selectingDate)g(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(t.valueOf()),this.value=i(t,t);else{const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]`);e&&e.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,t]),this.previewValue=t,this.selectingDate=null}}onDateMouseEnter(t){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(t,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){g(this.getAllDatesElements(),"gux-hovered");const[t,e]=r(this.value);x(this.getRangeDatesElements(t,e),"add","gux-hovered")}}async onKeyDown(t){switch(t.key){case" ":case"Enter":t.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowUp":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowRight":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(h(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?i(t,t):o(t)}this.previewValue=d(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return n("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((t=>{const e=function(t,e){const n=new Date(t);return n.setDate(1),n.setMonth(n.getMonth()+e),n}(this.previewValue,t);return n("label",null,b(e,this.locale))})))}renderCalendarTable(t){return n("table",null,n("tr",null,function(t,e){const n=[],a=new Date(1970,0,4);for(let e=0;e<7;e++){const e=a.toLocaleString(t,{weekday:"narrow"});n.push(e),a.setDate(a.getDate()+1)}return(s=n).concat(s.splice(0,(i=e)>s.length?i%s.length:i));var s,i}(this.locale,this.startDayOfWeek).map((t=>n("th",null,t)))),this.getMonthDays(t).map((t=>n("tr",null,t.map((t=>n("td",{tabindex:t.selected?"0":"-1",class:t.class,"aria-hidden":t.hidden?"true":"false","aria-disabled":t.disabled?"true":"false","data-date":t.date.getTime(),onClick:()=>{this.onDateClick(t.date)},onMouseEnter:()=>this.onDateMouseEnter(t.date),onKeyDown:t=>{this.onKeyDown(t)}},t.date.getDate(),n("span",{class:"gux-sr-only"},b(t.date,this.locale)))))))))}render(){return n("div",{class:"gux-calendar"},n("div",{class:"gux-header"},n("button",{type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})),this.renderMonthHeader(),n("button",{type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),n("div",{class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((t=>this.renderCalendarTable(t)))))}get root(){return a(this)}};f.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border:1px solid #b4bccb;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);border-radius:4px}.gux-calendar .gux-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:16px;padding:16px;color:#fdfdfd;background-color:#2a60c8;border-top-left-radius:3px;border-top-right-radius:3px}.gux-calendar .gux-header button{position:absolute;padding:5px;color:#fdfdfd;cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus{outline:#75a8ff auto 5px}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:16px;height:16px;pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content{display:flex;padding:20px 24px;color:#2e394c;background-color:#fdfdfd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.gux-calendar .gux-content table{width:168px;text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:28px}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:28px;height:28px;padding:0;margin:0;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-calendar .gux-content table tr th{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content table tr td{cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:#deeaff}.gux-calendar .gux-content table tr td.gux-selected{color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-selected.gux-start-date{border-radius:4px 0 0 4px}.gux-calendar .gux-content table tr td.gux-selected.gux-end-date{border-radius:0 4px 4px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date){color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-disabled{color:rgba(46, 57, 76, 0.5);pointer-events:none}.gux-calendar .gux-content table tr td.gux-not-in-month{color:rgba(107, 117, 133, 0.5)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{color:#2e394c;background-color:#e2e6ee}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{f as gux_calendar}

package/dist/genesys-webcomponents/{p-de67f79f.entry.js → p-c9e372dd.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,g as i}from"./p-7a1d01cb.js";import{b as r}from"./p-0d3c1ee5.js";import{t as n}from"./p-d8e265fd.js";import"./p-8a133b9b.js";const o={info:"Information alert with message",success:"Success alert with message",warning:"Warning alert with message",error:"Error alert with message"},a=class{constructor(t){e(this,t),this.accent="info"}getIcon(e){switch(e){case"info":return"alert-info";case"success":return"alert-success";case"warning":return"alert-warning-triangle";case"error":return"alert-warning-octogon";default:return"alert-info"}}async componentWillLoad(){n(this.root,{variant:this.accent}),this.i18n=await r(this.root,o)}render(){return t("div",{class:{"gux-inline-alert":!0,[`gux-${this.accent}`]:!0}},t("gux-icon",{"icon-name":this.getIcon(this.accent),decorative:!0}),t("gux-tooltip-title",null,t("span",null,t("div",{class:"gux-sr-only"},this.i18n(this.accent)),t("slot",null))))}get root(){return i(this)}};a.style=":host{display:block}.gux-inline-alert{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:flex-start;max-width:540px;height:28px;padding:4px 8px;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-inline-alert gux-icon{flex-shrink:0;width:16px;height:16px}.gux-inline-alert gux-tooltip-title{white-space:nowrap}.gux-inline-alert .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-inline-alert.gux-info{color:#4c5667;background-color:#f6f7f9}.gux-inline-alert.gux-error{color:#8f0707;background-color:#fceaea}.gux-inline-alert.gux-warning{color:#976700;background-color:#fdf8ec}.gux-inline-alert.gux-success{color:#205a10;background-color:#eefcea}";export{a as gux_inline_alert_beta}
+import{r as e,h as t,g as i}from"./p-7a1d01cb.js";import{b as r}from"./p-ec983b53.js";import{t as n}from"./p-92cb002f.js";import"./p-8a133b9b.js";const o={info:"Information alert with message",success:"Success alert with message",warning:"Warning alert with message",error:"Error alert with message"},a=class{constructor(t){e(this,t),this.accent="info"}getIcon(e){switch(e){case"info":return"alert-info";case"success":return"alert-success";case"warning":return"alert-warning-triangle";case"error":return"alert-warning-octogon";default:return"alert-info"}}async componentWillLoad(){n(this.root,{variant:this.accent}),this.i18n=await r(this.root,o)}render(){return t("div",{class:{"gux-inline-alert":!0,[`gux-${this.accent}`]:!0}},t("gux-icon",{"icon-name":this.getIcon(this.accent),decorative:!0}),t("gux-tooltip-title",null,t("span",null,t("div",{class:"gux-sr-only"},this.i18n(this.accent)),t("slot",null))))}get root(){return i(this)}};a.style=":host{display:block}.gux-inline-alert{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:flex-start;max-width:540px;height:28px;padding:4px 8px;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-inline-alert gux-icon{flex-shrink:0;width:16px;height:16px}.gux-inline-alert gux-tooltip-title{white-space:nowrap}.gux-inline-alert .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-inline-alert.gux-info{color:#4c5667;background-color:#f6f7f9}.gux-inline-alert.gux-error{color:#8f0707;background-color:#fceaea}.gux-inline-alert.gux-warning{color:#976700;background-color:#fdf8ec}.gux-inline-alert.gux-success{color:#205a10;background-color:#eefcea}";export{a as gux_inline_alert_beta}

package/dist/genesys-webcomponents/{p-b554fa22.entry.js → p-ccb6c89d.entry.js}

@@ -1 +1 @@
-import{r as o,c as e,f as t,h as i,g as d}from"./p-7a1d01cb.js";import{O as n}from"./p-f77f86a9.js";import{w as g}from"./p-76ff3e75.js";import{t as u}from"./p-d8e265fd.js";import{O as r}from"./p-939b6e89.js";var x=function(o,e,t,i){var d,n=arguments.length,g=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(o,e,t,i);else for(var u=o.length-1;u>=0;u--)(d=o[u])&&(g=(n<3?d(g):n>3?d(e,t,g):d(e,t))||g);return n>3&&g&&Object.defineProperty(e,t,g),g};const l=class{constructor(t){o(this,t),this.change=e(this,"change",7),this.mode="default",this.disabled=!1,this.value="",this.inputIsFocused=!1,this.valueEdited=!1}emitChange(o){this.change.emit(o)}onClickOutside(o){o.relatedTarget&&this.root.contains(o.relatedTarget)||(this.opened=!1,this.forcedGhostValue="",this.getSelectionOptions().some((o=>o.text===this.value))||(this.value=""))}async setLabeledBy(o){this.srLabeledBy=o}async setSelected(){const o=this.getSelectionOptions(),e=o.map((o=>o.selected)).lastIndexOf(!0);if(e>=0)return void(this.value=o[e].text);const t=o.find((o=>this.value===o.value));this.value=t?t.text:""}onMutation(){t(this.root),this.setSelected()}onKeyDown(o){const e=this.getSelectionOptions(),t=this.getFocusIndex(e);switch(o.key){case"ArrowUp":o.preventDefault(),t>0&&e[t-1].focus();break;case"ArrowDown":o.preventDefault(),this.inputIsFocused&&(this.opened=!0),t<e.length-1&&e[t+1].focus();break;case"Home":if(!e.length)return;e[0].focus();break;case"End":if(!e.length)return;e[e.length-1].focus();break;case"Escape":case"Tab":this.textFieldElement.focus(),this.opened=!1;break;case"Enter":case"Space":break;default:if(this.valueEdited=!0,!this.filterable){const t=e.filter((e=>e.text.startsWith(o.key)));t[0]&&t[0].focus()}}}setValue(o,e){this.value=o,this.opened=!1,this.valueEdited=!1,this.emitChange(e)}_clickHandler(){this.disabled||(this.opened=!this.opened)}_focusHandler(){this.inputIsFocused=!0}_optionFocusedHandler(o){g("gux-option-legacy",o,(o=>{this.forcedGhostValue=this.value+o.text.substring(this.value.length)}))}optionSelectedHandler(o){g("gux-option-legacy",o,(o=>{const e=o;this.getSelectionOptions().forEach((o=>{o===e?(o.selected=!0,this.setValue(o.text,o.value||o.text)):o.selected=!1}))}))}optionKeyDownHandler(o){" "!==o.key&&"Enter"!==o.key||this.optionSelectedHandler(o)}_blurHandler(){this.inputIsFocused=!1,this.forcedGhostValue=""}_inputHandler(o){this.value=o.target.value,this.opened=!0}getFilteredItems(){const o=this.getSelectionOptions();return this.filterable?o.filter((o=>o.text.toLowerCase().startsWith(this.value.toLowerCase()))):o}getSuggestionText(o=""){this.searchHighlightAndFilter(this.value);const e=o.length,t=this.getFilteredItems().length?this.getFilteredItems()[0].text:"";if(e>0){const o=t;if(o)return this.opened&&this.filterable?o.substring(e):""}return""}componentWillLoad(){u(this.root,{variant:this.filterable?"filterable":"full"})}componentDidLoad(){this.setSelected(),this.filterable||(this.textFieldElement.readOnly=!0)}getSelectionOptions(){const o=[],e=this.root.getElementsByClassName("gux-options")[0];return e?(Array.from(e.children).forEach((e=>{e.matches("gux-option-legacy")&&o.push(e)})),o):[]}render(){return i("div",{class:`gux-dropdown gux-${this.mode} ${this.disabled?"gux-disabled":""} ${this.opened?"gux-active":""}`,onKeyDown:o=>this.onKeyDown(o)},i("div",{class:"gux-select-field"},i("span",{class:"gux-filter-suggestion "+(this.opened?"gux-active":""),"aria-hidden":"true"},i("span",{class:"gux-filter-text"},this.value),i("span",{class:"gux-filter-typeahead"},this.getSuggestionText(this.value))),i("gux-input-text-like",null,i("input",{placeholder:this.placeholder,slot:"input",value:this.value,"aria-labelledby":this.srLabeledBy,disabled:this.disabled,ref:o=>this.textFieldElement=o,onMouseDown:()=>{this._clickHandler()},onFocus:()=>{this._focusHandler()},onBlur:()=>{this._blurHandler()},onInput:o=>{this._inputHandler(o)}})),i("button",{class:"gux-dropdown-indicator","aria-hidden":"true",tabindex:"-1",type:"button"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{class:"gux-options "+(this.opened?"gux-opened":""),onClick:this.optionSelectedHandler.bind(this),onFocusin:this._optionFocusedHandler.bind(this),onKeyDown:this.optionKeyDownHandler.bind(this)},i("slot",null)))}getFocusIndex(o){return o.findIndex((o=>o.matches(":focus")))}searchHighlightAndFilter(o){const e=this.getSelectionOptions();if(e)for(const t of e)t.shouldFilter(o).then((o=>{this.filterable&&o&&this.valueEdited?t.classList.add("gux-filtered"):t.classList.remove("gux-filtered")}))}get root(){return d(this)}};x([n({triggerEvents:"mousedown"})],l.prototype,"onClickOutside",null),x([r({childList:!0,subtree:!0})],l.prototype,"onMutation",null),l.style="gux-dropdown-legacy .gux-hidden{display:none}gux-dropdown-legacy div.gux-dropdown{position:relative;margin:4px 0}gux-dropdown-legacy div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{position:absolute;box-sizing:border-box;width:100%;height:32px;padding:6px 25px 6px 14px;overflow:hidden;font-size:12px;line-height:1.6667;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-text{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-typeahead{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like>div{margin:0}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{width:100%;padding-right:25px;font-size:12px;text-overflow:ellipsis;cursor:pointer;background-color:transparent}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like.gux-unclearable button{display:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{position:absolute;top:1px;right:3px;bottom:0;display:block;overflow:hidden;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator gux-icon{width:16px;height:16px;color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field:hover button.gux-dropdown-indicator gux-icon,gux-dropdown-legacy div.gux-dropdown .gux-select-field:focus-within button.gux-dropdown-indicator gux-icon{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-options{position:absolute;z-index:var(--gux-zindex-popup, 1);display:none;width:100%;padding:8px 0;margin-top:2px;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-dropdown-legacy div.gux-dropdown .gux-options.gux-opened{display:block}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy{position:relative;display:flex;height:32px;padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div .gux-filter-suggestion{position:absolute}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy.gux-filtered{display:none}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled])[selected]{color:#2e394c;background:#deeaff}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):hover,gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):focus{color:#fdfdfd;background:#2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{height:48px;padding:2px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like div.gux-input-container{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px;height:48px;line-height:1.6667;color:transparent;border:none;border-bottom:2px solid transparent;caret-color:#2e394c}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{height:52px;padding:9px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like div.gux-input-container{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px;height:52px;line-height:1.6667;border:none;border-bottom:2px solid transparent}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy:hover gux-icon,gux-dropdown-legacy:focus gux-icon{color:#2e394c}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}";export{l as gux_dropdown_legacy}
+import{r as o,c as e,f as t,h as i,g as d}from"./p-7a1d01cb.js";import{O as n}from"./p-f77f86a9.js";import{w as g}from"./p-76ff3e75.js";import{t as u}from"./p-92cb002f.js";import{O as r}from"./p-939b6e89.js";var x=function(o,e,t,i){var d,n=arguments.length,g=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(o,e,t,i);else for(var u=o.length-1;u>=0;u--)(d=o[u])&&(g=(n<3?d(g):n>3?d(e,t,g):d(e,t))||g);return n>3&&g&&Object.defineProperty(e,t,g),g};const l=class{constructor(t){o(this,t),this.change=e(this,"change",7),this.mode="default",this.disabled=!1,this.value="",this.inputIsFocused=!1,this.valueEdited=!1}emitChange(o){this.change.emit(o)}onClickOutside(o){o.relatedTarget&&this.root.contains(o.relatedTarget)||(this.opened=!1,this.forcedGhostValue="",this.getSelectionOptions().some((o=>o.text===this.value))||(this.value=""))}async setLabeledBy(o){this.srLabeledBy=o}async setSelected(){const o=this.getSelectionOptions(),e=o.map((o=>o.selected)).lastIndexOf(!0);if(e>=0)return void(this.value=o[e].text);const t=o.find((o=>this.value===o.value));this.value=t?t.text:""}onMutation(){t(this.root),this.setSelected()}onKeyDown(o){const e=this.getSelectionOptions(),t=this.getFocusIndex(e);switch(o.key){case"ArrowUp":o.preventDefault(),t>0&&e[t-1].focus();break;case"ArrowDown":o.preventDefault(),this.inputIsFocused&&(this.opened=!0),t<e.length-1&&e[t+1].focus();break;case"Home":if(!e.length)return;e[0].focus();break;case"End":if(!e.length)return;e[e.length-1].focus();break;case"Escape":case"Tab":this.textFieldElement.focus(),this.opened=!1;break;case"Enter":case"Space":break;default:if(this.valueEdited=!0,!this.filterable){const t=e.filter((e=>e.text.startsWith(o.key)));t[0]&&t[0].focus()}}}setValue(o,e){this.value=o,this.opened=!1,this.valueEdited=!1,this.emitChange(e)}_clickHandler(){this.disabled||(this.opened=!this.opened)}_focusHandler(){this.inputIsFocused=!0}_optionFocusedHandler(o){g("gux-option-legacy",o,(o=>{this.forcedGhostValue=this.value+o.text.substring(this.value.length)}))}optionSelectedHandler(o){g("gux-option-legacy",o,(o=>{const e=o;this.getSelectionOptions().forEach((o=>{o===e?(o.selected=!0,this.setValue(o.text,o.value||o.text)):o.selected=!1}))}))}optionKeyDownHandler(o){" "!==o.key&&"Enter"!==o.key||this.optionSelectedHandler(o)}_blurHandler(){this.inputIsFocused=!1,this.forcedGhostValue=""}_inputHandler(o){this.value=o.target.value,this.opened=!0}getFilteredItems(){const o=this.getSelectionOptions();return this.filterable?o.filter((o=>o.text.toLowerCase().startsWith(this.value.toLowerCase()))):o}getSuggestionText(o=""){this.searchHighlightAndFilter(this.value);const e=o.length,t=this.getFilteredItems().length?this.getFilteredItems()[0].text:"";if(e>0){const o=t;if(o)return this.opened&&this.filterable?o.substring(e):""}return""}componentWillLoad(){u(this.root,{variant:this.filterable?"filterable":"full"})}componentDidLoad(){this.setSelected(),this.filterable||(this.textFieldElement.readOnly=!0)}getSelectionOptions(){const o=[],e=this.root.getElementsByClassName("gux-options")[0];return e?(Array.from(e.children).forEach((e=>{e.matches("gux-option-legacy")&&o.push(e)})),o):[]}render(){return i("div",{class:`gux-dropdown gux-${this.mode} ${this.disabled?"gux-disabled":""} ${this.opened?"gux-active":""}`,onKeyDown:o=>this.onKeyDown(o)},i("div",{class:"gux-select-field"},i("span",{class:"gux-filter-suggestion "+(this.opened?"gux-active":""),"aria-hidden":"true"},i("span",{class:"gux-filter-text"},this.value),i("span",{class:"gux-filter-typeahead"},this.getSuggestionText(this.value))),i("gux-input-text-like",null,i("input",{placeholder:this.placeholder,slot:"input",value:this.value,"aria-labelledby":this.srLabeledBy,disabled:this.disabled,ref:o=>this.textFieldElement=o,onMouseDown:()=>{this._clickHandler()},onFocus:()=>{this._focusHandler()},onBlur:()=>{this._blurHandler()},onInput:o=>{this._inputHandler(o)}})),i("button",{class:"gux-dropdown-indicator","aria-hidden":"true",tabindex:"-1",type:"button"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{class:"gux-options "+(this.opened?"gux-opened":""),onClick:this.optionSelectedHandler.bind(this),onFocusin:this._optionFocusedHandler.bind(this),onKeyDown:this.optionKeyDownHandler.bind(this)},i("slot",null)))}getFocusIndex(o){return o.findIndex((o=>o.matches(":focus")))}searchHighlightAndFilter(o){const e=this.getSelectionOptions();if(e)for(const t of e)t.shouldFilter(o).then((o=>{this.filterable&&o&&this.valueEdited?t.classList.add("gux-filtered"):t.classList.remove("gux-filtered")}))}get root(){return d(this)}};x([n({triggerEvents:"mousedown"})],l.prototype,"onClickOutside",null),x([r({childList:!0,subtree:!0})],l.prototype,"onMutation",null),l.style="gux-dropdown-legacy .gux-hidden{display:none}gux-dropdown-legacy div.gux-dropdown{position:relative;margin:4px 0}gux-dropdown-legacy div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{position:absolute;box-sizing:border-box;width:100%;height:32px;padding:6px 25px 6px 14px;overflow:hidden;font-size:12px;line-height:1.6667;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-text{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-typeahead{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like>div{margin:0}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{width:100%;padding-right:25px;font-size:12px;text-overflow:ellipsis;cursor:pointer;background-color:transparent}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like.gux-unclearable button{display:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{position:absolute;top:1px;right:3px;bottom:0;display:block;overflow:hidden;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator gux-icon{width:16px;height:16px;color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field:hover button.gux-dropdown-indicator gux-icon,gux-dropdown-legacy div.gux-dropdown .gux-select-field:focus-within button.gux-dropdown-indicator gux-icon{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-options{position:absolute;z-index:var(--gux-zindex-popup, 1);display:none;width:100%;padding:8px 0;margin-top:2px;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-dropdown-legacy div.gux-dropdown .gux-options.gux-opened{display:block}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy{position:relative;display:flex;height:32px;padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div .gux-filter-suggestion{position:absolute}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy.gux-filtered{display:none}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled])[selected]{color:#2e394c;background:#deeaff}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):hover,gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):focus{color:#fdfdfd;background:#2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{height:48px;padding:2px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like div.gux-input-container{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px;height:48px;line-height:1.6667;color:transparent;border:none;border-bottom:2px solid transparent;caret-color:#2e394c}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{height:52px;padding:9px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like div.gux-input-container{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px;height:52px;line-height:1.6667;border:none;border-bottom:2px solid transparent}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy:hover gux-icon,gux-dropdown-legacy:focus gux-icon{color:#2e394c}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}";export{l as gux_dropdown_legacy}

package/dist/genesys-webcomponents/{p-8b12c433.entry.js → p-ce271d17.entry.js}

@@ -1 +1 @@
-import{r as t,c as n,h as i,g as a}from"./p-7a1d01cb.js";import{b as e}from"./p-0d3c1ee5.js";import"./p-8a133b9b.js";const o={page:"Page",totalPages:" of {totalPages, number}",first:"First",previous:"Previous",next:"Next",last:"Last",pageInputLabel:"Page {currentPage, number} of {totalPages, number}"},s=class{constructor(i){t(this,i),this.internalcurrentpagechange=n(this,"internalcurrentpagechange",3),this.layout="advanced"}get onFirstPage(){return this.currentPage<=1}get onLastPage(){return this.currentPage>=this.totalPages}handleClickFirst(){this.internalcurrentpagechange.emit(1)}handleClickPrevious(){this.internalcurrentpagechange.emit(this.currentPage-1)}handleClickNext(){this.internalcurrentpagechange.emit(this.currentPage+1)}handleClickLast(){this.internalcurrentpagechange.emit(this.totalPages)}handleClickPage(t){this.internalcurrentpagechange.emit(t)}getPageListEnteries(t,n){return class{static getPageList(t,n){if(n<=10)return[...Array(n).keys()].map((n=>{const i=n+1;return{pageNumber:i,display:String(i),current:i===t}}));if(t<=5)return[...[...Array(6).keys()].map((n=>{const i=n+1;return{pageNumber:i,display:String(i),current:i===t}})),{pageNumber:7,display:"...",current:!1},{pageNumber:n,display:String(n),current:!1}];if(t>n-5){const i=[...Array(6).keys()].map((i=>{const a=i+n-5;return{pageNumber:a,display:String(a),current:a===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:n-6,display:"...",current:!1},...i]}const i=[...Array(5).keys()].map((n=>{const i=n+t-2;return{pageNumber:i,display:String(i),current:i===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:t-3,display:"...",current:!1},...i,{pageNumber:t+3,display:"...",current:!1},{pageNumber:n,display:String(n),current:!1}]}}.getPageList(t,n).reduce(((t,n)=>t.concat(i("button",n.current?{class:"gux-pagination-buttons-list-current"}:{class:"gux-pagination-buttons-list-target",onClick:()=>this.handleClickPage(n.pageNumber)},n.display))),[])}getSmallPagePicker(){return i("div",{class:"gux-pagination-buttons-spacer"})}getFullPagePicker(){return i("div",{class:"gux-pagination-buttons-list-container"},this.getPageListEnteries(this.currentPage,this.totalPages))}getPagePicker(t){return"simple"===t?this.getSmallPagePicker():this.getFullPagePicker()}async componentWillLoad(){this.i18n=await e(this.root,o)}render(){return i("div",{class:`gux-pagination-buttons-container gux-${this.layout}`},i("div",{class:"gux-pagination-buttons-group"},i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("first"),disabled:this.onFirstPage,onClick:this.handleClickFirst.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-double-left"}))),i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("previous"),disabled:this.onFirstPage,onClick:this.handleClickPrevious.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})))),this.getPagePicker(this.layout),i("div",{class:"gux-pagination-buttons-group"},i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("next"),disabled:this.onLastPage,onClick:this.handleClickNext.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("last"),disabled:this.onLastPage,onClick:this.handleClickLast.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-double-right"})))))}get root(){return a(this)}};s.style="gux-pagination-buttons-beta{color:#2e394c}gux-pagination-buttons-beta .gux-pagination-buttons-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-end}gux-pagination-buttons-beta .gux-pagination-buttons-container>div{flex:0 1 auto;align-self:auto;order:0}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-group{white-space:nowrap}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-group gux-button-slot-beta:not(:first-of-type){margin-left:8px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;margin:0 16px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input{width:60px;margin:0 8px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input input{width:inherit;text-align:center}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current,gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{height:32px;padding:0 8px;margin:0;background:inherit;border:none}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current:focus-visible,gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current{font-weight:600}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{color:#2a60c8;cursor:pointer}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-spacer{width:8px}";const r={itemCountDisplay:"{firstItem, number} - {lastItem, number}",totalItems:" of {totalItems, number}"},g=class{constructor(n){t(this,n),this.totalItems=0,this.currentPage=0,this.itemsPerPage=25}get firstItem(){return this.totalItems<1?0:(this.currentPage-1)*this.itemsPerPage+1}get lastItem(){return this.totalItems<1?0:Math.min(this.currentPage*this.itemsPerPage,this.totalItems)}async componentWillLoad(){this.i18n=await e(this.root,r)}getPaginationItemCountsRange(){if(this.totalItems)return i("span",null,this.i18n("totalItems",{totalItems:this.totalItems}))}render(){return i("div",{class:"gux-pagination-item-counts-container"},i("span",{class:"gux-pagination-item-counts-range"},this.i18n("itemCountDisplay",{firstItem:this.firstItem,lastItem:this.lastItem})),this.getPaginationItemCountsRange())}get root(){return a(this)}};g.style="gux-pagination-item-counts-beta{color:#2e394c}gux-pagination-item-counts-beta .gux-pagination-item-counts-container{margin-right:16px;white-space:nowrap}gux-pagination-item-counts-beta .gux-pagination-item-counts-container .gux-pagination-item-counts-range{font-weight:bold}";const u={perPage:"per page",itemsPerPage:"Items per page"},p=class{constructor(i){t(this,i),this.internalitemsperpagechange=n(this,"internalitemsperpagechange",3),this.itemsPerPage=25}handleChange(t){t.stopPropagation();const n=parseInt(this.dropdownElement.value,10);this.internalitemsperpagechange.emit(n)}async componentWillLoad(){this.i18n=await e(this.root,u)}getDropdown(){return i("gux-dropdown",{ref:t=>this.dropdownElement=t,value:`${this.itemsPerPage}`},i("gux-listbox",{"aria-label":this.i18n("itemsPerPage")},i("gux-option",{value:"25"},"25"),i("gux-option",{value:"50"},"50"),i("gux-option",{value:"75"},"75"),i("gux-option",{value:"100"},"100")))}render(){return i("div",{class:"gux-pagination-items-per-page-container"},i("div",{class:"gux-pagination-items-per-page-picker"},this.getDropdown()),i("div",null,this.i18n("perPage")))}get root(){return a(this)}};p.style="gux-pagination-items-per-page-beta{color:#2e394c}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker{margin-right:8px}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container gux-dropdown div.gux-dropdown .gux-options.gux-opened{bottom:100%;display:flex;flex-direction:column-reverse}";export{s as gux_pagination_buttons_beta,g as gux_pagination_item_counts_beta,p as gux_pagination_items_per_page_beta}
+import{r as t,c as n,h as i,g as a}from"./p-7a1d01cb.js";import{b as e}from"./p-ec983b53.js";import"./p-8a133b9b.js";const o={page:"Page",totalPages:" of {totalPages, number}",first:"First",previous:"Previous",next:"Next",last:"Last",pageInputLabel:"Page {currentPage, number} of {totalPages, number}"},s=class{constructor(i){t(this,i),this.internalcurrentpagechange=n(this,"internalcurrentpagechange",3),this.layout="advanced"}get onFirstPage(){return this.currentPage<=1}get onLastPage(){return this.currentPage>=this.totalPages}handleClickFirst(){this.internalcurrentpagechange.emit(1)}handleClickPrevious(){this.internalcurrentpagechange.emit(this.currentPage-1)}handleClickNext(){this.internalcurrentpagechange.emit(this.currentPage+1)}handleClickLast(){this.internalcurrentpagechange.emit(this.totalPages)}handleClickPage(t){this.internalcurrentpagechange.emit(t)}getPageListEnteries(t,n){return class{static getPageList(t,n){if(n<=10)return[...Array(n).keys()].map((n=>{const i=n+1;return{pageNumber:i,display:String(i),current:i===t}}));if(t<=5)return[...[...Array(6).keys()].map((n=>{const i=n+1;return{pageNumber:i,display:String(i),current:i===t}})),{pageNumber:7,display:"...",current:!1},{pageNumber:n,display:String(n),current:!1}];if(t>n-5){const i=[...Array(6).keys()].map((i=>{const a=i+n-5;return{pageNumber:a,display:String(a),current:a===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:n-6,display:"...",current:!1},...i]}const i=[...Array(5).keys()].map((n=>{const i=n+t-2;return{pageNumber:i,display:String(i),current:i===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:t-3,display:"...",current:!1},...i,{pageNumber:t+3,display:"...",current:!1},{pageNumber:n,display:String(n),current:!1}]}}.getPageList(t,n).reduce(((t,n)=>t.concat(i("button",n.current?{class:"gux-pagination-buttons-list-current"}:{class:"gux-pagination-buttons-list-target",onClick:()=>this.handleClickPage(n.pageNumber)},n.display))),[])}getSmallPagePicker(){return i("div",{class:"gux-pagination-buttons-spacer"})}getFullPagePicker(){return i("div",{class:"gux-pagination-buttons-list-container"},this.getPageListEnteries(this.currentPage,this.totalPages))}getPagePicker(t){return"simple"===t?this.getSmallPagePicker():this.getFullPagePicker()}async componentWillLoad(){this.i18n=await e(this.root,o)}render(){return i("div",{class:`gux-pagination-buttons-container gux-${this.layout}`},i("div",{class:"gux-pagination-buttons-group"},i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("first"),disabled:this.onFirstPage,onClick:this.handleClickFirst.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-double-left"}))),i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("previous"),disabled:this.onFirstPage,onClick:this.handleClickPrevious.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})))),this.getPagePicker(this.layout),i("div",{class:"gux-pagination-buttons-group"},i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("next"),disabled:this.onLastPage,onClick:this.handleClickNext.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("last"),disabled:this.onLastPage,onClick:this.handleClickLast.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-double-right"})))))}get root(){return a(this)}};s.style="gux-pagination-buttons-beta{color:#2e394c}gux-pagination-buttons-beta .gux-pagination-buttons-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-end}gux-pagination-buttons-beta .gux-pagination-buttons-container>div{flex:0 1 auto;align-self:auto;order:0}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-group{white-space:nowrap}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-group gux-button-slot-beta:not(:first-of-type){margin-left:8px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;margin:0 16px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input{width:60px;margin:0 8px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input input{width:inherit;text-align:center}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current,gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{height:32px;padding:0 8px;margin:0;background:inherit;border:none}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current:focus-visible,gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current{font-weight:600}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{color:#2a60c8;cursor:pointer}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-spacer{width:8px}";const r={itemCountDisplay:"{firstItem, number} - {lastItem, number}",totalItems:" of {totalItems, number}"},g=class{constructor(n){t(this,n),this.totalItems=0,this.currentPage=0,this.itemsPerPage=25}get firstItem(){return this.totalItems<1?0:(this.currentPage-1)*this.itemsPerPage+1}get lastItem(){return this.totalItems<1?0:Math.min(this.currentPage*this.itemsPerPage,this.totalItems)}async componentWillLoad(){this.i18n=await e(this.root,r)}getPaginationItemCountsRange(){if(this.totalItems)return i("span",null,this.i18n("totalItems",{totalItems:this.totalItems}))}render(){return i("div",{class:"gux-pagination-item-counts-container"},i("span",{class:"gux-pagination-item-counts-range"},this.i18n("itemCountDisplay",{firstItem:this.firstItem,lastItem:this.lastItem})),this.getPaginationItemCountsRange())}get root(){return a(this)}};g.style="gux-pagination-item-counts-beta{color:#2e394c}gux-pagination-item-counts-beta .gux-pagination-item-counts-container{margin-right:16px;white-space:nowrap}gux-pagination-item-counts-beta .gux-pagination-item-counts-container .gux-pagination-item-counts-range{font-weight:bold}";const u={perPage:"per page",itemsPerPage:"Items per page"},p=class{constructor(i){t(this,i),this.internalitemsperpagechange=n(this,"internalitemsperpagechange",3),this.itemsPerPage=25}handleChange(t){t.stopPropagation();const n=parseInt(this.dropdownElement.value,10);this.internalitemsperpagechange.emit(n)}async componentWillLoad(){this.i18n=await e(this.root,u)}getDropdown(){return i("gux-dropdown",{ref:t=>this.dropdownElement=t,value:`${this.itemsPerPage}`},i("gux-listbox",{"aria-label":this.i18n("itemsPerPage")},i("gux-option",{value:"25"},"25"),i("gux-option",{value:"50"},"50"),i("gux-option",{value:"75"},"75"),i("gux-option",{value:"100"},"100")))}render(){return i("div",{class:"gux-pagination-items-per-page-container"},i("div",{class:"gux-pagination-items-per-page-picker"},this.getDropdown()),i("div",null,this.i18n("perPage")))}get root(){return a(this)}};p.style="gux-pagination-items-per-page-beta{color:#2e394c}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker{margin-right:8px}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container gux-dropdown div.gux-dropdown .gux-options.gux-opened{bottom:100%;display:flex;flex-direction:column-reverse}";export{s as gux_pagination_buttons_beta,g as gux_pagination_item_counts_beta,p as gux_pagination_items_per_page_beta}

package/dist/genesys-webcomponents/{p-6733c36f.entry.js → p-d1b574d7.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,w as i,h as a,g as n}from"./p-7a1d01cb.js";import{e as s}from"./p-29e8b184.js";import{r as d}from"./p-cbcbd1bb.js";import{a as e}from"./p-091f51f6.js";import{b as u}from"./p-0d3c1ee5.js";import{t as g}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const b=class{constructor(i){t(this,i),this.internalactivatetabpanel=o(this,"internalactivatetabpanel",7),this.dropdownOptionsButtonId=d(),this.tabTitle="",this.focusinFromClick=!1,this.active=!1,this.guxDisabled=!1,this.popoverHidden=!0,this.hasAnimated=!1}onFocusin(t){!this.focusinFromClick&&t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setShowTooltip()}onFocusout(t){this.root.querySelector(".gux-tab").contains(t.relatedTarget)||(this.popoverHidden=!0),t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setHideTooltip(),this.focusinFromClick=!1}onKeydown(t){switch(t.key){case"ArrowDown":case"Enter":s(".gux-tab-options-button",t)&&(this.popoverHidden=!1,this.focusFirstItemInPopupList());break;case"Escape":s('gux-list[slot="dropdown-options"]',t)&&(t.stopPropagation(),this.popoverHidden=!0,e((()=>{var t;null===(t=this.tabOptionsButtonElement)||void 0===t||t.focus()})))}}onKeyup(t){switch(t.key){case" ":s(".gux-tab-options-button",t)&&this.focusFirstItemInPopupList()}}onClick(t){s(".gux-tab-options-button",t)||this.active||this.guxDisabled||this.internalactivatetabpanel.emit(this.tabId)}onMouseDown(){this.focusinFromClick=!0}async guxSetActive(t){this.active=t}async guxGetActive(){return this.active}async guxFocus(){this.buttonElement.focus()}get hasDropdownOptions(){return Boolean(this.root.querySelector('gux-list[slot="dropdown-options"]'))}focusFirstItemInPopupList(){const t=this.root.querySelector('gux-list[slot="dropdown-options"]');e((()=>{null==t||t.guxFocusFirstItem()}))}toggleOptions(){this.popoverHidden=!this.popoverHidden}onSelectDropdownOption(t){this.popoverHidden=!0,t.stopPropagation(),e((()=>{this.tabOptionsButtonElement.focus()}))}async componentWillLoad(){this.i18n=await u(this.root,g,"gux-tabs-advanced")}componentDidLoad(){this.tabTitle=this.root.querySelector("gux-tooltip-title").textContent.trim(),this.hasAnimated||i((()=>{this.root.querySelector(".gux-tab").classList.add("gux-show"),this.hasAnimated=!0}))}popoverOnClick(t){t.stopPropagation()}getDropdownOptions(){return this.hasDropdownOptions?[a("button",{id:this.dropdownOptionsButtonId,"aria-expanded":(!this.popoverHidden).toString(),type:"button",class:"gux-tab-options-button",ref:t=>this.tabOptionsButtonElement=t,onClick:()=>this.toggleOptions(),tabIndex:this.active?0:-1,disabled:this.guxDisabled},a("gux-icon",{"icon-name":"menu-kebab-vertical","screenreader-text":this.i18n("options",{tabTitle:this.tabTitle})})),a("gux-popover-list",{position:"top-end",for:this.dropdownOptionsButtonId,displayDismissButton:!1,hidden:this.popoverHidden,closeOnClickOutside:!0,onGuxdismiss:()=>this.popoverHidden=!0,onClick:t=>this.popoverOnClick(t)},a("div",{class:"gux-dropdown-option-container",onClick:t=>this.onSelectDropdownOption(t)},a("slot",{name:"dropdown-options"})))]:null}render(){return[a("div",{class:{"gux-tab":!0,"gux-selected":this.active,"gux-dropdown-options":this.hasDropdownOptions,"gux-disabled":this.guxDisabled}},a("button",{class:"gux-tab-button",type:"button",role:"tab","aria-selected":this.active.toString(),"aria-disabled":this.guxDisabled.toString(),"aria-controls":`gux-${this.tabId}-panel`,ref:t=>this.buttonElement=t,tabIndex:this.active?0:-1,id:`gux-${this.tabId}-tab`},a("gux-tooltip-title",{ref:t=>this.tooltipTitleElement=t},a("span",null,a("slot",null)))),this.getDropdownOptions())]}get root(){return n(this)}};b.style=".gux-tab-sorting :focus-within{margin-bottom:4px}gux-tab-advanced:not(:last-child) .gux-tab:not(.gux-dropdown-options) .gux-tab-button{border-right:1px solid #d7dce5}gux-tab-advanced:not(:last-child) .gux-tab:not(.gux-dropdown-options) .gux-tab-options-button gux-icon{border-right:1px solid #d7dce5}gux-tab-advanced .gux-tab{display:flex;align-items:center;width:126px;height:50px;padding-bottom:2px;overflow:hidden;border-radius:4px 4px 0 0;transition:width 0.4s ease-out}gux-tab-advanced .gux-tab .gux-tab-button{display:flex;align-items:center;width:100%;width:125px;height:50px;padding-right:0;padding-left:16px;color:#000000;background-color:#f6f7f9;border:none}gux-tab-advanced .gux-tab .gux-tab-button:focus-visible{height:90%;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced .gux-tab.gux-show{width:160px}gux-tab-advanced .gux-tab.gux-show.gux-disabled .gux-tab-button{color:rgba(0, 0, 0, 0.5)}gux-tab-advanced .gux-tab.gux-show.gux-disabled .gux-tab-options-button{color:rgba(46, 57, 76, 0.5);pointer-events:none;cursor:default}gux-tab-advanced .gux-tab .gux-tab-options-button{z-index:1;align-items:center;justify-content:center;width:35px;height:100%;padding:0;cursor:pointer;background-color:#f6f7f9;border:none}gux-tab-advanced .gux-tab .gux-tab-options-button:focus-visible{outline:none}gux-tab-advanced .gux-tab .gux-tab-options-button:focus-visible gux-icon{padding-right:0;padding-left:0;border:3px solid #aac9ff;border-radius:5px}gux-tab-advanced .gux-tab .gux-tab-options-button gux-icon{width:16px;height:30px;padding-right:10px;padding-left:8px;transition:color 0.25s}gux-tab-advanced .gux-tab:not(.gux-dropdown-options) .gux-tab-button{width:160px;height:30px;padding-right:16px}gux-tab-advanced .gux-tab:not(.gux-dropdown-options) .gux-tab-button:focus-visible{height:90%;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced .gux-tab .tab-icon-container{display:flex;flex:0 0 16px;align-items:center;justify-content:center;height:14px;margin-right:8px}gux-tab-advanced .gux-tab .tab-icon-container gux-icon{width:100%}gux-tab-advanced .gux-tab.gux-selected{padding-bottom:0;background-color:#fdfdfd;border-bottom:2px solid #2a60c8}gux-tab-advanced .gux-tab.gux-selected .gux-tab-button{background-color:#fdfdfd}gux-tab-advanced .gux-tab.gux-selected .gux-tab-options-button{background-color:#fdfdfd}gux-tab-advanced .gux-tab:hover:not(.gux-selected):not(.gux-disabled){padding-bottom:0;border-bottom:2px solid #8a97ad}gux-tab-advanced .gux-tab gux-tooltip-title{padding-top:2px;font-size:14px;white-space:nowrap}";export{b as gux_tab_advanced}
+import{r as t,c as o,w as i,h as a,g as n}from"./p-7a1d01cb.js";import{e as s}from"./p-29e8b184.js";import{r as d}from"./p-cbcbd1bb.js";import{a as e}from"./p-091f51f6.js";import{b as u}from"./p-ec983b53.js";import{t as g}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const b=class{constructor(i){t(this,i),this.internalactivatetabpanel=o(this,"internalactivatetabpanel",7),this.dropdownOptionsButtonId=d(),this.tabTitle="",this.focusinFromClick=!1,this.active=!1,this.guxDisabled=!1,this.popoverHidden=!0,this.hasAnimated=!1}onFocusin(t){!this.focusinFromClick&&t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setShowTooltip()}onFocusout(t){this.root.querySelector(".gux-tab").contains(t.relatedTarget)||(this.popoverHidden=!0),t.target.classList.contains("gux-tab-button")&&this.tooltipTitleElement.setHideTooltip(),this.focusinFromClick=!1}onKeydown(t){switch(t.key){case"ArrowDown":case"Enter":s(".gux-tab-options-button",t)&&(this.popoverHidden=!1,this.focusFirstItemInPopupList());break;case"Escape":s('gux-list[slot="dropdown-options"]',t)&&(t.stopPropagation(),this.popoverHidden=!0,e((()=>{var t;null===(t=this.tabOptionsButtonElement)||void 0===t||t.focus()})))}}onKeyup(t){switch(t.key){case" ":s(".gux-tab-options-button",t)&&this.focusFirstItemInPopupList()}}onClick(t){s(".gux-tab-options-button",t)||this.active||this.guxDisabled||this.internalactivatetabpanel.emit(this.tabId)}onMouseDown(){this.focusinFromClick=!0}async guxSetActive(t){this.active=t}async guxGetActive(){return this.active}async guxFocus(){this.buttonElement.focus()}get hasDropdownOptions(){return Boolean(this.root.querySelector('gux-list[slot="dropdown-options"]'))}focusFirstItemInPopupList(){const t=this.root.querySelector('gux-list[slot="dropdown-options"]');e((()=>{null==t||t.guxFocusFirstItem()}))}toggleOptions(){this.popoverHidden=!this.popoverHidden}onSelectDropdownOption(t){this.popoverHidden=!0,t.stopPropagation(),e((()=>{this.tabOptionsButtonElement.focus()}))}async componentWillLoad(){this.i18n=await u(this.root,g,"gux-tabs-advanced")}componentDidLoad(){this.tabTitle=this.root.querySelector("gux-tooltip-title").textContent.trim(),this.hasAnimated||i((()=>{this.root.querySelector(".gux-tab").classList.add("gux-show"),this.hasAnimated=!0}))}popoverOnClick(t){t.stopPropagation()}getDropdownOptions(){return this.hasDropdownOptions?[a("button",{id:this.dropdownOptionsButtonId,"aria-expanded":(!this.popoverHidden).toString(),type:"button",class:"gux-tab-options-button",ref:t=>this.tabOptionsButtonElement=t,onClick:()=>this.toggleOptions(),tabIndex:this.active?0:-1,disabled:this.guxDisabled},a("gux-icon",{"icon-name":"menu-kebab-vertical","screenreader-text":this.i18n("options",{tabTitle:this.tabTitle})})),a("gux-popover-list",{position:"top-end",for:this.dropdownOptionsButtonId,displayDismissButton:!1,hidden:this.popoverHidden,closeOnClickOutside:!0,onGuxdismiss:()=>this.popoverHidden=!0,onClick:t=>this.popoverOnClick(t)},a("div",{class:"gux-dropdown-option-container",onClick:t=>this.onSelectDropdownOption(t)},a("slot",{name:"dropdown-options"})))]:null}render(){return[a("div",{class:{"gux-tab":!0,"gux-selected":this.active,"gux-dropdown-options":this.hasDropdownOptions,"gux-disabled":this.guxDisabled}},a("button",{class:"gux-tab-button",type:"button",role:"tab","aria-selected":this.active.toString(),"aria-disabled":this.guxDisabled.toString(),"aria-controls":`gux-${this.tabId}-panel`,ref:t=>this.buttonElement=t,tabIndex:this.active?0:-1,id:`gux-${this.tabId}-tab`},a("gux-tooltip-title",{ref:t=>this.tooltipTitleElement=t},a("span",null,a("slot",null)))),this.getDropdownOptions())]}get root(){return n(this)}};b.style=".gux-tab-sorting :focus-within{margin-bottom:4px}gux-tab-advanced:not(:last-child) .gux-tab:not(.gux-dropdown-options) .gux-tab-button{border-right:1px solid #d7dce5}gux-tab-advanced:not(:last-child) .gux-tab:not(.gux-dropdown-options) .gux-tab-options-button gux-icon{border-right:1px solid #d7dce5}gux-tab-advanced .gux-tab{display:flex;align-items:center;width:126px;height:50px;padding-bottom:2px;overflow:hidden;border-radius:4px 4px 0 0;transition:width 0.4s ease-out}gux-tab-advanced .gux-tab .gux-tab-button{display:flex;align-items:center;width:100%;width:125px;height:50px;padding-right:0;padding-left:16px;color:#000000;background-color:#f6f7f9;border:none}gux-tab-advanced .gux-tab .gux-tab-button:focus-visible{height:90%;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced .gux-tab.gux-show{width:160px}gux-tab-advanced .gux-tab.gux-show.gux-disabled .gux-tab-button{color:rgba(0, 0, 0, 0.5)}gux-tab-advanced .gux-tab.gux-show.gux-disabled .gux-tab-options-button{color:rgba(46, 57, 76, 0.5);pointer-events:none;cursor:default}gux-tab-advanced .gux-tab .gux-tab-options-button{z-index:1;align-items:center;justify-content:center;width:35px;height:100%;padding:0;cursor:pointer;background-color:#f6f7f9;border:none}gux-tab-advanced .gux-tab .gux-tab-options-button:focus-visible{outline:none}gux-tab-advanced .gux-tab .gux-tab-options-button:focus-visible gux-icon{padding-right:0;padding-left:0;border:3px solid #aac9ff;border-radius:5px}gux-tab-advanced .gux-tab .gux-tab-options-button gux-icon{width:16px;height:30px;padding-right:10px;padding-left:8px;transition:color 0.25s}gux-tab-advanced .gux-tab:not(.gux-dropdown-options) .gux-tab-button{width:160px;height:30px;padding-right:16px}gux-tab-advanced .gux-tab:not(.gux-dropdown-options) .gux-tab-button:focus-visible{height:90%;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced .gux-tab .tab-icon-container{display:flex;flex:0 0 16px;align-items:center;justify-content:center;height:14px;margin-right:8px}gux-tab-advanced .gux-tab .tab-icon-container gux-icon{width:100%}gux-tab-advanced .gux-tab.gux-selected{padding-bottom:0;background-color:#fdfdfd;border-bottom:2px solid #2a60c8}gux-tab-advanced .gux-tab.gux-selected .gux-tab-button{background-color:#fdfdfd}gux-tab-advanced .gux-tab.gux-selected .gux-tab-options-button{background-color:#fdfdfd}gux-tab-advanced .gux-tab:hover:not(.gux-selected):not(.gux-disabled){padding-bottom:0;border-bottom:2px solid #8a97ad}gux-tab-advanced .gux-tab gux-tooltip-title{padding-top:2px;font-size:14px;white-space:nowrap}";export{b as gux_tab_advanced}

package/dist/genesys-webcomponents/{p-8b26781f.entry.js → p-d1e7d5f3.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as s,g as e}from"./p-7a1d01cb.js";import{a as i}from"./p-091f51f6.js";import{t as r}from"./p-d8e265fd.js";import{h as n}from"./p-837e3eff.js";import{c as a}from"./p-ec26fc38.js";const u=class{constructor(o){t(this,o),this.isShown=!1}forceUpdate(t){t&&this.popperInstance&&this.popperInstance.update()}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}}onKeyup(t){switch(t.stopPropagation(),t.key){case" ":return void(this.menuContentElement.contains(document.activeElement)?this.root.focus():this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),n))}runPopper(){this.popperInstance=a(this.targetElement,document.querySelector("gux-menu"),{modifiers:[{name:"offset",options:{offset:[0,16]}},{name:"arrow",options:{padding:16}}],placement:"bottom-start"})}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){r(this.root)}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper()}render(){return o(s,{tabIndex:0,"aria-haspopup":"true"},o("span",{ref:t=>this.targetElement=t},o("slot",{name:"target"})),o("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},o("slot",{name:"menu"})))}get root(){return e(this)}static get watchers(){return{isShown:["forceUpdate"]}}};u.style=":host{z-index:var(--gux-zindex-popover, 2);color:#2e394c;cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-flyout-menu-content{display:none;margin:0}.gux-flyout-menu-content.gux-shown{display:flex}.gux-arrow,.gux-arrow::before{position:absolute;top:-3px;width:10px;height:10px;background:inherit}.gux-arrow::before{visibility:visible;content:'';border-top:1px solid #b4bccb;border-left:1px solid #b4bccb;transform:rotate(45deg)}";export{u as gux_flyout_menu_beta}
+import{r as t,h as o,H as s,g as e}from"./p-7a1d01cb.js";import{a as i}from"./p-091f51f6.js";import{t as r}from"./p-92cb002f.js";import{h as n}from"./p-837e3eff.js";import{c as a}from"./p-ec26fc38.js";const u=class{constructor(o){t(this,o),this.isShown=!1}forceUpdate(t){t&&this.popperInstance&&this.popperInstance.update()}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}}onKeyup(t){switch(t.stopPropagation(),t.key){case" ":return void(this.menuContentElement.contains(document.activeElement)?this.root.focus():this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),n))}runPopper(){this.popperInstance=a(this.targetElement,document.querySelector("gux-menu"),{modifiers:[{name:"offset",options:{offset:[0,16]}},{name:"arrow",options:{padding:16}}],placement:"bottom-start"})}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){r(this.root)}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper()}render(){return o(s,{tabIndex:0,"aria-haspopup":"true"},o("span",{ref:t=>this.targetElement=t},o("slot",{name:"target"})),o("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},o("slot",{name:"menu"})))}get root(){return e(this)}static get watchers(){return{isShown:["forceUpdate"]}}};u.style=":host{z-index:var(--gux-zindex-popover, 2);color:#2e394c;cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-flyout-menu-content{display:none;margin:0}.gux-flyout-menu-content.gux-shown{display:flex}.gux-arrow,.gux-arrow::before{position:absolute;top:-3px;width:10px;height:10px;background:inherit}.gux-arrow::before{visibility:visible;content:'';border-top:1px solid #b4bccb;border-left:1px solid #b4bccb;transform:rotate(45deg)}";export{u as gux_flyout_menu_beta}

package/dist/genesys-webcomponents/{p-6b6997a2.entry.js → p-d2100cb3.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,g as a}from"./p-7a1d01cb.js";import{t as s}from"./p-d8e265fd.js";import{V as e}from"./p-5cacdfc9.js";import{l as r}from"./p-45fec011.js";const h=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"bar"},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:e[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||r("gux-chart-column","[gux-chart-column] requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color={field:"category"}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,a=this.yFieldName,s=this.xAxisTitle,h=this.yAxisTitle,n=this.legendTitle;if(this.chartLayers){const t=this.chartLayers.map((t=>({mark:"bar",transform:[{filter:{field:"series",equal:t}}],encoding:{x:{field:i,type:"nominal"},y:{field:a,type:"quantitative"}}})));this.baseChartSpec.layer=t}else i&&(this.baseChartSpec.encoding.x.field=i),a&&(this.baseChartSpec.encoding.y.field=a),s&&(this.baseChartSpec.encoding.x.title=s),h&&(this.baseChartSpec.encoding.y.title=h),n&&(this.baseChartSpec.encoding.color.title=n);this.baseChartSpec.config.range={[i]:e};const o=Object.assign(this.baseChartSpec,t);this.visualizationSpec=o}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return a(this)}static get watchers(){return{chartData:["parseData"]}}};h.style="gux-visualization-beta{height:fit-content;color:#2e394c;}gux-visualization-beta .mark-rect.layer_0_marks path{fill:url(#diagonalHatch0)}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";export{h as gux_chart_column_beta}
+import{r as t,h as i,g as a}from"./p-7a1d01cb.js";import{t as s}from"./p-92cb002f.js";import{V as e}from"./p-5cacdfc9.js";import{l as r}from"./p-45fec011.js";const h=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"bar"},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:e[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||r("gux-chart-column","[gux-chart-column] requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color={field:"category"}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,a=this.yFieldName,s=this.xAxisTitle,h=this.yAxisTitle,n=this.legendTitle;if(this.chartLayers){const t=this.chartLayers.map((t=>({mark:"bar",transform:[{filter:{field:"series",equal:t}}],encoding:{x:{field:i,type:"nominal"},y:{field:a,type:"quantitative"}}})));this.baseChartSpec.layer=t}else i&&(this.baseChartSpec.encoding.x.field=i),a&&(this.baseChartSpec.encoding.y.field=a),s&&(this.baseChartSpec.encoding.x.title=s),h&&(this.baseChartSpec.encoding.y.title=h),n&&(this.baseChartSpec.encoding.color.title=n);this.baseChartSpec.config.range={[i]:e};const o=Object.assign(this.baseChartSpec,t);this.visualizationSpec=o}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return a(this)}static get watchers(){return{chartData:["parseData"]}}};h.style="gux-visualization-beta{height:fit-content;color:#2e394c;}gux-visualization-beta .mark-rect.layer_0_marks path{fill:url(#diagonalHatch0)}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";export{h as gux_chart_column_beta}

package/dist/genesys-webcomponents/{p-0bbc763d.entry.js → p-d3871f34.entry.js}

@@ -1 +1 @@
-import{r as t,h as n,g as e}from"./p-7a1d01cb.js";import{b as i}from"./p-0d3c1ee5.js";import{r as o}from"./p-cbcbd1bb.js";import{o as r}from"./p-e2bea786.js";import{s as a}from"./p-8fe7daff.js";import{s as u}from"./p-d176c2ae.js";import{c as s,a as g}from"./p-112455b1.js";import"./p-8a133b9b.js";const p=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-checkbox-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};p.style="gux-input-checkbox{display:block;color:#2e394c}gux-input-checkbox .gux-input-checkbox-container{position:relative;padding-left:24px;line-height:24px}gux-input-checkbox input{position:absolute;z-index:-1;opacity:0}gux-input-checkbox label{display:inline-block;font-size:12px}gux-input-checkbox label:hover{cursor:pointer}gux-input-checkbox label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:15%}gux-input-checkbox input:focus-within~label::after{box-shadow:0 0 3px 2px #aac9ff}gux-input-checkbox input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}gux-input-checkbox.gux-input-error input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}gux-input-checkbox input:not(:checked):not(:disabled):not(:indeterminate)~label:hover::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:checked~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:indeterminate~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:disabled~label::after,gux-input-checkbox input:disabled~label{cursor:not-allowed;opacity:0.5}";const c={required:"Required"},l=class{constructor(n){t(this,n),this.requiredId=o("gux-input-color-required")}onClick(t){this.root.contains(t.target)||this.setOpened(!1)}onInput(t){this.color=t.target.value}async componentWillLoad(){this.i18n=await i(this.root,c),this.input=this.root.querySelector('input[slot="input"]'),this.input.addEventListener("change",(t=>{this.opened&&(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault())})),this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.disabled=this.input.disabled,this.color=this.input.value}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("section",null,n("span",{class:"gux-hidden",id:this.requiredId},this.i18n("required")),n("button",{"aria-describedby":`${this.guxLabelDescribedby} ${this.guxRequired?this.requiredId:""} ${this.guxErrorDescribedby}`,"aria-expanded":this.opened?"true":"false",type:"button",class:{"gux-input-color-main-element":!0,"gux-opened":this.opened},disabled:this.disabled,onClick:this.clickHandler.bind(this)},n("div",{class:"gux-input-color-selected-color",style:{background:this.color}}),n("div",{class:"gux-input-color-color-name"},this.color),n("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})),n("gux-color-select",{class:{"gux-input-color-color-select":!0,"gux-opened":this.opened}},n("slot",{name:"input",slot:"input"})))}setOpened(t){this.colorOnOpen&&this.colorOnOpen!==this.color&&(this.colorOnOpen=this.color,this.input.dispatchEvent(new Event("change",{bubbles:!0}))),this.colorOnOpen=this.color,this.opened=t}clickHandler(){this.disabled||this.setOpened(!this.opened)}get root(){return e(this)}};l.style="gux-input-color{color:#2e394c}gux-input-color>section{position:relative;display:inline-block;width:160px}gux-input-color>gux-input-color-option{display:none}gux-input-color .gux-input-color-main-element{box-sizing:border-box;width:100%;padding:0;margin:0;cursor:pointer;user-select:none;background-color:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;outline:none;box-shadow:0 0 0 0 transparent;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);transition:box-shadow 0.2s}gux-input-color .gux-input-color-main-element:focus,gux-input-color .gux-input-color-main-element.gux-opened{border-color:#2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-color .gux-input-color-main-element:disabled{pointer-events:none;cursor:default;opacity:0.5}gux-input-color .gux-input-color-main-element:hover gux-icon,gux-input-color .gux-input-color-main-element:focus gux-icon{color:#2e394c}gux-input-color .gux-input-color-selected-color{float:left;padding:8px;margin:8px 12px}gux-input-color .gux-input-color-color-name{float:left;margin:9px 0;font-size:12px}gux-input-color .gux-input-color-color-select{position:absolute;top:100%;left:0;z-index:var(--gux-zindex-popup, 1);display:none;width:100%}gux-input-color .gux-input-color-color-select.gux-opened{display:inherit}gux-input-color gux-icon{position:absolute;top:0;right:0;display:flex;align-items:center;width:16px;height:100%;padding:0 7px;overflow:hidden;color:#596373;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-input-color .gux-hidden{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";const x={clear:"Clear",increment:"Increment",decrement:"Decrement"},d=class{constructor(n){t(this,n),this.hasContent=!1}clearInput(){a(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}simulateNativeInputAndChangeEvents(){u(this.input,"input"),u(this.input,"change")}stepUp(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepUp(),this.simulateNativeInputAndChangeEvents())}stepDown(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepDown(),this.simulateNativeInputAndChangeEvents())}renderClearButton(){return this.clearable&&this.hasContent&&!this.disabled?n("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.getI18nValue("clear"),disabled:this.disabled,onClick:this.clearInput.bind(this)},n("gux-icon",{"icon-name":"close",decorative:!0})):null}renderStepButtons(){return n("div",{class:"gux-step-buttons-container"},n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("increment"),disabled:this.disabled,onClick:()=>this.stepUp()},n("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("decrement"),disabled:this.disabled,onClick:()=>this.stepDown()},n("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}async componentWillLoad(){this.getI18nValue=await i(this.root,x),this.input=this.root.querySelector('input[slot="input"]'),this.setHasContent(),this.disabled=this.input.disabled,this.input.addEventListener("input",(()=>{this.setHasContent()})),this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-number-container":!0,"gux-disabled":this.disabled}},n("div",{class:"gux-input-container"},n("slot",{name:"input"}),this.renderClearButton()),this.renderStepButtons())}get root(){return e(this)}};d.style="gux-input-number{position:relative;display:block}gux-input-number .gux-input-number-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}gux-input-number .gux-input-number-container.gux-disabled{opacity:0.5}gux-input-number .gux-input-number-container .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-number .gux-input-number-container .gux-input-container input{flex:1 1 auto;align-self:auto;order:0;color:#2e394c;text-align:right;background-color:#f6f7f9;border:none;outline:none;}gux-input-number .gux-input-number-container .gux-input-container input::placeholder{color:#596373;opacity:1}gux-input-number .gux-input-number-container .gux-input-container input::-webkit-outer-spin-button,gux-input-number .gux-input-number-container .gux-input-container input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}gux-input-number .gux-input-number-container .gux-input-container input[type='number']{-moz-appearance:textfield}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button gux-icon{width:12px;height:12px}gux-input-number .gux-input-number-container .gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}gux-input-number .gux-input-number-container:focus-within .gux-input-container{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}";const h=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-radio-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};h.style="gux-input-radio{display:block;color:#2e394c}gux-input-radio .gux-input-radio-container{position:relative;padding-left:24px;line-height:24px}gux-input-radio input{position:absolute;z-index:-1;opacity:0}gux-input-radio label{display:inline-block;font-size:12px}gux-input-radio label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:50%}gux-input-radio input:focus-within~label::after{box-shadow:0 0 2px 1px #aac9ff, inset 0 0 2px 1px #aac9ff}gux-input-radio input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}gux-input-radio input:not(:checked):not(:disabled)~label:hover::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:checked~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:disabled~label::after,gux-input-radio input:disabled~label{cursor:not-allowed;opacity:0.5}";for(var b=s((function(t){(function(){var n,e,i,o,r,a;"undefined"!=typeof performance&&null!==performance&&performance.now?t.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(t.exports=function(){return(n()-r)/1e6},e=process.hrtime,o=(n=function(){var t;return 1e9*(t=e())[0]+t[1]})(),a=1e9*process.uptime(),r=o-a):Date.now?(t.exports=function(){return Date.now()-i},i=Date.now()):(t.exports=function(){return(new Date).getTime()-i},i=(new Date).getTime())}).call(g)})),m="undefined"==typeof window?g:window,f=["moz","webkit"],w="AnimationFrame",v=m["request"+w],k=m["cancel"+w]||m["cancelRequest"+w],y=0;!v&&y<f.length;y++)v=m[f[y]+"Request"+w],k=m[f[y]+"Cancel"+w]||m[f[y]+"CancelRequest"+w];if(!v||!k){var z=0,C=0,E=[];v=function(t){if(0===E.length){var n=b(),e=Math.max(0,16.666666666666668-(n-z));z=e+n,setTimeout((function(){var t=E.slice(0);E.length=0;for(var n=0;n<t.length;n++)if(!t[n].cancelled)try{t[n].callback(z)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(e))}return E.push({handle:++C,callback:t,cancelled:!1}),C},k=function(t){for(var n=0;n<E.length;n++)E[n].handle===t&&(E[n].cancelled=!0)}}var M,_=function(t){return v.call(m,t)};_.cancel=function(){k.apply(m,arguments)},_.polyfill=function(t){t||(t=m),t.requestAnimationFrame=v,t.cancelAnimationFrame=k},function(t){t[t.MODE_TIMEOUT=0]="MODE_TIMEOUT",t[t.MODE_INTERVAL=1]="MODE_INTERVAL"}(M||(M={}));const D=new Map,j=new Set;let B=!1,I=0;function L(){return(new Date).getTime()}function q(t){const{fn:n,args:e}=t;n(...e)}function T(){if(0===D.size)return void(B=!1);const t=L();D.forEach((t=>(n,e)=>{const{nextTick:i,ms:o,mode:r}=n;t-i>=0&&(j.add(n),r===M.MODE_TIMEOUT?D.delete(e):D.set(e,{...n,nextTick:i+o}))})(t)),0!==j.size&&(j.forEach(q),j.clear()),0!==D.size?_(T):B=!1}const $=class{constructor(n){t(this,n),this.valueInTooltip=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),n=Number(this.input.min||0),e=(t-n)/(Number(this.input.max||100)-n)*100;if(this.sliderTooltip){const t=Math.round(1e3*(e/100-e/8/this.sliderTooltipContainer.offsetWidth))/10;this.sliderTooltip.style.left=`${t}%`}this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"]'),this.disabled=this.input.disabled,this.value=this.input.value,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.valueWatcherId=((t,n=0,...e)=>function({fn:t,ms:n,args:e,mode:i}){if(!t)return null;const o=I;return D.set(o,{fn:t,ms:n,nextTick:L()+n,args:e,mode:i}),B||(B=!0,_(T)),I+=1,o}({fn:t,ms:n,args:e,mode:M.MODE_INTERVAL}))((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100)}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),function(t){null!=t&&D.has(t)&&D.delete(t)}(this.valueWatcherId)}render(){return n("div",{class:{"gux-container":!0,"gux-disabled":this.disabled}},n("div",{class:{"gux-range":!0,"gux-active":this.active}},n("div",{class:"gux-track"},n("div",{class:"gux-progress",ref:t=>this.progressElement=t})),n("slot",{name:"input"}),n("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},n("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),n("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}get root(){return e(this)}};$.style="gux-input-range .gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:32px;font-size:12px}gux-input-range .gux-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-range .gux-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}gux-input-range .gux-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}gux-input-range .gux-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']{position:absolute;width:100%;height:2px;margin:6px 0;margin-top:calc(-1 * (12px / 2 + 2px));background:transparent;-webkit-appearance:none}gux-input-range .gux-container .gux-range input[type='range']:focus{outline:none}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;-webkit-appearance:none;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-webkit-slider-runnable-track{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;color:transparent;background:transparent;border-color:transparent;border-width:12px 0}gux-input-range .gux-container .gux-range input[type='range']::-ms-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-lower{background:rgba(0, 0, 0, 0)}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-upper{background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-ms-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-lower{background:transparent}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-upper{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-webkit-slider-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-moz-range-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-ms-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-display{flex:0 1 auto;align-self:auto;order:0;height:32px;margin:0 0 0 16px;line-height:32px;text-align:right}gux-input-range .gux-container .gux-display.gux-hidden{display:none}gux-input-range .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;visibility:hidden}gux-input-range .gux-range-tooltip-container .gux-range-tooltip{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;height:32px;margin-left:-20px;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after,gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;content:' ';border:solid transparent}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden){visibility:visible}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip{visibility:visible}";const R=class{constructor(n){t(this,n)}componentWillLoad(){this.input=this.root.querySelector('select[slot="input"]'),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},n("slot",{name:"input"}),n("gux-icon",{decorative:!0,iconName:"ic-dropdown-arrow"}))}get root(){return e(this)}};R.style="gux-input-select{position:relative;display:block}gux-input-select .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-select .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-select .gux-input-container:hover gux-icon{color:#2a60c8}gux-input-select .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}gux-input-select .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}gux-input-select .gux-input-container:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}";const N=class{constructor(n){t(this,n),this.resize="none"}componentWillLoad(){this.input=this.root.querySelector('textarea[slot="input"]'),this.input.addEventListener("input",(()=>{this.updateHeight()}))}componentDidLoad(){this.updateHeight()}updateHeight(){"auto"===this.resize&&(this.containerElement.dataset.replicatedValue=this.input.value,this.containerElement.style.maxHeight=this.input.style.maxHeight)}render(){return n("div",{ref:t=>this.containerElement=t,class:`gux-resize-${this.resize}`},n("slot",{name:"input"}))}get root(){return e(this)}};N.style="gux-input-textarea{position:relative;display:block}gux-input-textarea .gux-resize-none textarea{resize:none}gux-input-textarea .gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}gux-input-textarea .gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea .gux-resize-auto textarea{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}gux-input-textarea textarea{flex:1 1 auto;align-self:auto;order:0;font-family:inherit;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;color:#2e394c;background-color:#f6f7f9;background-image:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea textarea::placeholder{color:#596373;opacity:1}gux-input-textarea textarea:focus-within{border-color:#2a60c8;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-textarea textarea[disabled]{opacity:0.5}";export{p as gux_input_checkbox,l as gux_input_color,d as gux_input_number,h as gux_input_radio,$ as gux_input_range,R as gux_input_select,N as gux_input_textarea}
+import{r as t,h as n,g as e}from"./p-7a1d01cb.js";import{b as i}from"./p-ec983b53.js";import{r as o}from"./p-cbcbd1bb.js";import{o as r}from"./p-e2bea786.js";import{s as a}from"./p-8fe7daff.js";import{s as u}from"./p-d176c2ae.js";import{c as s,a as g}from"./p-112455b1.js";import"./p-8a133b9b.js";const p=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-checkbox-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};p.style="gux-input-checkbox{display:block;color:#2e394c}gux-input-checkbox .gux-input-checkbox-container{position:relative;padding-left:24px;line-height:24px}gux-input-checkbox input{position:absolute;z-index:-1;opacity:0}gux-input-checkbox label{display:inline-block;font-size:12px}gux-input-checkbox label:hover{cursor:pointer}gux-input-checkbox label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:15%}gux-input-checkbox input:focus-within~label::after{box-shadow:0 0 3px 2px #aac9ff}gux-input-checkbox input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}gux-input-checkbox.gux-input-error input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}gux-input-checkbox input:not(:checked):not(:disabled):not(:indeterminate)~label:hover::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:checked~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:indeterminate~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:disabled~label::after,gux-input-checkbox input:disabled~label{cursor:not-allowed;opacity:0.5}";const c={required:"Required"},l=class{constructor(n){t(this,n),this.requiredId=o("gux-input-color-required")}onClick(t){this.root.contains(t.target)||this.setOpened(!1)}onInput(t){this.color=t.target.value}async componentWillLoad(){this.i18n=await i(this.root,c),this.input=this.root.querySelector('input[slot="input"]'),this.input.addEventListener("change",(t=>{this.opened&&(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault())})),this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.disabled=this.input.disabled,this.color=this.input.value}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("section",null,n("span",{class:"gux-hidden",id:this.requiredId},this.i18n("required")),n("button",{"aria-describedby":`${this.guxLabelDescribedby} ${this.guxRequired?this.requiredId:""} ${this.guxErrorDescribedby}`,"aria-expanded":this.opened?"true":"false",type:"button",class:{"gux-input-color-main-element":!0,"gux-opened":this.opened},disabled:this.disabled,onClick:this.clickHandler.bind(this)},n("div",{class:"gux-input-color-selected-color",style:{background:this.color}}),n("div",{class:"gux-input-color-color-name"},this.color),n("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})),n("gux-color-select",{class:{"gux-input-color-color-select":!0,"gux-opened":this.opened}},n("slot",{name:"input",slot:"input"})))}setOpened(t){this.colorOnOpen&&this.colorOnOpen!==this.color&&(this.colorOnOpen=this.color,this.input.dispatchEvent(new Event("change",{bubbles:!0}))),this.colorOnOpen=this.color,this.opened=t}clickHandler(){this.disabled||this.setOpened(!this.opened)}get root(){return e(this)}};l.style="gux-input-color{color:#2e394c}gux-input-color>section{position:relative;display:inline-block;width:160px}gux-input-color>gux-input-color-option{display:none}gux-input-color .gux-input-color-main-element{box-sizing:border-box;width:100%;padding:0;margin:0;cursor:pointer;user-select:none;background-color:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;outline:none;box-shadow:0 0 0 0 transparent;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);transition:box-shadow 0.2s}gux-input-color .gux-input-color-main-element:focus,gux-input-color .gux-input-color-main-element.gux-opened{border-color:#2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-color .gux-input-color-main-element:disabled{pointer-events:none;cursor:default;opacity:0.5}gux-input-color .gux-input-color-main-element:hover gux-icon,gux-input-color .gux-input-color-main-element:focus gux-icon{color:#2e394c}gux-input-color .gux-input-color-selected-color{float:left;padding:8px;margin:8px 12px}gux-input-color .gux-input-color-color-name{float:left;margin:9px 0;font-size:12px}gux-input-color .gux-input-color-color-select{position:absolute;top:100%;left:0;z-index:var(--gux-zindex-popup, 1);display:none;width:100%}gux-input-color .gux-input-color-color-select.gux-opened{display:inherit}gux-input-color gux-icon{position:absolute;top:0;right:0;display:flex;align-items:center;width:16px;height:100%;padding:0 7px;overflow:hidden;color:#596373;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-input-color .gux-hidden{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";const x={clear:"Clear",increment:"Increment",decrement:"Decrement"},d=class{constructor(n){t(this,n),this.hasContent=!1}clearInput(){a(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}simulateNativeInputAndChangeEvents(){u(this.input,"input"),u(this.input,"change")}stepUp(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepUp(),this.simulateNativeInputAndChangeEvents())}stepDown(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepDown(),this.simulateNativeInputAndChangeEvents())}renderClearButton(){return this.clearable&&this.hasContent&&!this.disabled?n("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.getI18nValue("clear"),disabled:this.disabled,onClick:this.clearInput.bind(this)},n("gux-icon",{"icon-name":"close",decorative:!0})):null}renderStepButtons(){return n("div",{class:"gux-step-buttons-container"},n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("increment"),disabled:this.disabled,onClick:()=>this.stepUp()},n("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("decrement"),disabled:this.disabled,onClick:()=>this.stepDown()},n("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}async componentWillLoad(){this.getI18nValue=await i(this.root,x),this.input=this.root.querySelector('input[slot="input"]'),this.setHasContent(),this.disabled=this.input.disabled,this.input.addEventListener("input",(()=>{this.setHasContent()})),this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-number-container":!0,"gux-disabled":this.disabled}},n("div",{class:"gux-input-container"},n("slot",{name:"input"}),this.renderClearButton()),this.renderStepButtons())}get root(){return e(this)}};d.style="gux-input-number{position:relative;display:block}gux-input-number .gux-input-number-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}gux-input-number .gux-input-number-container.gux-disabled{opacity:0.5}gux-input-number .gux-input-number-container .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-number .gux-input-number-container .gux-input-container input{flex:1 1 auto;align-self:auto;order:0;color:#2e394c;text-align:right;background-color:#f6f7f9;border:none;outline:none;}gux-input-number .gux-input-number-container .gux-input-container input::placeholder{color:#596373;opacity:1}gux-input-number .gux-input-number-container .gux-input-container input::-webkit-outer-spin-button,gux-input-number .gux-input-number-container .gux-input-container input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}gux-input-number .gux-input-number-container .gux-input-container input[type='number']{-moz-appearance:textfield}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button gux-icon{width:12px;height:12px}gux-input-number .gux-input-number-container .gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}gux-input-number .gux-input-number-container:focus-within .gux-input-container{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}";const h=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-radio-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};h.style="gux-input-radio{display:block;color:#2e394c}gux-input-radio .gux-input-radio-container{position:relative;padding-left:24px;line-height:24px}gux-input-radio input{position:absolute;z-index:-1;opacity:0}gux-input-radio label{display:inline-block;font-size:12px}gux-input-radio label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:50%}gux-input-radio input:focus-within~label::after{box-shadow:0 0 2px 1px #aac9ff, inset 0 0 2px 1px #aac9ff}gux-input-radio input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}gux-input-radio input:not(:checked):not(:disabled)~label:hover::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:checked~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:disabled~label::after,gux-input-radio input:disabled~label{cursor:not-allowed;opacity:0.5}";for(var b=s((function(t){(function(){var n,e,i,o,r,a;"undefined"!=typeof performance&&null!==performance&&performance.now?t.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(t.exports=function(){return(n()-r)/1e6},e=process.hrtime,o=(n=function(){var t;return 1e9*(t=e())[0]+t[1]})(),a=1e9*process.uptime(),r=o-a):Date.now?(t.exports=function(){return Date.now()-i},i=Date.now()):(t.exports=function(){return(new Date).getTime()-i},i=(new Date).getTime())}).call(g)})),m="undefined"==typeof window?g:window,f=["moz","webkit"],w="AnimationFrame",v=m["request"+w],k=m["cancel"+w]||m["cancelRequest"+w],y=0;!v&&y<f.length;y++)v=m[f[y]+"Request"+w],k=m[f[y]+"Cancel"+w]||m[f[y]+"CancelRequest"+w];if(!v||!k){var z=0,C=0,E=[];v=function(t){if(0===E.length){var n=b(),e=Math.max(0,16.666666666666668-(n-z));z=e+n,setTimeout((function(){var t=E.slice(0);E.length=0;for(var n=0;n<t.length;n++)if(!t[n].cancelled)try{t[n].callback(z)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(e))}return E.push({handle:++C,callback:t,cancelled:!1}),C},k=function(t){for(var n=0;n<E.length;n++)E[n].handle===t&&(E[n].cancelled=!0)}}var M,_=function(t){return v.call(m,t)};_.cancel=function(){k.apply(m,arguments)},_.polyfill=function(t){t||(t=m),t.requestAnimationFrame=v,t.cancelAnimationFrame=k},function(t){t[t.MODE_TIMEOUT=0]="MODE_TIMEOUT",t[t.MODE_INTERVAL=1]="MODE_INTERVAL"}(M||(M={}));const D=new Map,j=new Set;let B=!1,I=0;function L(){return(new Date).getTime()}function q(t){const{fn:n,args:e}=t;n(...e)}function T(){if(0===D.size)return void(B=!1);const t=L();D.forEach((t=>(n,e)=>{const{nextTick:i,ms:o,mode:r}=n;t-i>=0&&(j.add(n),r===M.MODE_TIMEOUT?D.delete(e):D.set(e,{...n,nextTick:i+o}))})(t)),0!==j.size&&(j.forEach(q),j.clear()),0!==D.size?_(T):B=!1}const $=class{constructor(n){t(this,n),this.valueInTooltip=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),n=Number(this.input.min||0),e=(t-n)/(Number(this.input.max||100)-n)*100;if(this.sliderTooltip){const t=Math.round(1e3*(e/100-e/8/this.sliderTooltipContainer.offsetWidth))/10;this.sliderTooltip.style.left=`${t}%`}this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"]'),this.disabled=this.input.disabled,this.value=this.input.value,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.valueWatcherId=((t,n=0,...e)=>function({fn:t,ms:n,args:e,mode:i}){if(!t)return null;const o=I;return D.set(o,{fn:t,ms:n,nextTick:L()+n,args:e,mode:i}),B||(B=!0,_(T)),I+=1,o}({fn:t,ms:n,args:e,mode:M.MODE_INTERVAL}))((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100)}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),function(t){null!=t&&D.has(t)&&D.delete(t)}(this.valueWatcherId)}render(){return n("div",{class:{"gux-container":!0,"gux-disabled":this.disabled}},n("div",{class:{"gux-range":!0,"gux-active":this.active}},n("div",{class:"gux-track"},n("div",{class:"gux-progress",ref:t=>this.progressElement=t})),n("slot",{name:"input"}),n("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},n("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),n("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}get root(){return e(this)}};$.style="gux-input-range .gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:32px;font-size:12px}gux-input-range .gux-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-range .gux-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}gux-input-range .gux-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}gux-input-range .gux-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']{position:absolute;width:100%;height:2px;margin:6px 0;margin-top:calc(-1 * (12px / 2 + 2px));background:transparent;-webkit-appearance:none}gux-input-range .gux-container .gux-range input[type='range']:focus{outline:none}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;-webkit-appearance:none;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-webkit-slider-runnable-track{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;color:transparent;background:transparent;border-color:transparent;border-width:12px 0}gux-input-range .gux-container .gux-range input[type='range']::-ms-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-lower{background:rgba(0, 0, 0, 0)}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-upper{background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-ms-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-lower{background:transparent}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-upper{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-webkit-slider-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-moz-range-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-ms-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-display{flex:0 1 auto;align-self:auto;order:0;height:32px;margin:0 0 0 16px;line-height:32px;text-align:right}gux-input-range .gux-container .gux-display.gux-hidden{display:none}gux-input-range .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;visibility:hidden}gux-input-range .gux-range-tooltip-container .gux-range-tooltip{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;height:32px;margin-left:-20px;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after,gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;content:' ';border:solid transparent}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden){visibility:visible}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip{visibility:visible}";const R=class{constructor(n){t(this,n)}componentWillLoad(){this.input=this.root.querySelector('select[slot="input"]'),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},n("slot",{name:"input"}),n("gux-icon",{decorative:!0,iconName:"ic-dropdown-arrow"}))}get root(){return e(this)}};R.style="gux-input-select{position:relative;display:block}gux-input-select .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-select .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-select .gux-input-container:hover gux-icon{color:#2a60c8}gux-input-select .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}gux-input-select .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}gux-input-select .gux-input-container:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}";const N=class{constructor(n){t(this,n),this.resize="none"}componentWillLoad(){this.input=this.root.querySelector('textarea[slot="input"]'),this.input.addEventListener("input",(()=>{this.updateHeight()}))}componentDidLoad(){this.updateHeight()}updateHeight(){"auto"===this.resize&&(this.containerElement.dataset.replicatedValue=this.input.value,this.containerElement.style.maxHeight=this.input.style.maxHeight)}render(){return n("div",{ref:t=>this.containerElement=t,class:`gux-resize-${this.resize}`},n("slot",{name:"input"}))}get root(){return e(this)}};N.style="gux-input-textarea{position:relative;display:block}gux-input-textarea .gux-resize-none textarea{resize:none}gux-input-textarea .gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}gux-input-textarea .gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea .gux-resize-auto textarea{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}gux-input-textarea textarea{flex:1 1 auto;align-self:auto;order:0;font-family:inherit;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;color:#2e394c;background-color:#f6f7f9;background-image:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea textarea::placeholder{color:#596373;opacity:1}gux-input-textarea textarea:focus-within{border-color:#2a60c8;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-textarea textarea[disabled]{opacity:0.5}";export{p as gux_input_checkbox,l as gux_input_color,d as gux_input_number,h as gux_input_radio,$ as gux_input_range,R as gux_input_select,N as gux_input_textarea}

package/dist/genesys-webcomponents/{p-c8ae08ae.entry.js → p-d44eb7d2.entry.js}

@@ -1 +1 @@
-import{r as e,h as a,g as l}from"./p-7a1d01cb.js";import{t as s}from"./p-d8e265fd.js";const i=class{constructor(a){e(this,a),this.isOpen=!1,this.position="left"}get containerClass(){return`gux-${this.position} gux-${this.isOpen?"open":"closed"}`}get contentClass(){return"gux-panel-content gux-"+(this.isOpen?"open":"closed")}componentWillLoad(){s(this.root,{variant:this.position})}render(){return a("aside",{class:this.containerClass},a("div",{class:"gux-panel-icons"},a("slot",{name:"side-panel-icons"})),a("div",{class:this.contentClass},a("slot",{name:"side-panel-content"})))}get root(){return l(this)}};i.style="gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";export{i as gux_side_panel_legacy}
+import{r as e,h as a,g as l}from"./p-7a1d01cb.js";import{t as s}from"./p-92cb002f.js";const i=class{constructor(a){e(this,a),this.isOpen=!1,this.position="left"}get containerClass(){return`gux-${this.position} gux-${this.isOpen?"open":"closed"}`}get contentClass(){return"gux-panel-content gux-"+(this.isOpen?"open":"closed")}componentWillLoad(){s(this.root,{variant:this.position})}render(){return a("aside",{class:this.containerClass},a("div",{class:"gux-panel-icons"},a("slot",{name:"side-panel-icons"})),a("div",{class:this.contentClass},a("slot",{name:"side-panel-content"})))}get root(){return l(this)}};i.style="gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";export{i as gux_side_panel_legacy}

package/dist/genesys-webcomponents/p-d47c5236.entry.js

@@ -0,0 +1 @@
+import{r as t,h as s,H as r,g as o}from"./p-7a1d01cb.js";import{t as i}from"./p-92cb002f.js";import{D as e}from"./p-4fe5d1a3.js";import{g as a}from"./p-ec983b53.js";import"./p-8a133b9b.js";const p=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){i(this.root),this.formatter=new e(a(this.root))}render(){return s(r,null,this.formatter.formatTime(new Date(this.datetime),this.format))}get root(){return o(this)}};export{p as gux_time_beta}

package/dist/genesys-webcomponents/{p-e27ecc6d.entry.js → p-d5f3085d.entry.js}

@@ -1 +1 @@
-import{r as e,h as o,g as l}from"./p-7a1d01cb.js";import{t}from"./p-d8e265fd.js";import{b as r}from"./p-0d3c1ee5.js";import"./p-8a133b9b.js";const a={neutral:"badge with label: {label}, color: neutral","neutral-bold":"badge with label: {label}, color: neutral bold",green:"badge with label: {label}, color: green","green-bold":"badge with label: {label}, color: green bold",yellow:"badge with label: {label}, color: yellow","yellow-bold":"badge with label: {label}, color: yellow bold",red:"badge with label: {label}, color: red","red-bold":"badge with label: {label}, color: red bold"},d=class{constructor(o){e(this,o),this.color="neutral",this.bold=!1}onSlotChange(e){const o=e.composedPath()[0].assignedNodes();this.label=o.map((e=>e.textContent)).join("")}renderBadgeTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.color}${this.bold?"-bold":""}`}async componentWillLoad(){t(this.root),this.i18n=await r(this.root,a)}render(){return o("div",{class:{"gux-badge":!0,[`gux-${this.color}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return l(this)}};d.style=":host{display:inline-block}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}";export{d as gux_badge_beta}
+import{r as e,h as o,g as l}from"./p-7a1d01cb.js";import{t}from"./p-92cb002f.js";import{b as r}from"./p-ec983b53.js";import"./p-8a133b9b.js";const a={neutral:"badge with label: {label}, color: neutral","neutral-bold":"badge with label: {label}, color: neutral bold",green:"badge with label: {label}, color: green","green-bold":"badge with label: {label}, color: green bold",yellow:"badge with label: {label}, color: yellow","yellow-bold":"badge with label: {label}, color: yellow bold",red:"badge with label: {label}, color: red","red-bold":"badge with label: {label}, color: red bold"},g=class{constructor(o){e(this,o),this.color="neutral",this.bold=!1}onSlotChange(e){const o=e.composedPath()[0].assignedNodes();this.label=o.map((e=>e.textContent)).join("")}renderBadgeTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.color}${this.bold?"-bold":""}`}async componentWillLoad(){t(this.root),this.i18n=await r(this.root,a)}render(){return o("div",{class:{"gux-badge":!0,[`gux-${this.color}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return l(this)}};g.style=":host{display:inline-block}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}";export{g as gux_badge_beta}