genesys-spark-components 4.0.0-beta.26 → 4.0.0-beta.27

package/dist/genesys-webcomponents/{p-b08f2a1f.entry.js → p-2498b2e3.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as a,g as i}from"./p-7d26b2e1.js";import{r as n}from"./p-cbcbd1bb.js";import{t as s}from"./p-dc84cec7.js";const e=class{constructor(a){t(this,a),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0,this.initialFocus=void 0}handleKeyEvent(t){"Escape"===t.key&&this.onDismissHandler(t)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){s(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var t,o,a;const i=this.getInitialFocusElement();i?null===(t=i.focus)||void 0===t||t.call(i):this.dismissButton&&(null===(a=(o=this.dismissButton).focus)||void 0===a||a.call(o))}render(){const t=this.hasModalTitleSlot(),o=this.hasFooterButtons(),i=n();return a("div",{class:"gux-modal",role:"dialog","aria-modal":"true","aria-labelledby":t?i:null},a("div",{class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),t&&a("h1",{class:"gux-modal-header",id:i},a("slot",{name:"title"})),a("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this),ref:t=>this.dismissButton=t}),a("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!o}},a("p",null,a("slot",{name:"content"}))),o&&a("div",{class:"gux-button-footer"},a("div",{class:"gux-left-align-buttons"},a("slot",{name:"left-align-buttons"})),a("div",{class:"gux-right-align-buttons"},a("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return a("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(t){var o;t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return i(this)}};e.style=":host .gux-modal{position:fixed;inset:0;z-index:var(--gux-zindex-modal, 1);display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 8px 24px rgba(32, 41, 55, 0.4)}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{e as gux_modal}
+import{r as t,c as o,h as a,g as i}from"./p-7d26b2e1.js";import{r as n}from"./p-cbcbd1bb.js";import{t as s}from"./p-adbed625.js";const e=class{constructor(a){t(this,a),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0,this.initialFocus=void 0}handleKeyEvent(t){"Escape"===t.key&&this.onDismissHandler(t)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){s(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var t,o,a;const i=this.getInitialFocusElement();i?null===(t=i.focus)||void 0===t||t.call(i):this.dismissButton&&(null===(a=(o=this.dismissButton).focus)||void 0===a||a.call(o))}render(){const t=this.hasModalTitleSlot(),o=this.hasFooterButtons(),i=n();return a("div",{class:"gux-modal",role:"dialog","aria-modal":"true","aria-labelledby":t?i:null},a("div",{class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),t&&a("h1",{class:"gux-modal-header",id:i},a("slot",{name:"title"})),a("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this),ref:t=>this.dismissButton=t}),a("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!o}},a("p",null,a("slot",{name:"content"}))),o&&a("div",{class:"gux-button-footer"},a("div",{class:"gux-left-align-buttons"},a("slot",{name:"left-align-buttons"})),a("div",{class:"gux-right-align-buttons"},a("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return a("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(t){var o;t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return i(this)}};e.style=":host .gux-modal{position:fixed;inset:0;z-index:var(--gux-zindex-modal, 1);display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 8px 24px rgba(32, 41, 55, 0.4)}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{e as gux_modal}

package/dist/genesys-webcomponents/{p-a0b3b9f2.entry.js → p-24c0304b.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e,g as o}from"./p-7d26b2e1.js";import{s as n,c as a,a as h,b as r,h as d,d as l,e as c,f as u,i as p,j as g,o as x}from"./p-55cf6d81.js";import{b as m}from"./p-deee079e.js";import{w as f}from"./p-76ff3e75.js";import{s as v}from"./p-d176c2ae.js";import{t as b}from"./p-dc84cec7.js";import{b as w}from"./p-091f51f6.js";import"./p-8a133b9b.js";const O={add:"Add {name}",noMatches:"No matches",loading:"Loading..."},j=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=s(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.textInput="",this.filterType="none",this.emptyMessage=void 0,this.listboxOptions=[],this.allListboxOptionsFiltered=void 0,this.hasExactMatch=!1}onFocus(){n(this.root)}onBlur(){a(this.root)}selectNewCustomOption(t){this.updateValue(t.detail)}onKeydown(t){var s;switch(t.key){case"Enter":return t.preventDefault(),void((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))));case"ArrowDown":return t.preventDefault(),void(c(this.root)?(t.stopPropagation(),u(this.root)):r(this.root));case"ArrowUp":return t.preventDefault(),void(d(this.root)?(t.stopPropagation(),l(this.root)):h(this.root));case"Home":return t.preventDefault(),void r(this.root);case"End":return t.preventDefault(),void h(this.root);case" ":return void t.preventDefault()}1!==t.key.length||g(this.root,t.key)}onKeyup(t){var s;" "!==t.key||((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))))}onMousemove(){a(this.root)}onClick(t){f("gux-option-multi",t,(t=>{x(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){p(this.root,(t=>this.updateValue(t)))}getHasExactMatch(){let t=!1;return this.hasExactMatch=!1,this.listboxOptions.forEach((s=>{var i,e,o;(null===(o=null===(e=null===(i=s.querySelector("[gux-slot-container]"))||void 0===i?void 0:i.textContent)||void 0===e?void 0:e.toLowerCase())||void 0===o?void 0:o.trim())==this.textInput.toLowerCase().trim()&&(t=!0,this.hasExactMatch=!0)})),t}updateOptionMultiCreateValue(){this.optionCreateElement&&(this.optionCreateElement.value=this.textInput,this.optionCreateElement.filtered=!this.textInput||this.getHasExactMatch())}getSelectedValues(){return this.value?this.value.split(","):[]}updateOnSlotChange(){this.setListboxOptions(),this.updateListboxOptions(),n(this.root)}getOptionCreateElement(){this.optionCreateElement=this.root.querySelector("gux-create-option")}setListboxOptions(){this.listboxOptions=Array.from(this.root.children).filter((t=>"GUX-OPTION-MULTI"===t.tagName)),this.internallistboxoptionsupdated.emit()}updateListboxOptions(){this.listboxOptions.forEach((t=>{t.selected=this.getSelectedValues().includes(t.value),"custom"!==this.filterType&&(t.filtered=!t.textContent.toLowerCase().startsWith(this.textInput.toLowerCase()))}))}updateValue(t){if(this.getSelectedValues().includes(t))this.value=this.getSelectedValues().filter((s=>s!==t)).join(",");else{const s=[...this.getSelectedValues(),t];this.value=s.join(",")}v(this.root,"input"),v(this.root,"change")}async componentWillLoad(){b(this.root),this.i18n=await m(this.root,O),this.setListboxOptions(),this.getOptionCreateElement()}componentWillRender(){this.setListboxOptions(),this.updateListboxOptions(),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return i("div",{hidden:!0},i("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[i("div",{class:"gux-message-container"},i("gux-radial-loading",{context:"modal"}),i("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return[i("div",{class:"gux-message-container"},i("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}renderCreateOptionSlot(){return i("slot",{name:"create"})}render(){return this.loading?this.renderLoading():i(e,{role:"listbox","aria-multiselectable":"true",tabindex:0},i("slot",{onSlotchange:()=>this.updateOnSlotChange()}),this.renderAllListboxOptionsFiltered(),this.renderCreateOptionSlot())}get root(){return o(this)}static get watchers(){return{textInput:["updateOptionMultiCreateValue"]}}};j.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-visible){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";export{j as gux_listbox_multi}
+import{r as t,c as s,h as i,H as e,g as o}from"./p-7d26b2e1.js";import{s as n,c as a,a as h,b as r,h as d,d as l,e as c,f as u,i as p,j as g,o as x}from"./p-55cf6d81.js";import{b as m}from"./p-deee079e.js";import{w as f}from"./p-76ff3e75.js";import{s as b}from"./p-d176c2ae.js";import{t as v}from"./p-adbed625.js";import{b as w}from"./p-091f51f6.js";import"./p-8a133b9b.js";const O={add:"Add {name}",noMatches:"No matches",loading:"Loading..."},j=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=s(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.textInput="",this.filterType="none",this.emptyMessage=void 0,this.listboxOptions=[],this.allListboxOptionsFiltered=void 0,this.hasExactMatch=!1}onFocus(){n(this.root)}onBlur(){a(this.root)}selectNewCustomOption(t){this.updateValue(t.detail)}onKeydown(t){var s;switch(t.key){case"Enter":return t.preventDefault(),void((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))));case"ArrowDown":return t.preventDefault(),void(c(this.root)?(t.stopPropagation(),u(this.root)):r(this.root));case"ArrowUp":return t.preventDefault(),void(d(this.root)?(t.stopPropagation(),l(this.root)):h(this.root));case"Home":return t.preventDefault(),void r(this.root);case"End":return t.preventDefault(),void h(this.root);case" ":return void t.preventDefault()}1!==t.key.length||g(this.root,t.key)}onKeyup(t){var s;" "!==t.key||((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))))}onMousemove(){a(this.root)}onClick(t){f("gux-option-multi",t,(t=>{x(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){p(this.root,(t=>this.updateValue(t)))}getHasExactMatch(){let t=!1;return this.hasExactMatch=!1,this.listboxOptions.forEach((s=>{var i,e,o;(null===(o=null===(e=null===(i=s.querySelector("[gux-slot-container]"))||void 0===i?void 0:i.textContent)||void 0===e?void 0:e.toLowerCase())||void 0===o?void 0:o.trim())==this.textInput.toLowerCase().trim()&&(t=!0,this.hasExactMatch=!0)})),t}updateOptionMultiCreateValue(){this.optionCreateElement&&(this.optionCreateElement.value=this.textInput,this.optionCreateElement.filtered=!this.textInput||this.getHasExactMatch())}getSelectedValues(){return this.value?this.value.split(","):[]}updateOnSlotChange(){this.setListboxOptions(),this.updateListboxOptions(),n(this.root)}getOptionCreateElement(){this.optionCreateElement=this.root.querySelector("gux-create-option")}setListboxOptions(){this.listboxOptions=Array.from(this.root.children).filter((t=>"GUX-OPTION-MULTI"===t.tagName)),this.internallistboxoptionsupdated.emit()}updateListboxOptions(){this.listboxOptions.forEach((t=>{t.selected=this.getSelectedValues().includes(t.value),"custom"!==this.filterType&&(t.filtered=!t.textContent.toLowerCase().startsWith(this.textInput.toLowerCase()))}))}updateValue(t){if(this.getSelectedValues().includes(t))this.value=this.getSelectedValues().filter((s=>s!==t)).join(",");else{const s=[...this.getSelectedValues(),t];this.value=s.join(",")}b(this.root,"input"),b(this.root,"change")}async componentWillLoad(){v(this.root),this.i18n=await m(this.root,O),this.setListboxOptions(),this.getOptionCreateElement()}componentWillRender(){this.setListboxOptions(),this.updateListboxOptions(),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return i("div",{hidden:!0},i("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[i("div",{class:"gux-message-container"},i("gux-radial-loading",{context:"modal"}),i("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return[i("div",{class:"gux-message-container"},i("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}renderCreateOptionSlot(){return i("slot",{name:"create"})}render(){return this.loading?this.renderLoading():i(e,{role:"listbox","aria-multiselectable":"true",tabindex:0},i("slot",{onSlotchange:()=>this.updateOnSlotChange()}),this.renderAllListboxOptionsFiltered(),this.renderCreateOptionSlot())}get root(){return o(this)}static get watchers(){return{textInput:["updateOptionMultiCreateValue"]}}};j.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-visible){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";export{j as gux_listbox_multi}