genesys-spark-components 4.0.0-beta.48 → 4.0.0-beta.49

package/dist/genesys-webcomponents/{p-cdf43ea6.entry.js → p-fc431395.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,g as e}from"./p-deca7631.js";import{O as o}from"./p-c49670a7.js";import{w as n}from"./p-8b703092.js";import{a}from"./p-ffaadf62.js";import{t as r}from"./p-16b7148a.js";const u=["primary","secondary","tertiary"];const c=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const s=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,s.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":s.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){r(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen,"exceed-target-width":!0},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot",{class:"gux-dropdown-button",accent:(t=this.accent,u.find((s=>s===t))?t:"secondary")},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("slot",{name:"title"}),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("div",{class:"gux-list-container",slot:"popup"},i("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",null))));var t}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,a=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,i,e);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(s,i,a):o(s,i))||a);n>3&&a&&Object.defineProperty(s,i,a)})([o({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin-left:var(--gux-spacing-xs)}.gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{c as gux_button_multi}
+import{r as t,c as s,h as i,g as e}from"./p-deca7631.js";import{O as o}from"./p-c49670a7.js";import{w as n}from"./p-8b703092.js";import{a}from"./p-ffaadf62.js";import{t as r}from"./p-28275c57.js";const u=["primary","secondary","tertiary"];const c=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const s=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,s.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":s.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){r(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen,"exceed-target-width":!0},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot",{class:"gux-dropdown-button",accent:(t=this.accent,u.find((s=>s===t))?t:"secondary")},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("slot",{name:"title"}),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("div",{class:"gux-list-container",slot:"popup"},i("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",null))));var t}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,a=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,i,e);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(s,i,a):o(s,i))||a);n>3&&a&&Object.defineProperty(s,i,a)})([o({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin-left:var(--gux-spacing-xs)}.gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{c as gux_button_multi}

package/dist/stencil-wrapper.js

@@ -7,7 +7,7 @@
  */
 import { defineCustomElements } from '../dist/loader';
 // Value templated out during build process (see scripts/wrap-stencil.js)
-export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.0.0-beta.48-71/genesys-webcomponents/';
+export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.0.0-beta.49-72/genesys-webcomponents/';
 // Default domain to load assets from
 const DEFAULT_DOMAIN = 'mypurecloud.com';
 // List of Genesys UI domains

package/dist/types/stencil-wrapper.d.ts

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.0.0-beta.48-71/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.0.0-beta.49-72/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "4.0.0-beta.48",
+  "version": "4.0.0-beta.49",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",

package/dist/genesys-webcomponents/p-382f3127.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,g as a}from"./p-deca7631.js";import{b as r,g as n}from"./p-2ba7be7a.js";import{s}from"./p-373c5d93.js";import{b as i}from"./p-ffaadf62.js";import{g as o,b as h,a as u}from"./p-08874a83.js";import"./p-0962dd7a.js";const c={changeYear:"Current year is {currentYear}, Click to change year to {changeYear}"},d=class{constructor(t){e(this,t),this.value=void 0,this.min=void 0,this.max=void 0,this.year=void 0,this.locale=void 0}onValueUpdate(e){const{year:t}=o(e);this.year=t}async guxFocus(e){e=e||h();const{year:t}=o(e);this.year=t,i((()=>{const t=this.root.shadowRoot.querySelector(`gux-month-list-item[value="${e}"]`);t&&t.focus()}))}async componentWillLoad(){this.i18n=await r(this.root,c),this.locale=n(this.root),this.year=this.value?o(this.value).year:o(h()).year}updateValue(e){this.value=e,s(this.root,"input"),s(this.root,"change")}isOutOfBounds(e){return this.max&&this.max<e||this.min&&this.min>e}onMonthClick(e){this.isOutOfBounds(e)||this.updateValue(e)}isCurrentMonth(e){return o(h()).year==this.year&&o(h()).month==e}getMonthAriaLabel(e){const{year:t,month:a}=o(e);return new Date(Number(t),Number(a)-1).toLocaleDateString(this.locale,{year:"numeric",month:"long"})}getYearLabel(e){return new Date(Number(e),5).toLocaleDateString(this.locale,{year:"numeric"})}isSelectedMonth(e){return e===this.value}isAriaSelectedMonth(e){return!!this.isSelectedMonth(e)&&"true"}changeYear(e){this.year=(parseInt(this.year)+e).toString()}isPreviousYearLessThanMinYear(e,t){return(parseInt(e)-1).toString()<(t&&o(t).year)}isNextYearGreaterThanMaxYear(e,t){return(parseInt(e)+1).toString()>(t&&o(t).year)}getMonthShortName(e,t){return new Date(Number(e),Number(t)-1).toLocaleDateString(this.locale,{month:"short"})}doFocusTrap(){this.previousYearElement.disabled||this.previousYearElement.focus(),this.nextYearElement.disabled||this.nextYearElement.focus(),this.monthListElement.focus()}renderHeader(){return t("div",{class:"gux-year-header"},t("button",{type:"button",class:"gux-year-change",onClick:()=>this.changeYear(-1),disabled:this.isPreviousYearLessThanMinYear(this.year,this.min),ref:e=>this.previousYearElement=e},t("gux-icon",{"icon-name":"chevron-small-left","screenreader-text":this.i18n("changeYear",{currentYear:parseInt(this.year),changeYear:parseInt(this.year)-1})})),t("div",null,this.getYearLabel(this.year)),t("button",{type:"button",class:"gux-year-change",onClick:()=>this.changeYear(1),disabled:this.isNextYearGreaterThanMaxYear(this.year,this.max),ref:e=>this.nextYearElement=e},t("gux-icon",{"icon-name":"chevron-small-right","screenreader-text":this.i18n("changeYear",{currentYear:parseInt(this.year),changeYear:parseInt(this.year)+1})})))}renderMonths(){const e=Array.from(new Array(12),((e,t)=>String(t+1).padStart(2,"0"))).map((e=>{const a=u(this.year,e);return t("gux-month-list-item",{class:{"gux-current-month":this.isCurrentMonth(e)},value:a,selected:this.isSelectedMonth(a),"aria-selected":this.isAriaSelectedMonth(a),"aria-label":this.getMonthAriaLabel(a),onClick:()=>this.onMonthClick(a),disabled:this.isOutOfBounds(a)},this.getMonthShortName(this.year,e))}));return t("gux-month-list",{tabIndex:1,ref:e=>this.monthListElement=e},e)}renderTrapFocusEl(){return t("span",{onFocus:()=>this.doFocusTrap(),tabindex:"0"})}render(){return t("div",{class:"gux-month-calendar"},this.renderHeader(),this.renderMonths(),this.renderTrapFocusEl())}static get delegatesFocus(){return!0}get root(){return a(this)}static get watchers(){return{value:["onValueUpdate"]}}};d.style=".gux-month-calendar{flex-wrap:wrap;width:var(--gse-ui-calendarMenu-width);height:var(--gse-ui-calendarMenu-height);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-month-calendar .gux-current-month{font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-month-currentText-lineHeight);color:var(--gse-ui-calendarMenu-month-default-foregroundColor)}.gux-month-calendar .gux-year-header{position:relative;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-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);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-month-calendar .gux-year-header button{padding:8px;color:inherit;cursor:pointer;background:none;border:none;outline:none}.gux-month-calendar .gux-year-header button:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-month-calendar .gux-year-header button.gux-year-change:disabled{cursor:default;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-month-calendar .gux-year-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}";export{d as gux_month_calendar}

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

@@ -1 +0,0 @@
-import{r as t,h as o,H as s,g as i}from"./p-deca7631.js";import{t as r}from"./p-16b7148a.js";import{b as a}from"./p-ffaadf62.js";const e=class{constructor(o){t(this,o),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",a((()=>{this.containerElement.innerText=t}))}componentWillLoad(){r(this.root)}render(){return o(s,{"aria-live":this.politeness},o("slot",null),o("div",{ref:t=>this.containerElement=t}))}get root(){return i(this)}};e.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{e as gux_announce_beta}