genesys-spark-components 3.6.0 → 3.7.2

package/dist/genesys-webcomponents/{p-479cf5a2.js → p-14551b38.js}

@@ -1 +1 @@
-import{h as e}from"./p-a085b143.js";import{r as o}from"./p-cbcbd1bb.js";import{l as r}from"./p-3184268e.js";import{s as t}from"./p-8fe7daff.js";const i=({hasError:o},r)=>e("div",{class:{"gux-form-field-error":!0,"gux-show":o}},e("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),e("div",{class:"gux-message"},r));function a(e){t(e,"",!0)}function n(e){return Boolean(e.querySelector('[slot="error"]'))}function s(e){return Boolean(e.value)}function l(e,o){if(e)return["above","beside","screenreader"].includes(o)?o:e.offsetWidth>1&&e.offsetWidth<40?"beside":"above"}function d(e,t){if(function(e){return Boolean(e.querySelector('label[slot="label"]'))}(e)){const i=e.querySelector('label[slot="label"]'),a=Boolean(t.hasAttribute("id")),n=Boolean(i.hasAttribute("for"));if(!a&&n)r(e.tagName.toLowerCase(),'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');else if(a)if(a&&!n){const e=t.getAttribute("id");i.setAttribute("for",e)}else a&&n&&t.getAttribute("id")!==i.getAttribute("for")&&r(e.tagName.toLowerCase(),"The input id and label for attribute should match.");else{const e=o("gux-form-field-input");t.setAttribute("id",e),i.setAttribute("for",e)}}else r(e.tagName.toLowerCase(),'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');if(n(e)){const r=e.querySelector('[slot="error"]'),i=o("gux-form-field-error");r.setAttribute("id",i),t.setAttribute("aria-describedby",i)}else t.getAttribute("aria-describedby")&&t.getAttribute("aria-describedby").startsWith("gux-form-field-error")&&t.removeAttribute("aria-describedby")}export{i as G,s as a,a as c,l as g,n as h,d as v}
+import{h as e}from"./p-e571f861.js";import{r as o}from"./p-cbcbd1bb.js";import{l as r}from"./p-3184268e.js";import{s as t}from"./p-8fe7daff.js";const i=({hasError:o},r)=>e("div",{class:{"gux-form-field-error":!0,"gux-show":o}},e("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),e("div",{class:"gux-message"},r));function a(e){t(e,"",!0)}function n(e){return Boolean(e.querySelector('[slot="error"]'))}function s(e){return Boolean(e.value)}function l(e,o){if(e)return["above","beside","screenreader"].includes(o)?o:e.offsetWidth>1&&e.offsetWidth<40?"beside":"above"}function d(e,t){if(function(e){return Boolean(e.querySelector('label[slot="label"]'))}(e)){const i=e.querySelector('label[slot="label"]'),a=Boolean(t.hasAttribute("id")),n=Boolean(i.hasAttribute("for"));if(!a&&n)r(e.tagName.toLowerCase(),'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');else if(a)if(a&&!n){const e=t.getAttribute("id");i.setAttribute("for",e)}else a&&n&&t.getAttribute("id")!==i.getAttribute("for")&&r(e.tagName.toLowerCase(),"The input id and label for attribute should match.");else{const e=o("gux-form-field-input");t.setAttribute("id",e),i.setAttribute("for",e)}}else r(e.tagName.toLowerCase(),'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');if(n(e)){const r=e.querySelector('[slot="error"]'),i=o("gux-form-field-error");r.setAttribute("id",i),t.setAttribute("aria-describedby",i)}else t.getAttribute("aria-describedby")&&t.getAttribute("aria-describedby").startsWith("gux-form-field-error")&&t.removeAttribute("aria-describedby")}export{i as G,s as a,a as c,l as g,n as h,d as v}

package/dist/genesys-webcomponents/{p-5a3afda9.entry.js → p-1483501f.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as o,g as a}from"./p-a085b143.js";import{r as s}from"./p-cbcbd1bb.js";import{l as i}from"./p-3184268e.js";const r=class{constructor(o){e(this,o),this.internalsectionopened=t(this,"internalsectionopened",7),this.sectionId=s("gux-accordion-section"),this.arrowPosition="default",this.open=!1,this.disabled=!1}watchOpen(e){e&&this.internalsectionopened.emit()}toggle(){this.open=!this.open}onHeaderSlotChange(){const e=this.root.querySelector('[slot="header"]');e&&/^H[1-6]$/.test(e.nodeName)||i("gux-accordion-section","For accessibility reasons the header slot should be filled with a HTML heading tag (h1 - h6).")}renderHeaderSpacer(e){return"beside-text"===e?null:o("div",{class:"gux-header-spacer"})}render(){return o("section",{class:{"gux-disabled":this.disabled}},o("button",{class:"gux-header","aria-expanded":this.open.toString(),"aria-controls":this.sectionId,disabled:this.disabled,onClick:this.toggle.bind(this)},o("div",{class:"gux-header-text"},o("slot",{onSlotchange:this.onHeaderSlotChange.bind(this),name:"header"})),this.renderHeaderSpacer(this.arrowPosition),o("div",{class:{"gux-header-icon":!0,"gux-expanded":this.open}},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{id:this.sectionId,class:{"gux-content":!0,"gux-expanded":this.open}},o("slot",{name:"content"})))}get root(){return a(this)}static get watchers(){return{open:["watchOpen"]}}};r.style=":host{color:#2e394c;-webkit-user-select:none;user-select:none;background-color:#fdfdfd}:host:first-child .gux-header{border-top:1px solid #e2e6ee}section.gux-disabled{cursor:default;opacity:0.5}section.gux-disabled>*{pointer-events:none}.gux-header{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;height:40px;padding:0 16px;margin:0;cursor:pointer;border-bottom:1px solid #e2e6ee}.gux-header .gux-header-text{flex:0 1 auto;align-self:auto;padding-right:8px;text-align:left;font-size:14px;line-height:24px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-header .gux-header-text ::slotted(h1),.gux-header .gux-header-text ::slotted(h2){all:unset !important}.gux-header .gux-header-spacer{flex:1 1 auto;align-self:auto}.gux-header .gux-header-icon{flex:0 1 auto;align-items:center;align-self:auto;color:#6b7585;transition:transform 0.5s ease;transform-origin:center}.gux-header .gux-header-icon gux-icon{width:20px;height:20px}.gux-header .gux-header-icon.gux-expanded{transform:rotate(-180deg)}.gux-header:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-header:focus .gux-header-icon{color:#2e394c}.gux-header:hover .gux-header-icon{color:#2e394c}.gux-content{box-sizing:border-box;display:none;padding:16px;border-bottom:1px solid #e2e6ee}.gux-content.gux-expanded{display:block}";export{r as gux_accordion_section}
+import{r as e,c as t,h as o,g as a}from"./p-e571f861.js";import{r as s}from"./p-cbcbd1bb.js";import{l as i}from"./p-3184268e.js";const r=class{constructor(o){e(this,o),this.internalsectionopened=t(this,"internalsectionopened",7),this.sectionId=s("gux-accordion-section"),this.arrowPosition="default",this.open=!1,this.disabled=!1}watchOpen(e){e&&this.internalsectionopened.emit()}toggle(){this.open=!this.open}onHeaderSlotChange(){const e=this.root.querySelector('[slot="header"]');e&&/^H[1-6]$/.test(e.nodeName)||i("gux-accordion-section","For accessibility reasons the header slot should be filled with a HTML heading tag (h1 - h6).")}renderHeaderSpacer(e){return"beside-text"===e?null:o("div",{class:"gux-header-spacer"})}render(){return o("section",{class:{"gux-disabled":this.disabled}},o("button",{class:"gux-header","aria-expanded":this.open.toString(),"aria-controls":this.sectionId,disabled:this.disabled,onClick:this.toggle.bind(this)},o("div",{class:"gux-header-text"},o("slot",{onSlotchange:this.onHeaderSlotChange.bind(this),name:"header"})),this.renderHeaderSpacer(this.arrowPosition),o("div",{class:{"gux-header-icon":!0,"gux-expanded":this.open}},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{id:this.sectionId,class:{"gux-content":!0,"gux-expanded":this.open}},o("slot",{name:"content"})))}get root(){return a(this)}static get watchers(){return{open:["watchOpen"]}}};r.style=":host{color:#2e394c;-webkit-user-select:none;user-select:none;background-color:#fdfdfd}:host:first-child .gux-header{border-top:1px solid #e2e6ee}section.gux-disabled{cursor:default;opacity:0.5}section.gux-disabled>*{pointer-events:none}.gux-header{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;height:40px;padding:0 16px;margin:0;cursor:pointer;border-bottom:1px solid #e2e6ee}.gux-header .gux-header-text{flex:0 1 auto;align-self:auto;padding-right:8px;text-align:left;font-size:14px;line-height:24px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-header .gux-header-text ::slotted(h1),.gux-header .gux-header-text ::slotted(h2){all:unset !important}.gux-header .gux-header-spacer{flex:1 1 auto;align-self:auto}.gux-header .gux-header-icon{flex:0 1 auto;align-items:center;align-self:auto;color:#6b7585;transition:transform 0.5s ease;transform-origin:center}.gux-header .gux-header-icon gux-icon{width:20px;height:20px}.gux-header .gux-header-icon.gux-expanded{transform:rotate(-180deg)}.gux-header:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-header:focus .gux-header-icon{color:#2e394c}.gux-header:hover .gux-header-icon{color:#2e394c}.gux-content{box-sizing:border-box;display:none;padding:16px;border-bottom:1px solid #e2e6ee}.gux-content.gux-expanded{display:block}";export{r as gux_accordion_section}