genesys-spark-components 3.21.3 → 3.22.0

package/dist/genesys-webcomponents/{p-f3dab63d.entry.js → p-250d0953.entry.js}

@@ -1 +1 @@
-import{r as e,h as a,g as l}from"./p-74b510cb.js";import{t as s}from"./p-0792b920.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-74b510cb.js";import{t as s}from"./p-22d84609.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-3c02388e.entry.js → p-271390d2.entry.js}

@@ -1 +1 @@
-import{h as e,r,g as s}from"./p-74b510cb.js";import{t}from"./p-0792b920.js";import{l as a}from"./p-3184268e.js";import{r as o}from"./p-cbcbd1bb.js";import{c as i}from"./p-9dd4b14a.js";const n=2*Math.PI*23.5;function c(e,r){return!(isNaN(e)||isNaN(r)||e>r||e<0||0===r)}const l=({value:r,max:s,scale:t,dropshadowId:a,screenreaderText:o})=>e("div",{role:"progressbar","aria-valuenow":r,"aria-valuemin":"0","aria-valuemax":s,"aria-label":o},e("svg",{class:"gux-svg-container",width:"60px",height:"60px",viewBox:"0 0 60 60",role:"presentation"},e("filter",{id:a},e("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"1.4"}),e("feOffset",{dx:"0",dy:"0",result:"offsetblur"}),e("feMerge",null,e("feMergeNode",null),e("feMergeNode",{in:"SourceGraphic"}))),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-static-circle"}),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-dynamic-circle-shadow","stroke-dashoffset":n*(1-r/s),"stroke-dasharray":n,"stroke-linecap":"round",filter:"url(#"+a+")"}),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-dynamic-circle","stroke-dashoffset":n*(1-r/s),"stroke-dasharray":n,"stroke-linecap":"round"}),e("text",{x:"50%",y:"50%","dominant-baseline":"central",class:{"gux-percentage":!0,"gux-small":![0,1].includes(t)}},function(e,r,s){const t=Math.pow(10,i(s,0,2));return Math.round((e+Number.EPSILON)/r*100*t)/t+"%"}(r,s,t)))),d=({screenreaderText:r})=>e("gux-radial-loading",{"screenreader-text":r,context:"modal"}),g=class{constructor(e){r(this,e),this.dropshadowId=o("gux-dropshadow"),this.max=100,this.scale=0,this.screenreaderText=""}componentWillLoad(){t(this.root)}componentDidLoad(){!this.screenreaderText&&c(this.value,this.max)&&a("gux-radial-progress","No screenreader-text provided. Provide a localized screenreader-text property for the component.")}render(){return c(this.value,this.max)?e(l,{value:this.value,max:this.max,scale:this.scale,dropshadowId:this.dropshadowId,screenreaderText:this.screenreaderText}):e(d,{screenreaderText:this.screenreaderText})}get root(){return s(this)}};g.style=":host{display:inline-block}div[role='progressbar'] .gux-svg-container{display:block}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:#2a60c8;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle-shadow{fill:none;stroke:#75a8ff;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-static-circle{fill:none;stroke:#deeaff;stroke-width:4}div[role='progressbar'] .gux-svg-container .gux-percentage{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;text-anchor:middle;fill:#2e394c}div[role='progressbar'] .gux-svg-container .gux-percentage.gux-small{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}";export{g as gux_radial_progress}
+import{h as e,r,g as s}from"./p-74b510cb.js";import{t}from"./p-22d84609.js";import{l as a}from"./p-3184268e.js";import{r as o}from"./p-cbcbd1bb.js";import{c as i}from"./p-9dd4b14a.js";const n=2*Math.PI*23.5;function c(e,r){return!(isNaN(e)||isNaN(r)||e>r||e<0||0===r)}const l=({value:r,max:s,scale:t,dropshadowId:a,screenreaderText:o})=>e("div",{role:"progressbar","aria-valuenow":r,"aria-valuemin":"0","aria-valuemax":s,"aria-label":o},e("svg",{class:"gux-svg-container",width:"60px",height:"60px",viewBox:"0 0 60 60",role:"presentation"},e("filter",{id:a},e("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"1.4"}),e("feOffset",{dx:"0",dy:"0",result:"offsetblur"}),e("feMerge",null,e("feMergeNode",null),e("feMergeNode",{in:"SourceGraphic"}))),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-static-circle"}),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-dynamic-circle-shadow","stroke-dashoffset":n*(1-r/s),"stroke-dasharray":n,"stroke-linecap":"round",filter:"url(#"+a+")"}),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-dynamic-circle","stroke-dashoffset":n*(1-r/s),"stroke-dasharray":n,"stroke-linecap":"round"}),e("text",{x:"50%",y:"50%","dominant-baseline":"central",class:{"gux-percentage":!0,"gux-small":![0,1].includes(t)}},function(e,r,s){const t=Math.pow(10,i(s,0,2));return Math.round((e+Number.EPSILON)/r*100*t)/t+"%"}(r,s,t)))),d=({screenreaderText:r})=>e("gux-radial-loading",{"screenreader-text":r,context:"modal"}),g=class{constructor(e){r(this,e),this.dropshadowId=o("gux-dropshadow"),this.max=100,this.scale=0,this.screenreaderText=""}componentWillLoad(){t(this.root)}componentDidLoad(){!this.screenreaderText&&c(this.value,this.max)&&a("gux-radial-progress","No screenreader-text provided. Provide a localized screenreader-text property for the component.")}render(){return c(this.value,this.max)?e(l,{value:this.value,max:this.max,scale:this.scale,dropshadowId:this.dropshadowId,screenreaderText:this.screenreaderText}):e(d,{screenreaderText:this.screenreaderText})}get root(){return s(this)}};g.style=":host{display:inline-block}div[role='progressbar'] .gux-svg-container{display:block}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:#2a60c8;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle-shadow{fill:none;stroke:#75a8ff;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-static-circle{fill:none;stroke:#deeaff;stroke-width:4}div[role='progressbar'] .gux-svg-container .gux-percentage{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;text-anchor:middle;fill:#2e394c}div[role='progressbar'] .gux-svg-container .gux-percentage.gux-small{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}";export{g as gux_radial_progress}

package/dist/genesys-webcomponents/{p-fe589a75.entry.js → p-2a74e2d0.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,g as e}from"./p-74b510cb.js";import{t as o}from"./p-0792b920.js";import{O as n}from"./p-acd2fa20.js";const a=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.moveFocusDelay=100,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const s=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,s.includes(this.listElement)&&this.dropdownButton.focus();break;case"Tab":this.isOpen=!1;break;case"Enter":case"ArrowDown":t.preventDefault(),s.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.listElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}handleKeyup(t){const s=t.composedPath();switch(t.key){case" ":t.preventDefault(),s.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.listElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen)}componentWillLoad(){o(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen,disabled:this.disabled},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("span",null,this.text),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("gux-action-list-legacy",{slot:"popup",ref:t=>this.listElement=t},i("slot",null)))}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,a=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(a=(n<3?o(a):n>3?o(s,i,a):o(s,i))||a);n>3&&a&&Object.defineProperty(s,i,a)})([n({triggerEvents:"mousedown"})],a.prototype,"onClickOutside",null),a.style=":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-button-multi-container .gux-dropdown-button button>*{vertical-align:middle}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:16px;height:16px;margin-left:8px}";export{a as gux_button_multi_legacy}
+import{r as t,c as s,h as i,g as e}from"./p-74b510cb.js";import{t as o}from"./p-22d84609.js";import{O as n}from"./p-acd2fa20.js";const a=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.moveFocusDelay=100,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const s=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,s.includes(this.listElement)&&this.dropdownButton.focus();break;case"Tab":this.isOpen=!1;break;case"Enter":case"ArrowDown":t.preventDefault(),s.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.listElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}handleKeyup(t){const s=t.composedPath();switch(t.key){case" ":t.preventDefault(),s.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.listElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen)}componentWillLoad(){o(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen,disabled:this.disabled},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("span",null,this.text),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("gux-action-list-legacy",{slot:"popup",ref:t=>this.listElement=t},i("slot",null)))}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,a=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(a=(n<3?o(a):n>3?o(s,i,a):o(s,i))||a);n>3&&a&&Object.defineProperty(s,i,a)})([n({triggerEvents:"mousedown"})],a.prototype,"onClickOutside",null),a.style=":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-button-multi-container .gux-dropdown-button button>*{vertical-align:middle}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:16px;height:16px;margin-left:8px}";export{a as gux_button_multi_legacy}

package/dist/genesys-webcomponents/{p-7098c67c.entry.js → p-2cf2f6cf.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as o,g as a}from"./p-74b510cb.js";import{t as n}from"./p-0792b920.js";const i=class{constructor(e){t(this,e)}componentWillLoad(){n(this.root)}render(){return e(o,null,e("div",{class:"gux-header"},e("div",{class:"gux-icon"},e("slot",{name:"icon"})),e("div",{class:"gux-title"},e("slot",{name:"title"}))),e("div",{class:"gux-message"},e("slot",{name:"message"})),e("div",{class:"gux-action-buttons"},e("div",{class:"gux-positive-button"},e("slot",{name:"positive-button"})),e("div",{class:"gux-negative-button"},e("slot",{name:"negative-button"}))))}get root(){return a(this)}};i.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";export{i as gux_action_toast}
+import{r as t,h as e,H as o,g as a}from"./p-74b510cb.js";import{t as n}from"./p-22d84609.js";const i=class{constructor(e){t(this,e)}componentWillLoad(){n(this.root)}render(){return e(o,null,e("div",{class:"gux-header"},e("div",{class:"gux-icon"},e("slot",{name:"icon"})),e("div",{class:"gux-title"},e("slot",{name:"title"}))),e("div",{class:"gux-message"},e("slot",{name:"message"})),e("div",{class:"gux-action-buttons"},e("div",{class:"gux-positive-button"},e("slot",{name:"positive-button"})),e("div",{class:"gux-negative-button"},e("slot",{name:"negative-button"}))))}get root(){return a(this)}};i.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";export{i as gux_action_toast}

package/dist/genesys-webcomponents/{p-ef3940d5.entry.js → p-2da63af0.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as a,g as s}from"./p-74b510cb.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-0792b920.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){n(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||o("gux-rating","`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";export{h as gux_rating}
+import{r as t,h as i,H as a,g as s}from"./p-74b510cb.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-22d84609.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){n(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||o("gux-rating","`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";export{h as gux_rating}

package/dist/genesys-webcomponents/{p-416ba0b7.entry.js → p-2e6d88cd.entry.js}

@@ -1,4 +1,4 @@
-import{r as t,c as n,h as e,g as r}from"./p-74b510cb.js";import{c as i}from"./p-112455b1.js";import{g as o}from"./p-cf43f0c3.js";import{t as u}from"./p-0792b920.js";import"./p-8a133b9b.js";
+import{r as t,c as n,h as e,g as r}from"./p-74b510cb.js";import{c as i}from"./p-112455b1.js";import{g as o}from"./p-1c9dfc78.js";import{t as u}from"./p-22d84609.js";import"./p-8a133b9b.js";
 /*!
  * https://github.com/Starcounter-Jack/JSON-Patch
  * (c) 2017-2022 Joachim Wester

package/dist/genesys-webcomponents/{p-97638b7c.entry.js → p-2ece9cbb.entry.js}

@@ -1 +1 @@
-import{r as o,h as e,g as n}from"./p-74b510cb.js";import{t}from"./p-0792b920.js";function c(o,e,n){const t=function(o,e){return e.find((e=>e.slotName===o))}(o,n);null==t||t.ref.classList[e]("gux-opened")}const r=class{constructor(e){o(this,e),this.sections=[],this.headingLevel=null,this.arrowPosition="default"}async open(o){c(o,"add",this.sections)}async close(o){c(o,"remove",this.sections)}async toggle(o){c(o,"toggle",this.sections)}componentWillLoad(){t(this.root),this.sections=function(o){const e=Array.from(o.children),n=[];return e.forEach((o=>{const e=o.getAttribute("slot");o.hidden=!Boolean(e),e&&n.push({slotName:e,ref:null})})),n}(this.root)}render(){return e("div",{class:"gux-accordion"},this.sections.map((o=>e("section",{class:"gux-section",onKeyDown:e=>function(o,e,n){let t;switch(o.key){case"ArrowUp":t=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n<=0?e[e.length-1].ref:e[n-1].ref}(e,n);break;case"ArrowDown":t=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n>=e.length-1?e[0].ref:e[n+1].ref}(e,n);break;case"End":t=function(o){return o[this.sections.length-1].ref}(n);break;case"Home":t=function(o){return o[0].ref}(n)}var c;t&&(c=t,c.querySelector(".gux-header-button")).focus()}(e,o.slotName,this.sections),ref:e=>o.ref=e},e("div",{"aria-role":"heading","aria-level":this.headingLevel,class:"gux-header"},e("button",{class:"gux-header-button",type:"button",onClick:()=>this.toggle(o.slotName)},e("div",{class:"gux-text"},o.slotName),"beside-text"===this.arrowPosition?null:e("div",{class:"gux-spacer"}),e("div",{class:"gux-toggle-arrow"},e("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),e("div",{class:"gux-content"},e("slot",{name:o.slotName}))))))}get root(){return n(this)}};r.style="gux-accordion-legacy .gux-accordion{padding:0;margin:0;background-color:#fdfdfd}gux-accordion-legacy .gux-accordion .gux-section{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-header{box-sizing:border-box;height:40px;border-top:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:0 16px;margin:0;color:#2e394c;cursor:pointer;background:none;border:none}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-text{flex:0 1 auto;align-self:auto;padding-right:8px;font-family:inherit;font-size:inherit;font-weight:bold;text-align:left}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-spacer{flex:1 1 auto;align-self:auto}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow{flex:0 1 auto;align-items:center;align-self:auto;color:#6b7585;transition:transform 0.5s ease;transform-origin:center}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow gux-icon{width:20px;height:20px}gux-accordion-legacy .gux-accordion .gux-section .gux-header:hover .gux-toggle-arrow{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-content{box-sizing:border-box;display:none;padding:16px}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header .gux-toggle-arrow{transform:rotate(-180deg)}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-content{display:block}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-content{border-bottom:1px solid #e2e6ee}";export{r as gux_accordion_legacy}
+import{r as o,h as e,g as n}from"./p-74b510cb.js";import{t}from"./p-22d84609.js";function c(o,e,n){const t=function(o,e){return e.find((e=>e.slotName===o))}(o,n);null==t||t.ref.classList[e]("gux-opened")}const r=class{constructor(e){o(this,e),this.sections=[],this.headingLevel=null,this.arrowPosition="default"}async open(o){c(o,"add",this.sections)}async close(o){c(o,"remove",this.sections)}async toggle(o){c(o,"toggle",this.sections)}componentWillLoad(){t(this.root),this.sections=function(o){const e=Array.from(o.children),n=[];return e.forEach((o=>{const e=o.getAttribute("slot");o.hidden=!Boolean(e),e&&n.push({slotName:e,ref:null})})),n}(this.root)}render(){return e("div",{class:"gux-accordion"},this.sections.map((o=>e("section",{class:"gux-section",onKeyDown:e=>function(o,e,n){let t;switch(o.key){case"ArrowUp":t=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n<=0?e[e.length-1].ref:e[n-1].ref}(e,n);break;case"ArrowDown":t=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n>=e.length-1?e[0].ref:e[n+1].ref}(e,n);break;case"End":t=function(o){return o[this.sections.length-1].ref}(n);break;case"Home":t=function(o){return o[0].ref}(n)}var c;t&&(c=t,c.querySelector(".gux-header-button")).focus()}(e,o.slotName,this.sections),ref:e=>o.ref=e},e("div",{"aria-role":"heading","aria-level":this.headingLevel,class:"gux-header"},e("button",{class:"gux-header-button",type:"button",onClick:()=>this.toggle(o.slotName)},e("div",{class:"gux-text"},o.slotName),"beside-text"===this.arrowPosition?null:e("div",{class:"gux-spacer"}),e("div",{class:"gux-toggle-arrow"},e("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),e("div",{class:"gux-content"},e("slot",{name:o.slotName}))))))}get root(){return n(this)}};r.style="gux-accordion-legacy .gux-accordion{padding:0;margin:0;background-color:#fdfdfd}gux-accordion-legacy .gux-accordion .gux-section{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-header{box-sizing:border-box;height:40px;border-top:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:0 16px;margin:0;color:#2e394c;cursor:pointer;background:none;border:none}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-text{flex:0 1 auto;align-self:auto;padding-right:8px;font-family:inherit;font-size:inherit;font-weight:bold;text-align:left}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-spacer{flex:1 1 auto;align-self:auto}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow{flex:0 1 auto;align-items:center;align-self:auto;color:#6b7585;transition:transform 0.5s ease;transform-origin:center}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow gux-icon{width:20px;height:20px}gux-accordion-legacy .gux-accordion .gux-section .gux-header:hover .gux-toggle-arrow{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-content{box-sizing:border-box;display:none;padding:16px}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header .gux-toggle-arrow{transform:rotate(-180deg)}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-content{display:block}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-content{border-bottom:1px solid #e2e6ee}";export{r as gux_accordion_legacy}

package/dist/genesys-webcomponents/{p-30164a8f.entry.js → p-2f36b876.entry.js}

@@ -1 +1 @@
-import{r as t,d as s,w as o,h as i,g as e}from"./p-74b510cb.js";import{b as l}from"./p-cf43f0c3.js";import{O as r}from"./p-e3c80187.js";import"./p-8a133b9b.js";const c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const a=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 l(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{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 e(this)}};(function(t,s,o,i){var e,l=arguments.length,r=l<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--)(e=t[c])&&(r=(l<3?e(r):l>3?e(s,o,r):e(s,o))||r);l>3&&r&&Object.defineProperty(s,o,r)})([r({childList:!0,subtree:!0})],a.prototype,"onMutation",null),a.style="gux-tabs[orientation='vertical']{height:100%}gux-tabs[orientation='vertical'] .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-container .gux-scroll-button-container{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation='vertical'] .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-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation='vertical']) .gux-tab-container{height:40px;margin-bottom:16px;border-bottom:1px solid #d7dce5}gux-tabs:not([orientation='vertical']) .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{a as gux_tab_list}
+import{r as t,d as s,w as o,h as i,g as e}from"./p-74b510cb.js";import{b as l}from"./p-1c9dfc78.js";import{O as r}from"./p-e3c80187.js";import"./p-8a133b9b.js";const c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const a=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 l(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{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 e(this)}};(function(t,s,o,i){var e,l=arguments.length,r=l<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--)(e=t[c])&&(r=(l<3?e(r):l>3?e(s,o,r):e(s,o))||r);l>3&&r&&Object.defineProperty(s,o,r)})([r({childList:!0,subtree:!0})],a.prototype,"onMutation",null),a.style="gux-tabs[orientation='vertical']{height:100%}gux-tabs[orientation='vertical'] .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-container .gux-scroll-button-container{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation='vertical'] .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-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation='vertical']) .gux-tab-container{height:40px;margin-bottom:16px;border-bottom:1px solid #d7dce5}gux-tabs:not([orientation='vertical']) .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{a as gux_tab_list}

package/dist/genesys-webcomponents/{p-1446f6f5.entry.js → p-2fefb4aa.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-74b510cb.js";import{S as e}from"./p-020b6498.js";import{O as c}from"./p-e3c80187.js";import{b as r}from"./p-cf43f0c3.js";import{e as l}from"./p-29e8b184.js";import{t as h}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const b=class{constructor(o){t(this,o),this.newTab=i(this,"newTab",7),this.sortChanged=i(this,"sortChanged",7),this.moveFocusDelay=100,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&&l(".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&&!l(".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 l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":if(t.preventDefault(),this.keyboardSort&&!l(".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 l(".gux-tab-options-button",t)||l(".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),setTimeout((()=>{this.focusTab(this.initialSortIndex)}),this.moveFocusDelay);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" ":l(".gux-tab",t)&&!l(".gux-tab-options-button",t)&&!l("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 r(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}),setTimeout((()=>{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(){Array.from(this.root.querySelectorAll("gux-tab-advanced")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}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})],b.prototype,"onMutation",null),b.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{b 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-74b510cb.js";import{S as e}from"./p-020b6498.js";import{O as c}from"./p-e3c80187.js";import{b as r}from"./p-1c9dfc78.js";import{e as l}from"./p-29e8b184.js";import{t as h}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const b=class{constructor(o){t(this,o),this.newTab=i(this,"newTab",7),this.sortChanged=i(this,"sortChanged",7),this.moveFocusDelay=100,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&&l(".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&&!l(".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 l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":if(t.preventDefault(),this.keyboardSort&&!l(".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 l(".gux-tab-options-button",t)||l(".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),setTimeout((()=>{this.focusTab(this.initialSortIndex)}),this.moveFocusDelay);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" ":l(".gux-tab",t)&&!l(".gux-tab-options-button",t)&&!l("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 r(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}),setTimeout((()=>{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(){Array.from(this.root.querySelectorAll("gux-tab-advanced")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}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})],b.prototype,"onMutation",null),b.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{b as gux_tab_advanced_list}

package/dist/genesys-webcomponents/{p-b1521096.entry.js → p-3130b056.entry.js}

@@ -1 +1 @@
-import{r as e,c as o,h as t,g as i}from"./p-74b510cb.js";import{t as s}from"./p-0792b920.js";import{b as d}from"./p-cf43f0c3.js";import{o as n}from"./p-93904222.js";import"./p-8a133b9b.js";const r={searchAria:"Search"},a=class{constructor(t){e(this,t),this.input=o(this,"input",7),this.filter=o(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onFocusOut(e){e.relatedTarget&&this.root.contains(e.relatedTarget)||this.closeDropdown(!1)}async componentWillLoad(){s(this.root),this.i18n=await d(this.root,r),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=n(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver.disconnect()}render(){return t("div",{class:`gux-dropdown\n        ${this.disabled?"gux-disabled":""}\n        ${this.opened?"gux-active":""}`},t("div",{class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},t("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&t("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&t("span",{class:"gux-select-value",title:this.value},this.value)),t("div",{class:"gux-icon-wrapper"},t("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),t("div",{class:"gux-advanced-dropdown-menu "+(this.opened?"gux-opened":"")},t("div",{class:"gux-dropdown-menu-container"},t("gux-form-field-search",{"label-position":"screenreader"},t("label",{slot:"label"},this.i18n("searchAria")),t("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),t("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},t("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const o=e;this.closeDropdown(!0),this.currentlySelectedOption!==o&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=o,this.input.emit(o.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const o=this.getFocusIndex();o>0&&this.selectionOptions[o-1].focus();break}case"ArrowDown":{e.preventDefault();const o=this.getFocusIndex();o<this.selectionOptions.length-1&&this.selectionOptions[o+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const o of this.selectionOptions)o.shouldFilter(e).then((e=>{o.filtered=e}))}changeFocusToSearch(){setTimeout((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};a.style=":host{color:#2e394c}div.gux-dropdown{position:relative;margin:4px 0}div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}div.gux-dropdown .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;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)}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder,div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}div.gux-dropdown .gux-select-field a.gux-select-input:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}div.gux-dropdown .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}div.gux-dropdown .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}div.gux-dropdown .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}div.gux-dropdown.gux-active .gux-select-field .gux-select-input{border:1px solid #2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown.gux-active .gux-select-field .gux-select-input:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown .gux-advanced-dropdown-menu{position:absolute;top:36px;z-index:1;display:none;width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}div.gux-dropdown .gux-advanced-dropdown-menu.gux-opened{display:block}div.gux-dropdown .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{a as gux_advanced_dropdown}
+import{r as e,c as o,h as t,g as i}from"./p-74b510cb.js";import{t as s}from"./p-22d84609.js";import{b as d}from"./p-1c9dfc78.js";import{o as n}from"./p-93904222.js";import"./p-8a133b9b.js";const r={searchAria:"Search"},a=class{constructor(t){e(this,t),this.input=o(this,"input",7),this.filter=o(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onFocusOut(e){e.relatedTarget&&this.root.contains(e.relatedTarget)||this.closeDropdown(!1)}async componentWillLoad(){s(this.root),this.i18n=await d(this.root,r),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=n(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver.disconnect()}render(){return t("div",{class:`gux-dropdown\n        ${this.disabled?"gux-disabled":""}\n        ${this.opened?"gux-active":""}`},t("div",{class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},t("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&t("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&t("span",{class:"gux-select-value",title:this.value},this.value)),t("div",{class:"gux-icon-wrapper"},t("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),t("div",{class:"gux-advanced-dropdown-menu "+(this.opened?"gux-opened":"")},t("div",{class:"gux-dropdown-menu-container"},t("gux-form-field-search",{"label-position":"screenreader"},t("label",{slot:"label"},this.i18n("searchAria")),t("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),t("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},t("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const o=e;this.closeDropdown(!0),this.currentlySelectedOption!==o&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=o,this.input.emit(o.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const o=this.getFocusIndex();o>0&&this.selectionOptions[o-1].focus();break}case"ArrowDown":{e.preventDefault();const o=this.getFocusIndex();o<this.selectionOptions.length-1&&this.selectionOptions[o+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const o of this.selectionOptions)o.shouldFilter(e).then((e=>{o.filtered=e}))}changeFocusToSearch(){setTimeout((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};a.style=":host{color:#2e394c}div.gux-dropdown{position:relative;margin:4px 0}div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}div.gux-dropdown .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;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)}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder,div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}div.gux-dropdown .gux-select-field a.gux-select-input:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}div.gux-dropdown .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}div.gux-dropdown .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}div.gux-dropdown .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}div.gux-dropdown.gux-active .gux-select-field .gux-select-input{border:1px solid #2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown.gux-active .gux-select-field .gux-select-input:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown .gux-advanced-dropdown-menu{position:absolute;top:36px;z-index:1;display:none;width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}div.gux-dropdown .gux-advanced-dropdown-menu.gux-opened{display:block}div.gux-dropdown .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{a as gux_advanced_dropdown}

package/dist/genesys-webcomponents/{p-29c7785e.entry.js → p-31c1c660.entry.js}

@@ -1 +1 @@
-import{r,h as t,g as s}from"./p-74b510cb.js";import{b as a}from"./p-cf43f0c3.js";import{t as e}from"./p-0792b920.js";import"./p-8a133b9b.js";const i={breadcrumbs:"Breadcrumbs"},n=class{constructor(t){r(this,t),this.accent="primary"}componentWillLoad(){e(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await a(this.root,i)}render(){return t("nav",{"aria-label":this.i18n("breadcrumbs"),class:"gux-breadcrumbs-container"},t("slot",null))}get root(){return s(this)}};n.style=".gux-breadcrumbs-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}";export{n as gux_breadcrumbs}
+import{r,h as t,g as s}from"./p-74b510cb.js";import{b as a}from"./p-1c9dfc78.js";import{t as e}from"./p-22d84609.js";import"./p-8a133b9b.js";const i={breadcrumbs:"Breadcrumbs"},n=class{constructor(t){r(this,t),this.accent="primary"}componentWillLoad(){e(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await a(this.root,i)}render(){return t("nav",{"aria-label":this.i18n("breadcrumbs"),class:"gux-breadcrumbs-container"},t("slot",null))}get root(){return s(this)}};n.style=".gux-breadcrumbs-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}";export{n as gux_breadcrumbs}

package/dist/genesys-webcomponents/{p-c368bc9d.entry.js → p-324f3e20.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as e,g as n}from"./p-74b510cb.js";import{c as r,o}from"./p-3f5341ea.js";import{O as a}from"./p-e3c80187.js";import{a as s}from"./p-e2bea786.js";import{p as g}from"./p-c10e41a9.js";import{t as p}from"./p-0792b920.js";import{a as u,G as l}from"./p-625f19b6.js";import{h as x,G as h,v as c,g as d}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const f=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasError=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.hasError=x(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=x(this.root),p(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return i(e,{class:{"gux-active":this.active}},i(u,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},this.renderRangeInput(),i(h,{hasError:this.hasError},i("slot",{name:"error"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="range"][slot="input"]'),g(this.input),this.disabled=r(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=o(this.input,(t=>{this.disabled=t})),this.requiredObserver=s(this.input,(t=>{this.required=t})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),c(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}renderRangeInput(){return i("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled}},i("div",{class:"gux-range"},i("div",{class:"gux-track"},i("div",{class:"gux-progress",ref:t=>this.progressElement=t})),i("slot",{name:"input"}),i("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},i("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),i("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),i=Number(this.input.min||0),e=(t-i)/(Number(this.input.max||100)-i)*100;this.sliderTooltip&&(this.sliderTooltip.style.left=e-e/8/this.sliderTooltipContainer.offsetWidth*100+"%"),this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return n(this)}};(function(t,i,e,n){var r,o=arguments.length,a=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(i,e,a):r(i,e))||a);o>3&&a&&Object.defineProperty(i,e,a)})([a({childList:!0,subtree:!0})],f.prototype,"onMutation",null),f.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(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-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-range-input-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-and-error-container .gux-range-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}.gux-input-and-error-container .gux-range-input-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-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-input-and-error-container .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;pointer-events:none}.gux-input-and-error-container .gux-range-tooltip-container.gux-hidden{display:none}.gux-input-and-error-container .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-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after,.gux-input-and-error-container .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-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}";export{f as gux_form_field_range}
+import{r as t,h as i,H as e,g as n}from"./p-74b510cb.js";import{c as r,o}from"./p-3f5341ea.js";import{O as a}from"./p-e3c80187.js";import{a as s}from"./p-e2bea786.js";import{p as g}from"./p-c10e41a9.js";import{t as p}from"./p-22d84609.js";import{a as u,G as l}from"./p-625f19b6.js";import{h as x,G as h,v as d,g as c}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const f=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasError=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.hasError=x(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=x(this.root),p(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return i(e,{class:{"gux-active":this.active}},i(u,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},this.renderRangeInput(),i(h,{hasError:this.hasError},i("slot",{name:"error"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="range"][slot="input"]'),g(this.input),this.disabled=r(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=o(this.input,(t=>{this.disabled=t})),this.requiredObserver=s(this.input,(t=>{this.required=t})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),d(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}renderRangeInput(){return i("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled}},i("div",{class:"gux-range"},i("div",{class:"gux-track"},i("div",{class:"gux-progress",ref:t=>this.progressElement=t})),i("slot",{name:"input"}),i("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},i("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),i("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),i=Number(this.input.min||0),e=(t-i)/(Number(this.input.max||100)-i)*100;this.sliderTooltip&&(this.sliderTooltip.style.left=e-e/8/this.sliderTooltipContainer.offsetWidth*100+"%"),this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return n(this)}};(function(t,i,e,n){var r,o=arguments.length,a=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(i,e,a):r(i,e))||a);o>3&&a&&Object.defineProperty(i,e,a)})([a({childList:!0,subtree:!0})],f.prototype,"onMutation",null),f.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(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-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-range-input-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-and-error-container .gux-range-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}.gux-input-and-error-container .gux-range-input-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-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-input-and-error-container .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;pointer-events:none}.gux-input-and-error-container .gux-range-tooltip-container.gux-hidden{display:none}.gux-input-and-error-container .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-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after,.gux-input-and-error-container .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-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}";export{f as gux_form_field_range}

package/dist/genesys-webcomponents/{p-5dc33882.entry.js → p-3738b868.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,f as e,d as i,h,H as o,g as l}from"./p-74b510cb.js";import{b as r}from"./p-cf43f0c3.js";import{w as a}from"./p-76ff3e75.js";import{r as n}from"./p-cbcbd1bb.js";import{t as c}from"./p-0792b920.js";import{t as b}from"./p-e310debb.js";import"./p-8a133b9b.js";const u=class{constructor(i){t(this,i),this.guxselectionchanged=s(this,"guxselectionchanged",7),this.guxsortchanged=s(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>e(this))),this.tableId=n("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.isHorizontalScroll=!1,this.isScrolledToFirstCell=!0,this.isScrolledToLastCell=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1}async componentWillLoad(){c(this.root),this.i18n=await r(this.root,b)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),this.checkHorizontalScroll(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkHorizontalScroll(),this.checkVerticalScroll(),this.updateScrollState()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onScroll(){this.updateScrollState()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows()}onInternalRowSelectChange(t){t.stopPropagation(),this.handleRowSelection(t.target)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const s=this.rowCheckboxes,e=s.filter((t=>0==t.hasAttribute("disabled"))),i=e.filter((t=>t.selected)),h=Boolean(s.length),o=i.length===e.length,l=0===i.length;t.selected=h&&o,t.setIndeterminate(h&&!o&&!l)}}handleSelectAllRows(){const t=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{s.hasAttribute("disabled")||(s.selected=t.selected,this.updateRowSelection(s))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const s=t.closest("tr");t.selected?s.setAttribute("data-selected-row",""):s.removeAttribute("data-selected-row")}nextColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect();let e=(t.find((t=>t.getBoundingClientRect().right>s.right))||t[t.length-1]).getBoundingClientRect().right-s.right;e>s.width&&(e=.9*s.width),this.tableContainer.scrollLeft+=Math.ceil(e),this.updateScrollState()}previousColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect(),e=(t.reverse().find((t=>t.getBoundingClientRect().left<s.left))||t[0]).getBoundingClientRect();let i=s.left-e.left;i>s.width&&(i=.9*s.width),this.tableContainer.scrollLeft+=-Math.ceil(i),this.updateScrollState()}updateScrollState(){const t=this.tableContainer.scrollLeft,s=this.tableContainer.scrollWidth-this.tableContainer.clientWidth;this.isScrolledToFirstCell=0===t,this.isScrolledToLastCell=s-t-this.tableScrollbarConstant<=0}checkHorizontalScroll(){const t=this.slottedTable.getBoundingClientRect().width,s=this.root.getBoundingClientRect().width;this.isHorizontalScroll=t>s}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}get tableScrollbarConstant(){const t=this.tableContainer;return t?t.offsetWidth-t.clientWidth:0}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t);const s=this.tableColumns;s.pop(),s.forEach((t=>{this.columnsWidths[t.dataset.columnName]=`${this.getElementComputedWidth(t)}px`})),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const s=this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX);this.columnsWidths[this.columnResizeState.resizableColumn.dataset.columnName]=`${s>1?s:1}px`,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,a("th",t,(s=>{this.tableColumns.length-1!==s.cellIndex&&this.isInResizeZone(t,s)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){a("th",t,(s=>{this.isInResizeZone(t,s)&&(this.columnResizeState={resizableColumn:s,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:this.getElementComputedWidth(s)})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,s){return s.getBoundingClientRect().right-t.clientX<3}getElementComputedWidth(t){return parseInt(window.getComputedStyle(t).getPropertyValue("width").split("px")[0],10)}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let s="";Object.keys(this.columnsWidths).forEach((t=>{s+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n        width:${String(this.columnsWidths[t])};\n        min-width:${String(this.columnsWidths[t])};\n      }`})),t.innerHTML=s}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return h(o,{"gs-table-id":this.tableId,"gs-v-scroll":this.isVerticalScroll,"gs-h-scroll":this.isHorizontalScroll,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{class:"gux-table"},h("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{name:"data"})),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary"},h("button",{class:"gux-table-scroll-left",disabled:this.isScrolledToFirstCell,onClick:!this.isScrolledToFirstCell&&this.previousColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-left","screenreader-text":this.i18n("scrollLeft")}))),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary",style:{marginRight:`${this.tableScrollbarConstant}px`}},h("button",{class:"gux-table-scroll-right",disabled:this.isScrolledToLastCell,style:{marginRight:`${this.tableScrollbarConstant}px`},onClick:!this.isScrolledToLastCell&&this.nextColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-right","screenreader-text":this.i18n("scrollRight")}))),this.isTableEmpty&&h("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return l(this)}};u.style=":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-scroll-left,:host .gux-table .gux-table-scroll-right{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:0;height:40px;padding:0;color:#2e394c;cursor:pointer;border-radius:4px}:host .gux-table .gux-table-scroll-left gux-icon,:host .gux-table .gux-table-scroll-right gux-icon{width:8px;height:8px}:host .gux-table .gux-table-scroll-left{border-top-left-radius:0;border-bottom-left-radius:0}:host .gux-table .gux-table-scroll-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host .gux-table .gux-table-container{width:100%;max-height:100%;overflow-x:hidden;scrollbar-color:rgba(32, 41, 55, 0.24) #fdfdfd;scrollbar-width:thin}:host .gux-table .gux-table-container::-webkit-scrollbar{width:4px}:host .gux-table .gux-table-container::-webkit-scrollbar-track{background:#fdfdfd}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb{background:rgba(32, 41, 55, 0.24)}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb:hover{background:rgba(32, 41, 55, 0.48)}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:150px;color:#596373;background:#fdfdfd;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}";export{u as gux_table_beta}
+import{r as t,c as s,f as e,d as i,h,H as o,g as l}from"./p-74b510cb.js";import{b as r}from"./p-1c9dfc78.js";import{w as a}from"./p-76ff3e75.js";import{r as n}from"./p-cbcbd1bb.js";import{t as c}from"./p-22d84609.js";import{t as b}from"./p-e310debb.js";import"./p-8a133b9b.js";const u=class{constructor(i){t(this,i),this.guxselectionchanged=s(this,"guxselectionchanged",7),this.guxsortchanged=s(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>e(this))),this.tableId=n("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.isHorizontalScroll=!1,this.isScrolledToFirstCell=!0,this.isScrolledToLastCell=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1}async componentWillLoad(){c(this.root),this.i18n=await r(this.root,b)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),this.checkHorizontalScroll(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkHorizontalScroll(),this.checkVerticalScroll(),this.updateScrollState()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onScroll(){this.updateScrollState()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows()}onInternalRowSelectChange(t){t.stopPropagation(),this.handleRowSelection(t.target)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const s=this.rowCheckboxes,e=s.filter((t=>0==t.hasAttribute("disabled"))),i=e.filter((t=>t.selected)),h=Boolean(s.length),o=i.length===e.length,l=0===i.length;t.selected=h&&o,t.setIndeterminate(h&&!o&&!l)}}handleSelectAllRows(){const t=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{s.hasAttribute("disabled")||(s.selected=t.selected,this.updateRowSelection(s))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const s=t.closest("tr");t.selected?s.setAttribute("data-selected-row",""):s.removeAttribute("data-selected-row")}nextColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect();let e=(t.find((t=>t.getBoundingClientRect().right>s.right))||t[t.length-1]).getBoundingClientRect().right-s.right;e>s.width&&(e=.9*s.width),this.tableContainer.scrollLeft+=Math.ceil(e),this.updateScrollState()}previousColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect(),e=(t.reverse().find((t=>t.getBoundingClientRect().left<s.left))||t[0]).getBoundingClientRect();let i=s.left-e.left;i>s.width&&(i=.9*s.width),this.tableContainer.scrollLeft+=-Math.ceil(i),this.updateScrollState()}updateScrollState(){const t=this.tableContainer.scrollLeft,s=this.tableContainer.scrollWidth-this.tableContainer.clientWidth;this.isScrolledToFirstCell=0===t,this.isScrolledToLastCell=s-t-this.tableScrollbarConstant<=0}checkHorizontalScroll(){const t=this.slottedTable.getBoundingClientRect().width,s=this.root.getBoundingClientRect().width;this.isHorizontalScroll=t>s}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}get tableScrollbarConstant(){const t=this.tableContainer;return t?t.offsetWidth-t.clientWidth:0}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t);const s=this.tableColumns;s.pop(),s.forEach((t=>{this.columnsWidths[t.dataset.columnName]=`${this.getElementComputedWidth(t)}px`})),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const s=this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX);this.columnsWidths[this.columnResizeState.resizableColumn.dataset.columnName]=`${s>1?s:1}px`,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,a("th",t,(s=>{this.tableColumns.length-1!==s.cellIndex&&this.isInResizeZone(t,s)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){a("th",t,(s=>{this.isInResizeZone(t,s)&&(this.columnResizeState={resizableColumn:s,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:this.getElementComputedWidth(s)})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,s){return s.getBoundingClientRect().right-t.clientX<3}getElementComputedWidth(t){return parseInt(window.getComputedStyle(t).getPropertyValue("width").split("px")[0],10)}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let s="";Object.keys(this.columnsWidths).forEach((t=>{s+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n        width:${String(this.columnsWidths[t])};\n        min-width:${String(this.columnsWidths[t])};\n      }`})),t.innerHTML=s}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return h(o,{"gs-table-id":this.tableId,"gs-v-scroll":this.isVerticalScroll,"gs-h-scroll":this.isHorizontalScroll,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{class:"gux-table"},h("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{name:"data"})),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary"},h("button",{class:"gux-table-scroll-left",disabled:this.isScrolledToFirstCell,onClick:!this.isScrolledToFirstCell&&this.previousColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-left","screenreader-text":this.i18n("scrollLeft")}))),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary",style:{marginRight:`${this.tableScrollbarConstant}px`}},h("button",{class:"gux-table-scroll-right",disabled:this.isScrolledToLastCell,style:{marginRight:`${this.tableScrollbarConstant}px`},onClick:!this.isScrolledToLastCell&&this.nextColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-right","screenreader-text":this.i18n("scrollRight")}))),this.isTableEmpty&&h("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return l(this)}};u.style=":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-scroll-left,:host .gux-table .gux-table-scroll-right{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:0;height:40px;padding:0;color:#2e394c;cursor:pointer;border-radius:4px}:host .gux-table .gux-table-scroll-left gux-icon,:host .gux-table .gux-table-scroll-right gux-icon{width:8px;height:8px}:host .gux-table .gux-table-scroll-left{border-top-left-radius:0;border-bottom-left-radius:0}:host .gux-table .gux-table-scroll-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host .gux-table .gux-table-container{width:100%;max-height:100%;overflow-x:hidden;scrollbar-color:rgba(32, 41, 55, 0.24) #fdfdfd;scrollbar-width:thin}:host .gux-table .gux-table-container::-webkit-scrollbar{width:4px}:host .gux-table .gux-table-container::-webkit-scrollbar-track{background:#fdfdfd}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb{background:rgba(32, 41, 55, 0.24)}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb:hover{background:rgba(32, 41, 55, 0.48)}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:150px;color:#596373;background:#fdfdfd;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}";export{u as gux_table_beta}

package/dist/genesys-webcomponents/{p-4a24bc35.entry.js → p-3b5ce06f.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,H as i,g as o}from"./p-74b510cb.js";import{s as h}from"./p-d176c2ae.js";import{t as r}from"./p-0792b920.js";const e=class{constructor(s){t(this,s),this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,h(this.root,"input"),h(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){r(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{role:"group",class:`gux-${this.layout}`},s("slot",{onSlotchange:this.slotChanged.bind(this)}))}get root(){return o(this)}};e.style="gux-switch{display:flex;align-items:flex-end}";export{e as gux_switch}
+import{r as t,h as s,H as i,g as o}from"./p-74b510cb.js";import{s as h}from"./p-d176c2ae.js";import{t as r}from"./p-22d84609.js";const e=class{constructor(s){t(this,s),this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,h(this.root,"input"),h(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){r(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{role:"group",class:`gux-${this.layout}`},s("slot",{onSlotchange:this.slotChanged.bind(this)}))}get root(){return o(this)}};e.style="gux-switch{display:flex;align-items:flex-end}";export{e as gux_switch}

package/dist/genesys-webcomponents/{p-b36b323a.entry.js → p-3f934634.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as o,g as i}from"./p-74b510cb.js";import{b as s}from"./p-cf43f0c3.js";import"./p-8a133b9b.js";const a={clearSelection:"Clear {numberSelected} selected items"},n=class{constructor(o){t(this,o),this.guxclearselected=e(this,"guxclearselected",7),this.disabled=!1,this.numberSelected=0,this.label=""}onKeyDown(t){switch(t.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){this.disabled||this.guxclearselected.emit()}renderRemoveButton(){return o("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},o("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("clearSelection",{numberSelected:this.numberSelected.toString()})}))}async componentWillRender(){this.i18n=await s(this.root,a)}render(){return o("div",{class:{"gux-tag":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.numberSelected.toString(),this.renderRemoveButton())}get root(){return i(this)}};n.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 4px 2px 8px;font-size:12px;font-weight:bold;color:#2e394c;background-color:#e2e6ee;border-radius:4px}.gux-tag .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-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:7px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:none;box-shadow:0 0 0 1px transparent, 0 0 0 2px #aac9ff}.gux-tag.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}";export{n as gux_dropdown_multi_tag}
+import{r as t,c as e,h as o,g as i}from"./p-74b510cb.js";import{b as s}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const a={clearSelection:"Clear {numberSelected} selected items"},n=class{constructor(o){t(this,o),this.guxclearselected=e(this,"guxclearselected",7),this.disabled=!1,this.numberSelected=0,this.label=""}onKeyDown(t){switch(t.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){this.disabled||this.guxclearselected.emit()}renderRemoveButton(){return o("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},o("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("clearSelection",{numberSelected:this.numberSelected.toString()})}))}async componentWillRender(){this.i18n=await s(this.root,a)}render(){return o("div",{class:{"gux-tag":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.numberSelected.toString(),this.renderRemoveButton())}get root(){return i(this)}};n.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 4px 2px 8px;font-size:12px;font-weight:bold;color:#2e394c;background-color:#e2e6ee;border-radius:4px}.gux-tag .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-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:7px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:none;box-shadow:0 0 0 1px transparent, 0 0 0 2px #aac9ff}.gux-tag.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}";export{n as gux_dropdown_multi_tag}

package/dist/genesys-webcomponents/{p-58fcd098.entry.js → p-43462aef.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,g as a}from"./p-74b510cb.js";import{t as s}from"./p-0792b920.js";import{V as e}from"./p-5cacdfc9.js";import{l as r}from"./p-3184268e.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-74b510cb.js";import{t as s}from"./p-22d84609.js";import{V as e}from"./p-5cacdfc9.js";import{l as r}from"./p-3184268e.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-fddae41d.entry.js → p-46a0c5fd.entry.js}

@@ -1 +1 @@
-import{r as o,c as e,f as t,h as i,g as d}from"./p-74b510cb.js";import{O as n}from"./p-acd2fa20.js";import{w as g}from"./p-76ff3e75.js";import{t as u}from"./p-0792b920.js";import{O as r}from"./p-e3c80187.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: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-74b510cb.js";import{O as n}from"./p-acd2fa20.js";import{w as g}from"./p-76ff3e75.js";import{t as u}from"./p-22d84609.js";import{O as r}from"./p-e3c80187.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: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-ecdc5326.entry.js → p-4a0beb6c.entry.js}

@@ -1 +1 @@
-import{r as t,f as e,h as i,g as s,c as o,H as n}from"./p-74b510cb.js";import{O as r}from"./p-acd2fa20.js";import{b as a}from"./p-cf43f0c3.js";import{s as l}from"./p-d176c2ae.js";import{o as d,c as u}from"./p-3f5341ea.js";import{t as h}from"./p-0792b920.js";import{g as c,s as x,c as g,a as p,b as f,h as b,d as m,e as w,f as v,i as y,j as F,o as j}from"./p-3770c1e9.js";import{w as k}from"./p-76ff3e75.js";import{r as A}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const C={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};const E=class{constructor(e){t(this,e),this.disabled=!1,this.required=!1,this.filterable=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement.value=t}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,C),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value),d(this.root,(()=>{e(this.root)}))}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change")),this.collapseListbox("focusFieldButton")}getSuggestionText(t){const e=t.length;if(e>0){const i=c(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable)},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:u(this.root),onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return s(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],E.prototype,"onClickOutside",null),E.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const L={noMatches:"No matches"},O=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=o(this,"internallistboxoptionsupdated",7),this.filter="",this.selectedValues=[],this.listboxOptions=[]}onFocus(){x(this.root)}onBlur(){g(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void y(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),v(this.root)):f(this.root));case"ArrowUp":return t.preventDefault(),void(b(this.root)?(t.stopPropagation(),m(this.root)):p(this.root));case"Home":return t.preventDefault(),void f(this.root);case"End":return t.preventDefault(),void p(this.root);case" ":return void t.preventDefault()}1!==t.key.length||F(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void y(this.root,(t=>this.updateValue(t)))}}onMousemove(){g(this.root)}onClick(t){k("gux-option",t,(t=>{j(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){y(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),l(this.root,"input"),l(this.root,"change")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,L),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&f(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(n,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return s(this)}};O.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const R=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||A("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return s(this)}};R.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{E as gux_dropdown,O as gux_listbox,R as gux_option}
+import{r as t,f as e,h as i,g as s,c as o,H as n}from"./p-74b510cb.js";import{O as r}from"./p-acd2fa20.js";import{b as a}from"./p-1c9dfc78.js";import{s as d}from"./p-d176c2ae.js";import{o as l,c as u}from"./p-3f5341ea.js";import{t as h}from"./p-22d84609.js";import{g as c,s as x,c as g,a as p,b as f,h as b,d as m,e as w,f as v,i as y,j as F,o as j}from"./p-3770c1e9.js";import{w as k}from"./p-76ff3e75.js";import{r as A}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const C={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};const E=class{constructor(e){t(this,e),this.disabled=!1,this.required=!1,this.filterable=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement.value=t}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,C),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value),l(this.root,(()=>{e(this.root)}))}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,d(this.root,"input"),d(this.root,"change")),this.collapseListbox("focusFieldButton")}getSuggestionText(t){const e=t.length;if(e>0){const i=c(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable)},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:u(this.root),onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return s(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],E.prototype,"onClickOutside",null),E.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const L={noMatches:"No matches"},O=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=o(this,"internallistboxoptionsupdated",7),this.filter="",this.selectedValues=[],this.listboxOptions=[]}onFocus(){x(this.root)}onBlur(){g(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void y(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),v(this.root)):f(this.root));case"ArrowUp":return t.preventDefault(),void(b(this.root)?(t.stopPropagation(),m(this.root)):p(this.root));case"Home":return t.preventDefault(),void f(this.root);case"End":return t.preventDefault(),void p(this.root);case" ":return void t.preventDefault()}1!==t.key.length||F(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void y(this.root,(t=>this.updateValue(t)))}}onMousemove(){g(this.root)}onClick(t){k("gux-option",t,(t=>{j(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){y(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),d(this.root,"input"),d(this.root,"change")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,L),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&f(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(n,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return s(this)}};O.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const R=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||A("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return s(this)}};R.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{E as gux_dropdown,O as gux_listbox,R as gux_option}