genesys-spark-components 4.111.5 → 4.111.6

package/dist/genesys-webcomponents/{p-3a1aa271.entry.js → p-05087794.entry.js}

@@ -1 +1 @@
-import{r as a,c as o,h as e,g as t}from"./p-78cb19b9.js";import{r as i}from"./p-0934300e.js";import{t as d}from"./p-744f9093.js";const n=class{constructor(e){a(this,e),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0,this.initialFocus=void 0}handleKeyEvent(a){"Escape"===a.key&&this.onDismissHandler(a)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){d(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var a,o,e;const t=this.getInitialFocusElement();t?null===(a=t.focus)||void 0===a||a.call(t):this.dismissButton&&(null===(e=(o=this.dismissButton).focus)||void 0===e||e.call(o))}render(){const a=this.hasModalTitleSlot(),o=this.hasFooterButtons(),t=i();return e("div",{key:"eaae3d027ff2b1314c3c6d908e816066553700e5",class:"gux-modal",role:"dialog","aria-modal":"true","aria-labelledby":a?t:null},e("div",{key:"bacd0a0a27b0a3d1a27cd68c5ca67b0dc066d08b",class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),a&&e("h1",{key:"3bee386ab001311941d3bfead54ab479a6ac931f",class:"gux-modal-header",id:t},e("slot",{key:"21c919f92ef76ca5df2d062965014482f4db361a",name:"title"})),e("gux-dismiss-button",{key:"8ed3553bf27eb05adcda1dfb537db8b0a414cace",onClick:this.onDismissHandler.bind(this),ref:a=>this.dismissButton=a}),e("div",{key:"c09cf3055650c509e8f09008ec0c355020693a0a",class:{"gux-modal-content":!0,"gux-no-buttons":!o}},e("p",{key:"d74fe135f19a93bcfc4a459730706d553d3ab692"},e("slot",{key:"b77e4c21a4e9edfb77e5882b90bcb975aefff210",name:"content"}))),o&&e("div",{key:"afe99d7aa7daf1a4574e8641845e1340b568f5df",class:"gux-button-footer"},e("div",{key:"9fac5fb1025e9649498c82ea3d8eb717994af927",class:"gux-left-align-buttons"},e("slot",{key:"8157a225e0a27bf6ae0b02252838b71aa05625df",name:"left-align-buttons"})),e("div",{key:"5b10ffe3a26d275afacded21701a8e56bf13a4ac",class:"gux-right-align-buttons"},e("slot",{key:"a44422f4ded57f03c318fa9fd31f5db0329b7aff",name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return e("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(a){var o;a.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return t(this)}};n.style="::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);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;padding:0 var(--gse-ui-modal-padding)}@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{n as gux_modal_legacy}
+import{r as a,c as o,h as e,g as t}from"./p-78cb19b9.js";import{r as i}from"./p-0934300e.js";import{t as d}from"./p-3e4699bc.js";const n=class{constructor(e){a(this,e),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0,this.initialFocus=void 0}handleKeyEvent(a){"Escape"===a.key&&this.onDismissHandler(a)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){d(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var a,o,e;const t=this.getInitialFocusElement();t?null===(a=t.focus)||void 0===a||a.call(t):this.dismissButton&&(null===(e=(o=this.dismissButton).focus)||void 0===e||e.call(o))}render(){const a=this.hasModalTitleSlot(),o=this.hasFooterButtons(),t=i();return e("div",{key:"eaae3d027ff2b1314c3c6d908e816066553700e5",class:"gux-modal",role:"dialog","aria-modal":"true","aria-labelledby":a?t:null},e("div",{key:"bacd0a0a27b0a3d1a27cd68c5ca67b0dc066d08b",class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),a&&e("h1",{key:"3bee386ab001311941d3bfead54ab479a6ac931f",class:"gux-modal-header",id:t},e("slot",{key:"21c919f92ef76ca5df2d062965014482f4db361a",name:"title"})),e("gux-dismiss-button",{key:"8ed3553bf27eb05adcda1dfb537db8b0a414cace",onClick:this.onDismissHandler.bind(this),ref:a=>this.dismissButton=a}),e("div",{key:"c09cf3055650c509e8f09008ec0c355020693a0a",class:{"gux-modal-content":!0,"gux-no-buttons":!o}},e("p",{key:"d74fe135f19a93bcfc4a459730706d553d3ab692"},e("slot",{key:"b77e4c21a4e9edfb77e5882b90bcb975aefff210",name:"content"}))),o&&e("div",{key:"afe99d7aa7daf1a4574e8641845e1340b568f5df",class:"gux-button-footer"},e("div",{key:"9fac5fb1025e9649498c82ea3d8eb717994af927",class:"gux-left-align-buttons"},e("slot",{key:"8157a225e0a27bf6ae0b02252838b71aa05625df",name:"left-align-buttons"})),e("div",{key:"5b10ffe3a26d275afacded21701a8e56bf13a4ac",class:"gux-right-align-buttons"},e("slot",{key:"a44422f4ded57f03c318fa9fd31f5db0329b7aff",name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return e("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(a){var o;a.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return t(this)}};n.style="::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);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;padding:0 var(--gse-ui-modal-padding)}@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{n as gux_modal_legacy}

package/dist/genesys-webcomponents/{p-82c7cbe2.entry.js → p-0694db00.entry.js}

@@ -1 +1 @@
-import{r as i,h as o,g as r}from"./p-78cb19b9.js";import{t}from"./p-744f9093.js";import{b as a}from"./p-4b423804.js";import"./p-4202e9f2.js";const l={optional:"optional"},e=class{constructor(o){i(this,o),this.variant="required",this.required=!1}async componentWillLoad(){t(this.root,{variant:this.variant}),this.i18n=await a(this.root,l)}render(){return"optional"!==this.variant||this.required?"required"===this.variant&&this.required?o("span",{class:"gux-form-field-label-indicator-required","aria-hidden":"true"},"*"):null:o("span",{class:"gux-form-field-label-indicator-optional"},"(",this.i18n("optional"),")")}get root(){return r(this)}};e.style=".gux-form-field-label-indicator-required{padding-inline-start:var(--gse-ui-formControl-formField-gap);color:var(--gse-ui-formControl-label-indicator-requiredColor)}.gux-form-field-label-indicator-optional{margin-inline-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-label-indicator-text-fontFamily);font-size:var(--gse-ui-formControl-label-indicator-text-fontSize);font-weight:var(--gse-ui-formControl-label-indicator-text-fontWeight);line-height:var(--gse-ui-formControl-label-indicator-text-lineHeight);color:var(--gse-ui-formControl-label-indicator-optionalColor)}";export{e as gux_form_field_label_indicator}
+import{r as i,h as o,g as r}from"./p-78cb19b9.js";import{t}from"./p-3e4699bc.js";import{b as a}from"./p-4b423804.js";import"./p-4202e9f2.js";const e={optional:"optional"},l=class{constructor(o){i(this,o),this.variant="required",this.required=!1}async componentWillLoad(){t(this.root,{variant:this.variant}),this.i18n=await a(this.root,e)}render(){return"optional"!==this.variant||this.required?"required"===this.variant&&this.required?o("span",{class:"gux-form-field-label-indicator-required","aria-hidden":"true"},"*"):null:o("span",{class:"gux-form-field-label-indicator-optional"},"(",this.i18n("optional"),")")}get root(){return r(this)}};l.style=".gux-form-field-label-indicator-required{padding-inline-start:var(--gse-ui-formControl-formField-gap);color:var(--gse-ui-formControl-label-indicator-requiredColor)}.gux-form-field-label-indicator-optional{margin-inline-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-label-indicator-text-fontFamily);font-size:var(--gse-ui-formControl-label-indicator-text-fontSize);font-weight:var(--gse-ui-formControl-label-indicator-text-fontWeight);line-height:var(--gse-ui-formControl-label-indicator-text-lineHeight);color:var(--gse-ui-formControl-label-indicator-optionalColor)}";export{l as gux_form_field_label_indicator}