genesys-spark-components 3.84.2 → 3.85.0

package/package.json

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

package/dist/genesys-webcomponents/p-55bd582e.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,g as s}from"./p-9031eb6a.js";import{a,c as n,o as r,f as d}from"./p-9149b16e.js";import{r as c}from"./p-cbcbd1bb.js";import{a as u}from"./p-091f51f6.js";import{f as o,a as h,b as l,c as p}from"./p-4f26144b.js";import{O as x}from"./p-23975bfb.js";import{t as g}from"./p-8f3be54a.js";import{b as f}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const k={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function b(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function m(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?m(t,b(-1,e)):i}function y(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function w(t){return t.match(/\W/)[0]}function v(t){const e=w(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function D(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const F=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=c("gux-datepicker"),this.endInputId=c("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?o(t):null}watchMaxDate(t){this.maxDateDate=t?o(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=v(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=o(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");u((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||u((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=D(this.format,y(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return D(this.format,y(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===y(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=w(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),d=new Date(a,n,r);return"yy"===this.yearFormat&&d.getFullYear()<1970&&this.lastYear>1970&&d.setFullYear(d.getFullYear()+100),d}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=h(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=l(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,`   ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(y(this.format,this.focusedField.selectionStart)){case"d":{const t=o(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(n,(t=>a[t]))}else{const t=o(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&u((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return o(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=y(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=b(t,i);break;case"m":s=m(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=w(e),s=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return s}(s,this.format),this.setValue()}async componentWillLoad(){if(g(this.root,{variant:this.mode}),this.i18n=await f(this.root,k),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?h(t,t):l(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=a(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){n(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[r({crossAxis:-3}),d({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var d=t.length-1;d>=0;d--)(a=t[d])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([x({triggerEvents:"mousedown"})],F.prototype,"onClickOutside",null),F.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gux-zindex-popup, 1);display:none;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{F as gux_datepicker}

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

@@ -1 +0,0 @@
-import{r as t,c as o,h as e,g as r}from"./p-9031eb6a.js";import{a as p,c as a,o as i,f as s,s as d,b as c}from"./p-9149b16e.js";import{O as n}from"./p-23975bfb.js";import{t as l}from"./p-8f3be54a.js";const b=class{constructor(e){t(this,e),this.guxdismiss=o(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}checkForClickOutside(t){const o=t.composedPath(),e=document.getElementById(this.for),r=o.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||r||this.dismiss()}runUpdatePosition(){this.cleanupUpdatePosition=p(document.getElementById(this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){const t=document.getElementById(this.for);this.popupElement&&a(t,this.popupElement,{placement:this.position,middleware:[i(7),s(),d(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:e,placement:r})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${o}px`});const p={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]];if(e.arrow){const{x:t,y:o}=e.arrow;this.popupElement.setAttribute("data-placement",r),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[p]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){l(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",{ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},e("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&e("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return r(this)}};(function(t,o,e,r){var p,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,o,e,r);else for(var s=t.length-1;s>=0;s--)(p=t[s])&&(i=(a<3?p(i):a>3?p(o,e,i):p(o,e))||i);a>3&&i&&Object.defineProperty(o,e,i)})([n({triggerEvents:"mousedown"})],b.prototype,"checkForClickOutside",null),b.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;color:#2e394c;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper[data-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-end'] .gux-arrow{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-placement='top'] .gux-arrow,.gux-popover-wrapper[data-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-placement='top-end'] .gux-arrow{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-placement='left'] .gux-arrow,.gux-popover-wrapper[data-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-placement='left-end'] .gux-arrow{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-placement='right'] .gux-arrow,.gux-popover-wrapper[data-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-placement='right-end'] .gux-arrow{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";export{b as gux_popover_list_beta}

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

@@ -1 +0,0 @@
-import{r as t,f as e,h as i,g as o}from"./p-9031eb6a.js";import{b as n}from"./p-2b58afeb.js";import{c as r,o as s}from"./p-3f5341ea.js";import{O as a}from"./p-09124c44.js";import{o as l}from"./p-3701eff0.js";import{p as u}from"./p-c10e41a9.js";import{s as p}from"./p-8fe7daff.js";import{s as h}from"./p-d176c2ae.js";import{h as c}from"./p-08bc2e6b.js";import{h as x,c as f,G as d,a as g,v as b,g as m}from"./p-41d907d1.js";import{G as w,a as v}from"./p-43ad56a8.js";import{t as y}from"./p-8f3be54a.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-45fec011.js";const j={increment:"Increment",decrement:"Decrement"};const k=class{constructor(e){t(this,e),this.clearable=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=c(this.root,"error"),this.hasHelp=c(this.root,"help")}async guxForceUpdate(){this.hasContent=x(this.input),this.hasError=c(this.root,"error"),this.hasHelp=c(this.root,"help"),e(this.root)}async componentWillLoad(){this.getI18nValue=await n(this.root,j),this.setInput(),this.setLabel(),this.hasError=c(this.root,"error"),this.hasHelp=c(this.root,"help"),y(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return i(v,{labelPosition:this.computedLabelPosition},i(w,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":t}},i("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&i("gux-form-field-input-clear-button",{onClick:()=>f(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),i(d,{show:this.hasError},i("slot",{name:"error"})),i(g,{show:!this.hasError&&this.hasHelp},i("slot",{name:"help"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="number"][slot="input"]'),this.hasContent=x(this.input),u(this.input),this.input.addEventListener("input",(()=>{this.hasContent=x(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=s(this.input,(t=>{this.disabled=t})),this.requiredObserver=l(this.input,(t=>{this.required=t})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}renderStepButtons(t,e,o){return i("div",{class:"gux-step-buttons-container"},i("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:e("increment"),disabled:o,onClick:()=>this.stepUp(t)},i("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),i("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:e("decrement"),disabled:o,onClick:()=>this.stepDown(t)},i("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?p(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?p(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){h(t,"input"),h(t,"change")}get root(){return o(this)}};(function(t,e,i,o){var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)})([a({childList:!0,subtree:!0})],k.prototype,"onMutation",null),k.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin:0 4px}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:#596373;background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}";export{k as gux_form_field_number}

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

@@ -1 +0,0 @@
-import{r as o,h as r,g as d}from"./p-9031eb6a.js";import{t}from"./p-8f3be54a.js";const a=class{constructor(r){o(this,r),this.accent="outline"}componentWillLoad(){t(this.root)}render(){return r("div",{class:{"gux-card":!0,[`gux-${this.accent}`]:!0}},r("slot",null))}get root(){return d(this)}};a.style=":host{display:block;width:fit-content}.gux-card{box-sizing:border-box;padding:16px;background-color:#fdfdfd;border:1px solid #e2e6ee;border-radius:4px}.gux-card.gux-outline{background-color:#fdfdfd}.gux-card.gux-filled{background-color:#f6f7f9}.gux-card.gux-raised{box-shadow:0 0 2px rgba(32, 41, 55, 0.16)}";export{a as gux_card_beta}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as o,g as r}from"./p-9031eb6a.js";import{a as p,c as i,o as a,f as s,s as n,b as d}from"./p-9149b16e.js";import{O as l}from"./p-23975bfb.js";import{t as c}from"./p-8f3be54a.js";import{g as h}from"./p-3e6097e5.js";import{f as x}from"./p-e526bdc0.js";const g=class{constructor(o){t(this,o),this.guxdismiss=e(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}checkForClickOutside(t){const e=t.composedPath(),o=x(this.root,this.for),r=e.includes(o);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||r||this.dismiss()}get titleSlot(){return h(this.root,"title")}runUpdatePosition(){this.cleanupUpdatePosition=p(x(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){const t=x(this.root,this.for);this.popupElement&&i(t,this.popupElement,{placement:this.position,middleware:[a(7),s(),n(),d({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:o,placement:r})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${e}px`});const p={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]];if(o.arrow){const{x:t,y:e}=o.arrow;this.popupElement.setAttribute("data-placement",r),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[p]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){c(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderDismissButton(){if(this.displayDismissButton)return o("gux-dismiss-button",{onClick:this.dismiss.bind(this),position:"inherit"})}render(){return o("div",{ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},o("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),o("div",{class:{"gux-popover-header":Boolean(this.titleSlot)}},o("slot",{name:"title"}),this.renderDismissButton()),o("div",{class:"gux-popover-content"},o("slot",null)))}get root(){return r(this)}};(function(t,e,o,r){var p,i=arguments.length,a=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,r);else for(var s=t.length-1;s>=0;s--)(p=t[s])&&(a=(i<3?p(a):i>3?p(e,o,a):p(e,o))||a);i>3&&a&&Object.defineProperty(e,o,a)})([l({triggerEvents:"mousedown"})],g.prototype,"checkForClickOutside",null),g.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:16px;color:#2e394c;background-color:#fdfdfd;border-radius:4px;box-shadow:0 3px 14px rgba(46, 57, 76, 0.22)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper[data-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-end'] .gux-arrow{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-placement='top'] .gux-arrow,.gux-popover-wrapper[data-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-placement='top-end'] .gux-arrow{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-placement='left'] .gux-arrow,.gux-popover-wrapper[data-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-placement='left-end'] .gux-arrow{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-placement='right'] .gux-arrow,.gux-popover-wrapper[data-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-placement='right-end'] .gux-arrow{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper .gux-popover-header{font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:space-between;padding-bottom:16px}.gux-popover-wrapper gux-dismiss-button{float:right}";export{g as gux_popover_beta}