genesys-spark-components 4.194.0 → 4.196.0

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as o,a as i}from"./p-D2YtihwH.js";import{a as s,c as r,o as a,f as p,s as h,h as n,b as c}from"./p-C8aV-TzO.js";import{O as d}from"./p-ulzUMOMq.js";import{t as l}from"./p-BFstlq6Q.js";import{g as u}from"./p-BBpQG81s.js";import{f}from"./p-Cr5bTKWF.js";const g=class{constructor(o){t(this,o),this.guxdismiss=e(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1,this.disconnect=void 0}updateForElement(){this.forElement=this.getForElement(),this.forElement.setAttribute("aria-haspopup","true")}onKeyDown(t){"Escape"===t.key&&this.forElement.focus()}onFocusout(t){!this.closeOnClickOutside&&this.displayDismissButton||t.relatedTarget&&!this.root.contains(t.relatedTarget)&&this.dismiss()}checkForClickOutside(t){const e=t.composedPath(),o=f(this.root,this.for),i=e.includes(o);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}async guxDismissPopover(){this.dismiss()}async guxFocusPopover(){this.focusPopup()}get titleSlot(){return u(this.root,"title")}get footerSlot(){return u(this.root,"footer")}getForElement(){if(this.for){const t=f(this.root,this.for);return t||this.logForAttributeError(),t}this.logForAttributeError()}focusPopup(){const t=this.root.querySelector("[autoFocus]");t?null==t||t.focus():this.popupElement.focus()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=s(f(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=f(this.root,this.for);this.popupElement&&t&&r(t,this.popupElement,{placement:this.position,middleware:[a(7),p(),h(),n(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:o,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${e}px`});const s=i.split("-")[0],r={top:"bottom",right:"left",bottom:"top",left:"right"}[s],a={top:0,right:90,bottom:180,left:-90}[s],p="left"===s||"right"===s?15:13;if(o.arrow){let t=o.arrow.x;const e=o.arrow.y;"left"!==s&&"right"!==s||(t+=4),this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[r]:-p+"px",transform:`rotate(${a}deg)`})}o.hide&&Object.assign(this.popupElement.style,{visibility:o.hide.referenceHidden?"hidden":"visible"})}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1,this.popupElement.hidePopover())}logForAttributeError(){this.root.isConnected&&console.error(`gux-popover: invalid element supplied to 'for': "${this.for}"`)}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition(),this.focusPopup()}}onMouseup(){this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition()}connectedCallback(){this.updateForElement(),l(this.root,{variant:this.position});const t=this.onKeydown.bind(this);this.forElement.addEventListener("keydown",t);const e=this.onMouseup.bind(this);this.forElement.addEventListener("mouseup",e),this.disconnect=()=>{this.forElement.removeEventListener("keydown",t),this.forElement.removeEventListener("mouseup",e)}}componentDidLoad(){this.forElement&&(this.forElement.popoverTargetElement=this.popupElement,this.isOpen&&(this.popupElement.togglePopover(),this.runUpdatePosition()))}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnect()}render(){return o("div",{key:"cd717fc4a2b65715f4f49c10a1274502282a894f",ref:t=>this.popupElement=t,class:{"gux-popover-wrapper":!0,"gux-hidden":!this.isOpen},"data-placement":!0,popover:"manual",tabindex:"-1"},o("div",{key:"d2d06500668de250f49aa2cc6b1aa6d07df1e4dc",ref:t=>this.arrowElement=t,class:"gux-arrow"},o("div",{key:"540364567f012dea062b750d887f774585516ee6",class:"gux-arrow-caret"})),this.displayDismissButton&&o("gux-dismiss-button",{key:"d61812519b776adbaeaa8a6d6f35758874b38647",onClick:this.dismiss.bind(this)}),o("div",{key:"8ec9002b6f6cf1e458496977a3a83edf8d1e93b8",class:{"gux-popover-header":Boolean(this.titleSlot)}},o("slot",{key:"37d4523d4bd57d183efb57649967fea5e991e75f",name:"title"})),o("div",{key:"d32982d010cfea393481f20c05dff7aa344a01b8",class:"gux-popover-content"},o("slot",{key:"a34bb09839a0572215f57b50f44f96fc44fe9780"})),o("div",{key:"01208a17b032946f5730c15d3b9fed4817905df6",class:{"gux-popover-footer":Boolean(this.footerSlot)}},o("slot",{key:"9f8f0bb5f42cd6279e220912bec61c26eb293425",name:"footer"})))}get root(){return i(this)}static get watchers(){return{for:["updateForElement"]}}};(function(t,e,o,i){var s,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var p=t.length-1;p>=0;p--)(s=t[p])&&(a=(r<3?s(a):r>3?s(e,o,a):s(e,o))||a);r>3&&a&&Object.defineProperty(e,o,a)})([d({triggerEvents:"mousedown"})],g.prototype,"checkForClickOutside",null),g.style=":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow:hidden;color:var(--gse-semantic-foreground-container-highEmphasis);background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper{}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper .gux-popover-footer{padding-block-start:var(--gse-ui-popover-gap)}";export{g as gux_popover_beta}

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

@@ -1 +0,0 @@
-import{r as e,c as o,h as a,a as t}from"./p-D2YtihwH.js";import{r as i}from"./p-D9jKBqIb.js";import{a as r}from"./p-DxtJDeL9.js";const n=class{constructor(a){e(this,a),this.guxopened=o(this,"guxopened",7),this.guxclosed=o(this,"guxclosed",7),this.sectionId=i("gux-accordion-section"),this.headerId=i("gux-accordion-header"),this.arrowPosition="end",this.contentLayout="text",this.open=!1,this.disabled=!1,this.reverseHeadings=!1}watchOpen(e){e?this.guxopened.emit():this.guxclosed.emit()}toggle(){this.open=!this.open}isArrowPositionBeforeText(){return"start"===this.arrowPosition}handleSlotChange(e){const o=this.root.querySelector(`[slot="${e}"]`);o.role="presentation",o&&/^H[1-6]$/.test(o.nodeName)||r(this.root,`For accessibility reasons the ${e} slot should be filled with a HTML heading tag (h1 - h6).`),"header"==e&&(this.headingLevel=parseInt(o.nodeName.replace("H",""),10))}componentWillLoad(){this.hasIconSlot=!!this.root.querySelector('[slot="icon"]')}render(){return a("section",{key:"5f6fbfed6b1749839798955d3ff9b47b1540cc7f",class:{"gux-disabled":this.disabled}},a("div",{key:"e4279506105630d808901c7eb638d3e97c2442d9",id:this.headerId,role:"heading","aria-level":this.headingLevel},a("button",{key:"5d1a5ef4a257f581a2267767f92d6f5390ec2254",class:{"gux-header":!0,"gux-reverse-headings":this.reverseHeadings},type:"button","aria-expanded":this.open.toString(),"aria-controls":this.sectionId,disabled:this.disabled,onClick:this.toggle.bind(this)},this.hasIconSlot&&a("slot",{key:"7b6c53f3a7d869e461434ab41e3e0daaac42f329",name:"icon"}),a("div",{key:"ab82e1c8c6d17d99f93da0347ffcf3b50aadffe6",class:{"gux-header-text":!0}},a("slot",{key:"9851b6acac5b60c2378b71d2409051e69da5ca2e",onSlotchange:()=>this.handleSlotChange("header"),name:"header"}),a("slot",{key:"4b761c850e50ef9b73daba6043b78b22ae89f743",onSlotchange:()=>this.handleSlotChange("subheader"),name:"subheader"})),a("div",{key:"72834a00027374ab2cccdda2e89af435e801f54f",class:{"gux-header-icon":!0,"gux-expanded":this.open,"gux-arrow-position-start":this.isArrowPositionBeforeText()}},a("gux-icon",{key:"67b4447d2cbe2678ea172250b3c387f69eb0811b",decorative:!0,"icon-name":"custom/chevron-down-small-regular",size:"small"})))),a("div",{key:"d40e94866149954a8e664c3aec588b74e6b89ed6",id:this.sectionId,role:"region","aria-labelledby":this.headerId,class:{"gux-content":!0,"gux-expanded":this.open,"gux-text-content-layout":"text"===this.contentLayout}},a("slot",{key:"d39cbee9166f563135c04e3cb52ae467f077d563",name:"content"})))}get root(){return t(this)}static get watchers(){return{open:["watchOpen"]}}};n.style=":host(:first-child) section{border-block-start:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}section.gux-disabled{cursor:default}section.gux-disabled>*{pointer-events:none;opacity:0.5}section{border-block-end:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}section .gux-header{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:center flex-start;align-items:center;inline-size:100%;padding:var(--gse-ui-accordion-header-padding);margin:0;cursor:pointer}section .gux-header .gux-header-text{flex:1 1 auto;align-self:auto;font-weight:var(--gse-ui-accordion-header-label-defaultText-fontWeight);color:var(--gse-ui-accordion-header-default-foreground-labelColor);text-align:start}section .gux-header.gux-reverse-headings .gux-header-text{display:flex;flex-direction:column-reverse}section .gux-header ::slotted([slot=header]){padding:0;margin:0;font-family:var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;font-size:var(--gse-ui-accordion-header-label-defaultText-fontSize) !important;font-weight:var(--gse-ui-accordion-header-label-defaultText-fontWeight) !important;line-height:var(--gse-ui-accordion-header-label-defaultText-lineHeight) !important;color:var(--gse-ui-accordion-header-default-foreground-labelColor)}section .gux-header ::slotted([slot=subheader]){padding:0;margin-block:var(--gse-core-spacing-5xs) 0;margin-inline:0;font-family:var(--gse-ui-accordion-contentItem-defaultText-fontFamily) !important;font-size:var(--gse-ui-accordion-contentItem-defaultText-fontSize) !important;font-weight:var(--gse-ui-accordion-contentItem-defaultText-fontWeight) !important;line-height:var(--gse-ui-accordion-contentItem-defaultText-lineHeight) !important;color:var(--gse-ui-accordion-contentItem-foregroundColor)}section .gux-header ::slotted([slot=subheader]) .gux-reverse-headings{margin-block:0 var(--gse-core-spacing-5xs);margin-inline:0}section .gux-header ::slotted([slot=icon]){flex:0 0 auto;align-self:flex-start;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);margin-inline-end:var(--gse-ui-accordion-header-gap);color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed)}section .gux-header ::slotted([slot=icon]) .gux-reverse-headings{align-self:flex-end}section .gux-header .gux-header-icon{flex:0 1 auto;align-items:center;align-self:auto;margin-inline-start:var(--gse-ui-accordion-header-gap);line-height:0;color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed);transform-origin:center;transition:transform 0.5s ease}section .gux-header .gux-header-icon.gux-arrow-position-start{order:-1;margin-inline-end:var(--gse-ui-accordion-header-gap)}section .gux-header .gux-header-icon.gux-expanded{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-open);transform:rotate(-180deg)}section .gux-header:focus-visible{outline:var(--gse-ui-accordion-focusBorder-width) var(--gse-ui-accordion-focusBorder-style) var(--gse-ui-accordion-focusBorder-color);outline-offset:var(--gse-ui-accordion-focus-offset-gap);border-radius:var(--gse-ui-accordion-menuItem-focus-borderRadius)}section .gux-header:hover .gux-header-icon{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-hover)}section .gux-content{box-sizing:border-box;display:none}section .gux-content.gux-expanded{display:block}section .gux-content.gux-text-content-layout{padding:var(--gse-ui-accordion-contentItem-padding)}section .gux-content ::slotted([slot=content]){margin:0}";export{n as gux_accordion_section}