genesys-spark-components 3.20.0 → 3.20.3

package/dist/genesys-webcomponents/{p-df79c0c3.entry.js → p-f96fb66d.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e,g as o}from"./p-74b510cb.js";import{t as r}from"./p-2c2fec86.js";const h=class{constructor(i){t(this,i),this.press=s(this,"press",7)}handleClick(){this.onItemClicked()}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.onItemClicked()}render(){return i(e,{role:"listitem"},i("span",{class:"gux-list-item"},this.text&&i("gux-text-highlight",{class:"gux-text",text:this.text,strategy:this.strategy}),i("slot",null)))}onItemClicked(){this.emitPress()}emitPress(){this.press.emit(this.value)}};h.style=":host:focus .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";const n=["gux-list-item-legacy:not([disabled])","gux-action-item:not([disabled])"].join(","),a=class{constructor(i){t(this,i),this.changed=s(this,"changed",7),this.selectedIndex=-1,this.observer=new MutationObserver((()=>{this.performHighlight(this.highlight)}))}emitChanged(t){this.changed.emit(t)}itemSelected(t){t.detail&&(this.value=t.detail)}valueHandler(t){this.emitChanged(t)}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){r(this.root)}componentDidLoad(){this.performHighlight(this.highlight),this.observer.observe(this.root,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return this.performHighlight(this.highlight),this.updateTabIndexes(),i("div",{class:"gux-list-items-container",role:"list",tabindex:0,onKeyDown:t=>this.onKeyDown(t)},i("slot",null))}onKeyDown(t){if(!["ArrowUp","ArrowDown","End","Home"].includes(t.key))return;const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}isCommandPaletteList(){return Boolean(this.root.closest("gux-command-palette-legacy"))}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.setAttribute("tabindex","-1"):(t.setAttribute("tabindex","0"),t.focus(),setTimeout((()=>{this.value=t.value})))}))}performHighlight(t){const s=this.root.querySelectorAll("gux-text-highlight");s&&s.forEach((s=>{s.highlight=t}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(n))):Array.from(this.root.querySelectorAll(n))}get root(){return o(this)}static get watchers(){return{value:["valueHandler"]}}};a.style=".gux-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{h as gux_list_item_legacy,a as gux_list_legacy}
+import{r as t,c as s,h as i,H as e,g as o}from"./p-74b510cb.js";import{t as r}from"./p-1359863e.js";const h=class{constructor(i){t(this,i),this.press=s(this,"press",7)}handleClick(){this.onItemClicked()}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.onItemClicked()}render(){return i(e,{role:"listitem"},i("span",{class:"gux-list-item"},this.text&&i("gux-text-highlight",{class:"gux-text",text:this.text,strategy:this.strategy}),i("slot",null)))}onItemClicked(){this.emitPress()}emitPress(){this.press.emit(this.value)}};h.style=":host:focus .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";const n=["gux-list-item-legacy:not([disabled])","gux-action-item:not([disabled])"].join(","),a=class{constructor(i){t(this,i),this.changed=s(this,"changed",7),this.selectedIndex=-1,this.observer=new MutationObserver((()=>{this.performHighlight(this.highlight)}))}emitChanged(t){this.changed.emit(t)}itemSelected(t){t.detail&&(this.value=t.detail)}valueHandler(t){this.emitChanged(t)}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){r(this.root)}componentDidLoad(){this.performHighlight(this.highlight),this.observer.observe(this.root,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return this.performHighlight(this.highlight),this.updateTabIndexes(),i("div",{class:"gux-list-items-container",role:"list",tabindex:0,onKeyDown:t=>this.onKeyDown(t)},i("slot",null))}onKeyDown(t){if(!["ArrowUp","ArrowDown","End","Home"].includes(t.key))return;const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}isCommandPaletteList(){return Boolean(this.root.closest("gux-command-palette-legacy"))}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.setAttribute("tabindex","-1"):(t.setAttribute("tabindex","0"),t.focus(),setTimeout((()=>{this.value=t.value})))}))}performHighlight(t){const s=this.root.querySelectorAll("gux-text-highlight");s&&s.forEach((s=>{s.highlight=t}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(n))):Array.from(this.root.querySelectorAll(n))}get root(){return o(this)}static get watchers(){return{value:["valueHandler"]}}};a.style=".gux-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{h as gux_list_item_legacy,a as gux_list_legacy}

package/dist/genesys-webcomponents/{p-63e576f0.entry.js → p-f9bf2f70.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as a,g as s}from"./p-74b510cb.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-2c2fec86.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){n(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||o("gux-rating","`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";export{h as gux_rating}
+import{r as t,h as i,H as a,g as s}from"./p-74b510cb.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-1359863e.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){n(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||o("gux-rating","`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";export{h as gux_rating}

package/dist/stencil-wrapper.js

@@ -6,7 +6,7 @@
  */
 import { defineCustomElements } from '../dist/loader';
 // Value templated out during build process (see scripts/wrap-stencil.js)
-const CDN_URL = 'https://app.mypurecloud.com/spark-components/build-assets/3.19.0-129/genesys-webcomponents/';
+const CDN_URL = 'https://app.mypurecloud.com/spark-components/build-assets/3.20.2-135/genesys-webcomponents/';
 export function registerElements() {
     if (CDN_URL) {
         defineCustomElements(window, { resourcesUrl: CDN_URL });

package/dist/types/components/stable/gux-list/gux-list-item/gux-list-item.d.ts

@@ -1,6 +1,6 @@
 import { JSX } from '../../../../stencil-public-runtime';
 export declare class GuxListItem {
-  root: HTMLElement;
+  root: HTMLGuxListItemElement;
   disabled: boolean;
   onMouseup(): void;
   onMouseover(): void;

package/package.json

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

package/dist/genesys-webcomponents/p-88301f55.entry.js

@@ -1 +0,0 @@
-import{r as o,h as i,g as c}from"./p-74b510cb.js";import{t}from"./p-2c2fec86.js";import{b as e}from"./p-cf43f0c3.js";import"./p-8a133b9b.js";const r={clickToCopy:"Click to Copy",copyToClipboard:"Copy to clipboard",enterToCopy:"Press Enter to Copy",copySuccess:"Copied to Clipboard",copyFailure:"Error. Please Try Again."},p=class{constructor(i){o(this,i),this.tooltipContent="offerClick"}onMouseleave(){this.resetTooltip()}onFocusout(){this.resetTooltip()}onFocus(){this.tooltipContent="offerEnter"}resetTooltip(){this.tooltipContent="offerClick"}onCopyToClipboard(){navigator.clipboard.writeText(this.root.innerText).then((()=>{this.tooltipContent="success"})).catch((()=>{this.tooltipContent="error"}))}async componentWillLoad(){t(this.root),this.i18n=await e(this.root,r)}render(){return i("button",{onClick:this.onCopyToClipboard.bind(this),class:"gux-copy-to-clipboard-wrapper",title:this.i18n("copyToClipboard")},i("div",{class:"gux-copy-content"},i("slot",{name:"content"}),i("gux-icon",{"icon-name":"copy",decorative:!0})),i("gux-tooltip",{placement:"bottom-end"},"success"===this.tooltipContent?i("gux-icon",{"icon-name":"badge-check",decorative:!0}):"","error"===this.tooltipContent?i("gux-icon",{"icon-name":"badge-x",decorative:!0}):"","offerClick"===this.tooltipContent?this.i18n("clickToCopy"):"","offerEnter"===this.tooltipContent?this.i18n("enterToCopy"):"","success"===this.tooltipContent?this.i18n("copySuccess"):"","error"===this.tooltipContent?this.i18n("copyFailure"):""))}get root(){return c(this)}};p.style="button{all:unset}.gux-copy-to-clipboard-wrapper{display:inline-flex;align-items:center}.gux-copy-to-clipboard-wrapper .gux-copy-content{display:inherit;align-items:inherit;cursor:pointer}.gux-copy-to-clipboard-wrapper .gux-copy-content ::slotted(*){padding:0 2px;margin-right:4px}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover ::slotted(*){background-color:#deeaff;border-radius:4px}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover gux-icon[icon-name='copy']{visibility:visible}.gux-copy-to-clipboard-wrapper .gux-copy-content gux-icon[icon-name='copy']{width:16px;height:16px;padding:2px;visibility:hidden;background-color:#deeaff;border-radius:4px}.gux-copy-to-clipboard-wrapper:focus{outline:none}.gux-copy-to-clipboard-wrapper:focus ::slotted(*){background-color:#deeaff;border-radius:4px}.gux-copy-to-clipboard-wrapper:focus gux-icon[icon-name='copy']{visibility:visible}.gux-copy-to-clipboard-wrapper gux-tooltip{display:inline-flex;align-items:center}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon{width:16px;height:16px;padding-right:8px}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon[icon-name='badge-check']{color:#3c8527}.gux-copy-to-clipboard-wrapper gux-tooltip gux-icon[icon-name='badge-x']{color:#ea0b0b}.focus-and-hover-copy-content ::slotted(*){background-color:#deeaff;border-radius:4px}.focus-and-hover-copy-content gux-icon[icon-name='copy']{visibility:visible}";export{p as gux_copy_to_clipboard_beta}

package/dist/genesys-webcomponents/p-900230b2.entry.js

@@ -1 +0,0 @@
-import{r as o,h as e,g as n}from"./p-74b510cb.js";import{t as c}from"./p-2c2fec86.js";function t(o,e,n){const c=function(o,e){return e.find((e=>e.slotName===o))}(o,n);null==c||c.ref.classList[e]("gux-opened")}const r=class{constructor(e){o(this,e),this.sections=[],this.headingLevel=null,this.arrowPosition="default"}async open(o){t(o,"add",this.sections)}async close(o){t(o,"remove",this.sections)}async toggle(o){t(o,"toggle",this.sections)}componentWillLoad(){c(this.root),this.sections=function(o){const e=Array.from(o.children),n=[];return e.forEach((o=>{const e=o.getAttribute("slot");o.hidden=!Boolean(e),e&&n.push({slotName:e,ref:null})})),n}(this.root)}render(){return e("div",{class:"gux-accordion"},this.sections.map((o=>e("section",{class:"gux-section",onKeyDown:e=>function(o,e,n){let c;switch(o.key){case"ArrowUp":c=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n<=0?e[e.length-1].ref:e[n-1].ref}(e,n);break;case"ArrowDown":c=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n>=e.length-1?e[0].ref:e[n+1].ref}(e,n);break;case"End":c=function(o){return o[this.sections.length-1].ref}(n);break;case"Home":c=function(o){return o[0].ref}(n)}var t;c&&(t=c,t.querySelector(".gux-header-button")).focus()}(e,o.slotName,this.sections),ref:e=>o.ref=e},e("div",{"aria-role":"heading","aria-level":this.headingLevel,class:"gux-header"},e("button",{class:"gux-header-button",type:"button",onClick:()=>this.toggle(o.slotName)},e("div",{class:"gux-text"},o.slotName),"beside-text"===this.arrowPosition?null:e("div",{class:"gux-spacer"}),e("div",{class:"gux-toggle-arrow"},e("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),e("div",{class:"gux-content"},e("slot",{name:o.slotName}))))))}get root(){return n(this)}};r.style="gux-accordion-legacy .gux-accordion{padding:0;margin:0;background-color:#fdfdfd}gux-accordion-legacy .gux-accordion .gux-section{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-header{box-sizing:border-box;height:40px;border-top:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:0 16px;margin:0;color:#2e394c;cursor:pointer;background:none;border:none}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-text{flex:0 1 auto;align-self:auto;padding-right:8px;font-family:inherit;font-size:inherit;font-weight:bold;text-align:left}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-spacer{flex:1 1 auto;align-self:auto}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow{flex:0 1 auto;align-items:center;align-self:auto;color:#6b7585;transition:transform 0.5s ease;transform-origin:center}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow gux-icon{width:20px;height:20px}gux-accordion-legacy .gux-accordion .gux-section .gux-header:hover .gux-toggle-arrow{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-content{box-sizing:border-box;display:none;padding:16px}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header .gux-toggle-arrow{transform:rotate(-180deg)}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-content{display:block}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-content{border-bottom:1px solid #e2e6ee}";export{r as gux_accordion_legacy}

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

@@ -1 +0,0 @@
-import{r as t,h as o,H as e,g as r}from"./p-74b510cb.js";import{g as n}from"./p-8a133b9b.js";const s=class{constructor(o){t(this,o),this.disabled=!1}onMouseup(){this.focusParentList()}onMouseover(){this.focusParentList()}focusParentList(){const t=n("gux-list",this.root);t&&null===t.shadowRoot.activeElement&&(this.root.blur(),t.focus())}render(){return o(e,{role:"listitem"},o("button",{type:"button",tabIndex:-1,disabled:this.disabled},o("slot",null)))}static get delegatesFocus(){return!0}get root(){return r(this)}};s.style=":host{width:100%;outline:none}:host([disabled]){pointer-events:none}::slotted(gux-icon){width:16px;height:16px;margin-right:8px;vertical-align:middle}button{all:unset;box-sizing:border-box;width:100%;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer;border:none;outline:none}button:focus:not(:disabled){color:#fdfdfd;background:#2a60c8}button:hover:not(:disabled){color:#fdfdfd;background:#2754ac}button:active:not(:disabled){color:#fdfdfd;background:#23478f}button:disabled{color:rgba(46, 57, 76, 0.5);cursor:default}";export{s as gux_list_item}