genesys-spark-components 4.0.0-beta.51 → 4.0.0-beta.53

package/dist/genesys-webcomponents/{p-fb25f78d.entry.js → p-26f0a512.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,g as a}from"./p-deca7631.js";import{f as n}from"./p-533d7842.js";import{c as r}from"./p-9125cc36.js";import{g as o,a as i,b as d}from"./p-2ba7be7a.js";import{a as s}from"./p-ffaadf62.js";import{l as u}from"./p-9d734bbd.js";import{s as l}from"./p-373c5d93.js";import"./p-0962dd7a.js";function c(e,t){return r(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const g={previousMonth:"Previous month: {localizedPreviousMonthAndYear}",nextMonth:"Next month: {localizedNextMonthAndYear}"},h=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||u(this.root,'You must slot a date input element like so: input[type="date"].'),this.locale=o(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||i(this.locale),this.i18n=await d(this.root,g),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.focusedValue=new Date(e.getTime()),this.slottedInput.value=e.toISOString().substring(0,10),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),s((()=>{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()),s((()=>{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),s((()=>{this.focusDate()}));break;case"PageDown":e.preventDefault(),this.setNewFocusedMonth(-1),s((()=>{this.focusDate()}))}}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 d=a.getMonth(),s=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;return new Date(n.getTime()-864e5*r)}(d,new Date(a.getTime()).getFullYear(),this.startDayOfWeek);for(let a=0;a<this.MONTH_DATE_COUNT+1;a+=1){const a=s.getTime()===u.getTime()&&void 0!==this.focusedValue;i>0&&i%7==0&&(r.push(o),o={dates:[]});const n=this.minValue&&u.getTime()<=this.minValue.getTime()||this.maxValue&&u.getTime()>this.maxValue.getTime(),l=(null===(e=this.getFocusedValue())||void 0===e?void 0:e.getTime())===u.getTime()&&(null===(t=this.getFocusedValue())||void 0===t?void 0:t.getTime())!==s.getTime(),c=new Date;o.dates.push({date:new Date(u),disabled:n,inCurrentMonth:d===u.getMonth()&&!n,selected:a&&s,focused:l,isCurrentDate:u.getDate()===c.getDate()&&u.getMonth()===c.getMonth()&&u.getFullYear()===c.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:c(this.changeMonth(-1),this.locale)}),onClick:()=>this.setNewFocusedMonth(-1)},t("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})),t("span",{class:"gux-header-month-and-year"},c(this.getFocusedValue(),this.locale)),t("button",{type:"button",class:"gux-right","aria-label":this.i18n("nextMonth",{localizedNextMonthAndYear:c(this.changeMonth(1),this.locale)}),onClick:()=>this.setNewFocusedMonth(1)},t("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"})))}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",{class:"gux-calendar-beta"},t("slot",null),this.renderHeader(),this.renderContent())}get root(){return a(this)}};h.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-month-monthHeader-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-day-dayHeader-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;font-weight:var(--gse-ui-calendarMenu-day-header-fontWeight)}.gux-calendar-beta .gux-content{padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-core-color-cornflower-900);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:var(--gse-core-color-cornflower-600);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:1px solid #7b61ff}.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{h as gux_calendar_beta}
+import{r as e,h as t,g as a}from"./p-deca7631.js";import{f as n}from"./p-533d7842.js";import{c as r}from"./p-9125cc36.js";import{g as o,a as i,b as d}from"./p-e10cb032.js";import{a as s}from"./p-ffaadf62.js";import{l as u}from"./p-9d734bbd.js";import{s as l}from"./p-373c5d93.js";import"./p-0962dd7a.js";function c(e,t){return r(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const g={previousMonth:"Previous month: {localizedPreviousMonthAndYear}",nextMonth:"Next month: {localizedNextMonthAndYear}"},h=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||u(this.root,'You must slot a date input element like so: input[type="date"].'),this.locale=o(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||i(this.locale),this.i18n=await d(this.root,g),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.focusedValue=new Date(e.getTime()),this.slottedInput.value=e.toISOString().substring(0,10),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),s((()=>{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()),s((()=>{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),s((()=>{this.focusDate()}));break;case"PageDown":e.preventDefault(),this.setNewFocusedMonth(-1),s((()=>{this.focusDate()}))}}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 d=a.getMonth(),s=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;return new Date(n.getTime()-864e5*r)}(d,new Date(a.getTime()).getFullYear(),this.startDayOfWeek);for(let a=0;a<this.MONTH_DATE_COUNT+1;a+=1){const a=s.getTime()===u.getTime()&&void 0!==this.focusedValue;i>0&&i%7==0&&(r.push(o),o={dates:[]});const n=this.minValue&&u.getTime()<=this.minValue.getTime()||this.maxValue&&u.getTime()>this.maxValue.getTime(),l=(null===(e=this.getFocusedValue())||void 0===e?void 0:e.getTime())===u.getTime()&&(null===(t=this.getFocusedValue())||void 0===t?void 0:t.getTime())!==s.getTime(),c=new Date;o.dates.push({date:new Date(u),disabled:n,inCurrentMonth:d===u.getMonth()&&!n,selected:a&&s,focused:l,isCurrentDate:u.getDate()===c.getDate()&&u.getMonth()===c.getMonth()&&u.getFullYear()===c.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:c(this.changeMonth(-1),this.locale)}),onClick:()=>this.setNewFocusedMonth(-1)},t("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})),t("span",{class:"gux-header-month-and-year"},c(this.getFocusedValue(),this.locale)),t("button",{type:"button",class:"gux-right","aria-label":this.i18n("nextMonth",{localizedNextMonthAndYear:c(this.changeMonth(1),this.locale)}),onClick:()=>this.setNewFocusedMonth(1)},t("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"})))}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",{class:"gux-calendar-beta"},t("slot",null),this.renderHeader(),this.renderContent())}get root(){return a(this)}};h.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-month-monthHeader-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-day-dayHeader-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;font-weight:var(--gse-ui-calendarMenu-day-header-fontWeight)}.gux-calendar-beta .gux-content{padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-core-color-cornflower-900);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:var(--gse-core-color-cornflower-600);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:1px solid #7b61ff}.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{h as gux_calendar_beta}

package/dist/genesys-webcomponents/p-29e50897.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as s,g as a}from"./p-deca7631.js";import{t as i}from"./p-d9172801.js";import{h as e}from"./p-324b23f3.js";const n=class{constructor(s){t(this,s),this.guxdismiss=o(this,"guxdismiss",7),this.toastType="success",this.hasLink=!1,this.hasPrimaryButton=!1,this.hasSecondaryButton=!1}componentWillLoad(){i(this.root,{variant:this.toastType}),this.hasPrimaryButton=e(this.root,"primary-button"),this.hasSecondaryButton=e(this.root,"secondary-button"),this.hasLink=e(this.root,"link")}renderToastIcon(){switch(this.toastType){case"success":return s("gux-icon",{"icon-name":"fa/circle-check-solid",decorative:!0});case"warning":return s("gux-icon",{"icon-name":"fa/triangle-exclamation-solid",decorative:!0});case"error":return s("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0});case"info":return s("gux-icon",{"icon-name":"fa/circle-info-solid",decorative:!0});case"action":return s("slot",{name:"icon"})}}renderLink(){return s("div",{class:"gux-buttons-bar"},s("slot",{name:"link"}))}renderActions(){return s("div",{class:"gux-buttons-bar"},this.hasSecondaryButton&&s("gux-button-slot",null,s("slot",{name:"secondary-button"})),s("gux-button-slot",{accent:this.hasSecondaryButton?"primary":"tertiary"},s("slot",{name:"primary-button"})))}render(){return s("div",{class:`gux-toast gux-toast-${this.toastType}`},s("div",{class:`gux-icon gux-icon-${this.toastType}`},this.renderToastIcon()),s("div",{class:"gux-content"},s("div",{class:"gux-message"},s("gux-truncate",{class:"gux-message-title","max-lines":1},s("slot",{name:"title"})),s("gux-truncate",{class:"gux-message-body","max-lines":2},s("slot",{name:"message"}))),"action"!==this.toastType&&this.hasLink&&this.renderLink(),"action"===this.toastType&&this.hasPrimaryButton&&this.renderActions()),s("gux-dismiss-button",{position:"inherit",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(t){t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return a(this)}};n.style=".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";export{n as gux_toast}

package/dist/genesys-webcomponents/{p-b899bac7.entry.js → p-2c6c8b8e.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as e,g as n}from"./p-deca7631.js";import{t as r}from"./p-d6cd7546.js";import{l as a}from"./p-9d734bbd.js";const i=class{constructor(o){t(this,o),this.accent="secondary",this.iconOnly=void 0}validateSlotContent(){let t=this.root.children[0],o=t.tagName;if("SLOT"===o&&(t=t.assignedNodes()[0],o=t.tagName),"BUTTON"!==o){if("INPUT"===o){const o=t.getAttribute("type");if("button"===o||"submit"===o)return}a(this.root,'You must slot a button, input[type="button"] or input[type="submit"] element.')}}componentWillLoad(){r(this.root),this.validateSlotContent()}render(){return o(e,{accent:this.accent,"icon-only":this.iconOnly},o("slot",null))}get root(){return n(this)}};i.style=":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);width:100%;min-width:var(--gse-ui-button-icon-only-width);height:var(--gse-ui-button-height);padding:var(--gse-ui-button-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-width:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){height:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-link-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";export{i as gux_button_slot}
+import{r as t,h as o,H as e,g as n}from"./p-deca7631.js";import{t as r}from"./p-d9172801.js";import{l as a}from"./p-9d734bbd.js";const i=class{constructor(o){t(this,o),this.accent="secondary",this.iconOnly=void 0}validateSlotContent(){let t=this.root.children[0],o=t.tagName;if("SLOT"===o&&(t=t.assignedNodes()[0],o=t.tagName),"BUTTON"!==o){if("INPUT"===o){const o=t.getAttribute("type");if("button"===o||"submit"===o)return}a(this.root,'You must slot a button, input[type="button"] or input[type="submit"] element.')}}componentWillLoad(){r(this.root),this.validateSlotContent()}render(){return o(e,{accent:this.accent,"icon-only":this.iconOnly},o("slot",null))}get root(){return n(this)}};i.style=":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);width:100%;min-width:var(--gse-ui-button-icon-only-width);height:var(--gse-ui-button-height);padding:var(--gse-ui-button-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-width:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){height:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-link-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";export{i as gux_button_slot}

package/dist/genesys-webcomponents/{p-924bc6a0.entry.js → p-2dc675f1.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,g as o}from"./p-deca7631.js";import{b as n}from"./p-2ba7be7a.js";import{t as a}from"./p-d6cd7546.js";import"./p-0962dd7a.js";const s={navigationName:"Skip links navigation"},e=class{constructor(i){t(this,i)}async componentWillLoad(){a(this.root),this.i18n=await n(this.root,s)}render(){return i("div",{class:"gux-container"},i("nav",{"aria-label":this.i18n("navigationName")},i("ul",{role:"list"},i("slot",null))))}static get delegatesFocus(){return!0}get root(){return o(this)}};e.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit;position:absolute;inset:0}.gux-container nav{width:fit-content;margin:40px auto}.gux-container nav ul{padding:0;margin:0}";export{e as gux_skip_navigation_list}
+import{r as t,h as i,g as o}from"./p-deca7631.js";import{b as n}from"./p-e10cb032.js";import{t as a}from"./p-d9172801.js";import"./p-0962dd7a.js";const s={navigationName:"Skip links navigation"},e=class{constructor(i){t(this,i)}async componentWillLoad(){a(this.root),this.i18n=await n(this.root,s)}render(){return i("div",{class:"gux-container"},i("nav",{"aria-label":this.i18n("navigationName")},i("ul",{role:"list"},i("slot",null))))}static get delegatesFocus(){return!0}get root(){return o(this)}};e.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit;position:absolute;inset:0}.gux-container nav{width:fit-content;margin:40px auto}.gux-container nav ul{padding:0;margin:0}";export{e as gux_skip_navigation_list}