genesys-spark-components 4.87.0 → 4.88.1

package/dist/genesys-webcomponents/p-0fdc0139.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t,g as a}from"./p-6e010355.js";import{f as n,a as r}from"./p-9349b5e4.js";import{c as o}from"./p-267e2aed.js";import{g as i,a as s,b as d}from"./p-18eb7333.js";import{a as u}from"./p-cf0e7d3b.js";import{l as c}from"./p-8eaf8caf.js";import{s as l}from"./p-2c25e2f2.js";import"./p-4202e9f2.js";function g(e,t){return o(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const h={previousMonth:"Previous month: {localizedPreviousMonthAndYear}",nextMonth:"Next month: {localizedNextMonthAndYear}"},x=class{constructor(t){e(this,t),this.locale="en",this.MONTH_DATE_COUNT=42,this.focusedValue=void 0,this.minValue=void 0,this.maxValue=void 0}get slottedInput(){return this.root.querySelector('input[type="date"]')}async componentWillLoad(){this.slottedInput||c(this.root,'You must slot a date input element like so: input[type="date"].'),this.locale=i(this.root);const e=this.slottedInput.getAttribute("start-day-of-week");(null==e?void 0:e.length)&&(this.startDayOfWeek=parseInt(e,10)),this.startDayOfWeek=this.startDayOfWeek||s(this.locale),this.i18n=await d(this.root,h),this.slottedInput.value&&(this.focusedValue=n(this.slottedInput.value)),this.slottedInput.min&&(this.minValue=new Date(this.slottedInput.min),this.minValue.setHours(0,0,0,0)),this.slottedInput.max&&(this.maxValue=new Date(this.slottedInput.max),this.maxValue.setHours(0,0,0,0))}onDateClick(e){this.isInvalidDate(e)||(this.focusedValue=new Date(e.getTime()),this.slottedInput.value=r(e),l(this.root,"input"))}setDateAfterArrowKeyPress(e,t){e.preventDefault(),this.focusedValue=new Date(this.getFocusedValue().getFullYear(),this.getFocusedValue().getMonth(),this.getFocusedValue().getDate()+t,0,0,0),u((()=>{this.focusDate()}))}focusDate(){const e=this.root.shadowRoot.querySelector(`.gux-content-date[data-date="${this.focusedValue.getTime()}"]`);e&&e.focus()}onKeyDown(e){switch(e.key){case" ":break;case"Enter":e.preventDefault(),this.onDateClick(this.getFocusedValue()),u((()=>{this.focusDate()}));break;case"ArrowDown":this.setDateAfterArrowKeyPress(e,7);break;case"ArrowUp":this.setDateAfterArrowKeyPress(e,-7);break;case"ArrowLeft":this.setDateAfterArrowKeyPress(e,-1);break;case"ArrowRight":this.setDateAfterArrowKeyPress(e,1);break;case"PageUp":e.preventDefault(),this.setNewFocusedMonth(1),u((()=>{this.focusDate()}));break;case"PageDown":e.preventDefault(),this.setNewFocusedMonth(-1),u((()=>{this.focusDate()}))}}isInvalidDate(e){return this.minValue&&e.getTime()<=this.minValue.getTime()||this.maxValue&&e.getTime()>this.maxValue.getTime()}getMonthDays(){var e,t;const a=(n=this.getFocusedValue(),new Date(n.getFullYear(),n.getMonth(),1,0,0,0));var n;const r=[];let o={dates:[]},i=0;const s=a.getMonth(),d=this.getSelectedValue(),u=function(e,t,a){const n=new Date(t,e,1,0,0,0,0),r=-1*(a-n.getDay()-7)%7,o=new Date(n.getTime()-864e5*r);return o.setHours(0,0,0,0),o}(s,new Date(a.getTime()).getFullYear(),this.startDayOfWeek);for(let a=0;a<this.MONTH_DATE_COUNT+1;a+=1){const a=d.getTime()===u.getTime()&&void 0!==this.focusedValue;i>0&&i%7==0&&(r.push(o),o={dates:[]});const n=this.isInvalidDate(u),c=(null===(e=this.getFocusedValue())||void 0===e?void 0:e.getTime())===u.getTime()&&(null===(t=this.getFocusedValue())||void 0===t?void 0:t.getTime())!==d.getTime(),l=new Date;o.dates.push({date:new Date(u),disabled:n,inCurrentMonth:s===u.getMonth()&&!n,selected:a&&d,focused:c,isCurrentDate:u.getDate()===l.getDate()&&u.getMonth()===l.getMonth()&&u.getFullYear()===l.getFullYear()}),i+=1,u.setDate(u.getDate()+1)}return r}getFocusedValue(){return this.focusedValue?this.focusedValue:this.getSelectedValue()}changeMonth(e){return new Date(this.getFocusedValue().getFullYear(),this.getFocusedValue().getMonth()+e,1,0,0,0)}setNewFocusedMonth(e){this.focusedValue=this.changeMonth(e)}getSelectedValue(){if(this.slottedInput.value)return n(this.slottedInput.value);const e=new Date;return e.setHours(0,0,0,0),e}renderHeader(){return t("div",{class:"gux-header"},t("button",{type:"button",class:"gux-left","aria-label":this.i18n("previousMonth",{localizedPreviousMonthAndYear:g(this.changeMonth(-1),this.locale)}),onClick:()=>this.setNewFocusedMonth(-1)},t("gux-icon",{decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),t("span",{class:"gux-header-month-and-year"},g(this.getFocusedValue(),this.locale)),t("button",{type:"button",class:"gux-right","aria-label":this.i18n("nextMonth",{localizedNextMonthAndYear:g(this.changeMonth(1),this.locale)}),onClick:()=>this.setNewFocusedMonth(1)},t("gux-icon",{decorative:!0,"icon-name":"custom/chevron-right-small-regular"})))}renderContent(){return t("div",null,t("div",{class:"gux-week-days"},function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,t%r.length));var r}(this.locale,this.startDayOfWeek).map((e=>t("div",{class:"gux-week-day"},e)))),t("div",{class:"gux-content"},this.getMonthDays().map((e=>t("div",{class:"gux-content-week"},e.dates.map((e=>t("div",{"data-date":e.date.getTime(),onClick:()=>this.onDateClick(e.date),role:"button","aria-current":e.selected?"true":"false",tabindex:e.selected||e.focused?"0":"-1",onKeyDown:e=>{this.onKeyDown(e)},"aria-disabled":e.disabled?"true":"false",class:{"gux-content-date":!0,"gux-disabled":e.disabled,"gux-current-month":e.inCurrentMonth,"gux-selected":e.selected,"gux-current-date":e.isCurrentDate}},t("span",{class:"gux-non-sr","aria-hidden":"true"},e.date.getDate()),t("span",{class:"gux-sr-only"},t("gux-date-beta",{datetime:e.date.toISOString(),format:"long"}))))))))))}render(){return t("div",{key:"06cea2ee177e04b06cbeb787c5e4d9ca146a120d",class:"gux-calendar-beta"},t("slot",{key:"bee83ea56f4f17c14376528fabe878e287e66d4b"}),this.renderHeader(),this.renderContent())}get root(){return a(this)}};x.style=".gux-calendar-beta{box-sizing:border-box;display:inline-flex;flex-direction:column;font-family:var(--gse-ui-calendarMenu-month-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-defaultText-fontSize);background:var(--gse-ui-calendarMenu-date-selected-foregroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);box-shadow:rgba(34, 37, 41, 0.24) 0 2px 4px}.gux-calendar-beta .gux-header{display:flex;align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-style:normal;font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);text-align:center;background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar-beta .gux-header .gux-header-month-and-year{width:var(--gse-ui-calendarMenu-month-single-header-textWidth);font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight);color:var(--gse-ui-calendarMenu-month-selected-foregroundColor)}.gux-calendar-beta .gux-header .gux-left,.gux-calendar-beta .gux-header .gux-right{color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar-beta .gux-header .gux-left:focus-visible,.gux-calendar-beta .gux-header .gux-right:focus-visible{outline:2px solid #aac9ff;outline-offset:1px}.gux-calendar-beta .gux-header .gux-left gux-icon,.gux-calendar-beta .gux-header .gux-right gux-icon{width:16px;height:16px}.gux-calendar-beta .gux-week-days{padding-top:24px;padding-right:24px;padding-left:24px;font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);text-align:center}.gux-calendar-beta .gux-week-days .gux-week-day{display:inline-block;width:var(--gse-ui-calendarMenu-day-date-size);height:16px}.gux-calendar-beta .gux-content{padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar-beta .gux-content-week .gux-content-date{display:inline-block;width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-input-height);font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-style:normal;font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:32px;color:#626e84;text-align:center;vertical-align:middle;border:none;outline:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar-beta .gux-content-week .gux-content-date.gux-current-month{color:var(--gse-ui-calendarMenu-month-default-foregroundColor);opacity:1}.gux-calendar-beta .gux-content-week .gux-content-date.gux-hidden{display:none}.gux-calendar-beta .gux-content-week .gux-content-date.gux-disabled{pointer-events:none}.gux-calendar-beta .gux-content-week .gux-content-date.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border:none;border-radius:var(--gse-ui-calendarMenu-month-borderRadius);outline:none}.gux-calendar-beta .gux-content-week .gux-content-date.gux-selected:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar-beta .gux-content-week .gux-content-date:hover{cursor:pointer;background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar-beta .gux-content-week .gux-content-date:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth)) solid var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus))}.gux-calendar-beta .gux-content-week .gux-content-date .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-calendar-beta .gux-content-week .gux-content-date.gux-current-date{font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight)}";export{x as gux_calendar_beta}

package/dist/genesys-webcomponents/{p-a2145aba.entry.js → p-11170953.entry.js}

@@ -1 +1 @@
-import{r as o,c as t,h as e,g as s}from"./p-6e010355.js";import{a as i,c as a,o as r,f as p,s as d,b as h}from"./p-d8ba5b01.js";import{O as c}from"./p-b0758688.js";import{t as n}from"./p-71505972.js";import{f as l}from"./p-9b0d3713.js";const b=class{constructor(e){o(this,e),this.guxdismiss=t(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(o){switch(o.key){case"Tab":case"Escape":this.dismiss()}}checkForClickOutside(o){const t=o.composedPath(),e=l(this.root,this.for),s=t.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||s||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=i(l(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const o=l(this.root,this.for);this.popupElement&&a(o,this.popupElement,{placement:this.position,middleware:[r(7),p(),d(),h({element:this.arrowElement,padding:16})]}).then((({x:o,y:t,middlewareData:e,placement:s})=>{Object.assign(this.popupElement.style,{left:`${o}px`,top:`${t}px`});const i={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(e.arrow){const{x:o,y:t}=e.arrow;this.popupElement.setAttribute("data-placement",s),Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[i]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){n(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e("div",{key:"2e829f65d742174f1623890307edfd5245985a24",ref:o=>this.popupElement=o,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},e("div",{key:"ba857857ee049c6a50cf7e3dba66b88100cbc794",ref:o=>this.arrowElement=o,class:"gux-arrow"}),this.displayDismissButton&&e("gux-dismiss-button",{key:"6ff75f017d0bde770d0edde24beef31d4eb5d22a",onClick:this.dismiss.bind(this)}),e("div",{key:"ab2d7f09c7727e7755326b13d2be41d7078a2356",class:"gux-popover-content"},e("slot",{key:"44c07cb52bd8452379a7f022b8b5d677ce1d0223"})))}get root(){return s(this)}};(function(o,t,e,s){var i,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(o,t,e,s);else for(var p=o.length-1;p>=0;p--)(i=o[p])&&(r=(a<3?i(r):a>3?i(t,e,r):i(t,e))||r);a>3&&r&&Object.defineProperty(t,e,r)})([c({triggerEvents:"mousedown"})],b.prototype,"checkForClickOutside",null),b.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x, --gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-y, --gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{b as gux_popover_list}
+import{r as o,c as t,h as e,g as s}from"./p-6e010355.js";import{a as i,c as a,o as r,f as p,s as d,b as h}from"./p-d8ba5b01.js";import{O as c}from"./p-b0758688.js";import{t as n}from"./p-1c280d77.js";import{f as l}from"./p-9b0d3713.js";const b=class{constructor(e){o(this,e),this.guxdismiss=t(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(o){switch(o.key){case"Tab":case"Escape":this.dismiss()}}checkForClickOutside(o){const t=o.composedPath(),e=l(this.root,this.for),s=t.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||s||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=i(l(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const o=l(this.root,this.for);this.popupElement&&a(o,this.popupElement,{placement:this.position,middleware:[r(7),p(),d(),h({element:this.arrowElement,padding:16})]}).then((({x:o,y:t,middlewareData:e,placement:s})=>{Object.assign(this.popupElement.style,{left:`${o}px`,top:`${t}px`});const i={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(e.arrow){const{x:o,y:t}=e.arrow;this.popupElement.setAttribute("data-placement",s),Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[i]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){n(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e("div",{key:"2e829f65d742174f1623890307edfd5245985a24",ref:o=>this.popupElement=o,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},e("div",{key:"ba857857ee049c6a50cf7e3dba66b88100cbc794",ref:o=>this.arrowElement=o,class:"gux-arrow"}),this.displayDismissButton&&e("gux-dismiss-button",{key:"6ff75f017d0bde770d0edde24beef31d4eb5d22a",onClick:this.dismiss.bind(this)}),e("div",{key:"ab2d7f09c7727e7755326b13d2be41d7078a2356",class:"gux-popover-content"},e("slot",{key:"44c07cb52bd8452379a7f022b8b5d677ce1d0223"})))}get root(){return s(this)}};(function(o,t,e,s){var i,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(o,t,e,s);else for(var p=o.length-1;p>=0;p--)(i=o[p])&&(r=(a<3?i(r):a>3?i(t,e,r):i(t,e))||r);a>3&&r&&Object.defineProperty(t,e,r)})([c({triggerEvents:"mousedown"})],b.prototype,"checkForClickOutside",null),b.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x, var(--gse-ui-popover-boxShadow-offsetX)) var(--gse-ui-popover-boxShadow-y, var(--gse-ui-popover-boxShadow-offsetY)) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{b as gux_popover_list}