genesys-spark-components 4.0.0-beta.70 → 4.0.0-beta.71

package/dist/types/components.d.ts

@@ -23,7 +23,7 @@ import { GuxDismissButtonPosition } from "./components/stable/gux-dismiss-button
 import { GuxFilterTypes } from "./components/stable/gux-dropdown/gux-dropdown.types";
 import { GuxFormFieldLabelPosition } from "./components/stable/gux-form-field/gux-form-field.types";
 import { GuxFormFieldTextAreaResize } from "./components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.types";
-import { GuxIconIconName } from "./components/stable/gux-icon/gux-icon.types";
+import { GuxIconIconName, GuxIconSize } from "./components/stable/gux-icon/gux-icon.types";
 import { GuxAlertAccent } from "./components/stable/gux-inline-alert/gux-inline-alert.types";
 import { GuxModalSize } from "./components/stable/gux-modal/gux-modal.types";
 import { GuxModalSize as GuxModalSize1 } from "./components/legacy/gux-modal-legacy/gux-modal-legacy.types";
@@ -65,7 +65,7 @@ export { GuxDismissButtonPosition } from "./components/stable/gux-dismiss-button
 export { GuxFilterTypes } from "./components/stable/gux-dropdown/gux-dropdown.types";
 export { GuxFormFieldLabelPosition } from "./components/stable/gux-form-field/gux-form-field.types";
 export { GuxFormFieldTextAreaResize } from "./components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.types";
-export { GuxIconIconName } from "./components/stable/gux-icon/gux-icon.types";
+export { GuxIconIconName, GuxIconSize } from "./components/stable/gux-icon/gux-icon.types";
 export { GuxAlertAccent } from "./components/stable/gux-inline-alert/gux-inline-alert.types";
 export { GuxModalSize } from "./components/stable/gux-modal/gux-modal.types";
 export { GuxModalSize as GuxModalSize1 } from "./components/legacy/gux-modal-legacy/gux-modal-legacy.types";
@@ -509,6 +509,7 @@ export namespace Components {
           * Localized text describing the intent of this icon (not required if `decorative=true`)
          */
         "screenreaderText": string;
+        "size": GuxIconSize;
     }
     interface GuxInlineAlert {
         "accent": GuxAlertAccent;
@@ -2609,6 +2610,7 @@ declare namespace LocalJSX {
           * Localized text describing the intent of this icon (not required if `decorative=true`)
          */
         "screenreaderText"?: string;
+        "size"?: GuxIconSize;
     }
     interface GuxInlineAlert {
         "accent"?: GuxAlertAccent;

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.70-13/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.0.0-beta.71-16/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

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

package/dist/genesys-webcomponents/p-0c59ba3e.entry.js

@@ -1 +0,0 @@
-import{r as t,d as e,h as i,H as a,g as o}from"./p-deca7631.js";import{O as n}from"./p-a69a9910.js";import{O as r}from"./p-d6edbaeb.js";import{t as s}from"./p-fbde6469.js";import{g as l}from"./p-693c1709.js";function u(t,e){[].concat(t).forEach((t=>{null!=t&&(t.accent=e)}))}function h(t,...e){e.flat().filter((t=>null!==t&&!t.hasAttribute("icon-only"))).forEach((e=>e.iconOnly=t))}var d=function(t,e,i,a){var o,n=arguments.length,r=n<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,a);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const c=class{constructor(e){t(this,e),this.minimumSizes={full:0,iconOnly:0,condensed:0},this.displayedLayout="full",this.hasContextDivider=!1}onMutation(){this.hasContextDivider=this.needsContextDivider()}recordLayoutMinSize(){e((()=>{var t,e;const i=0|(null===(t=this.filterSlot)||void 0===t?void 0:t.clientWidth),a=0|(null===(e=this.actionsContainer)||void 0===e?void 0:e.clientWidth);this.minimumSizes[this.displayedLayout]=i+a+72}))}get actionsContainer(){return this.root.shadowRoot.querySelector(".gux-contextual-permanent-primary")}get filterSlot(){return l(this.root,"search-and-filter")}get menuActionSlot(){return l(this.root,"menu-actions")}get permanentSlot(){return l(this.root,"permanent-actions")}get contextualSlot(){return l(this.root,"contextual-actions")}get primaryAction(){var t;return null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-table-toolbar-custom-action[slot]")}get permanentActions(){var t,e;if(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.permanentSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get menuActionsItems(){var t,e;if(null===(t=this.menuActionSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.menuActionSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get contextualActions(){var t,e;if(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.contextualSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get filterActions(){var t,e;if(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.filterSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get allFilterContextual(){var t;return null===(t=this.filterActions)||void 0===t?void 0:t.concat(this.contextualActions)}needsContextDivider(){var t;return(null===(t=this.contextualActions)||void 0===t?void 0:t.length)&&this.contextualSlot!==this.root.lastElementChild}renderMenu(){var t;return Boolean((null===(t=this.menuActionsItems)||void 0===t?void 0:t.length)||"condensed"==this.displayedLayout)}renderFullLayout(){this.displayedLayout="full",h(!1,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleDown(t){this.displayedLayout="iconOnly",h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.iconOnlySectionWidth=t}renderIconOnlyLayoutScaleUp(){var t,e;this.displayedLayout="iconOnly",u(this.permanentActions,"secondary"),u(this.primaryAction,"primary"),h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.permanentActions&&(null===(t=this.root)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.root)||void 0===e||e.appendChild(this.primaryAction))}renderCondensedLayout(){var t,e;this.displayedLayout="condensed",this.permanentActions&&(null===(t=this.menuActionSlot)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.menuActionSlot)||void 0===e||e.appendChild(this.primaryAction)),h(!0,...this.allFilterContextual),h(!1,...this.permanentActions),h(!1,this.primaryAction),u(this.menuActionsItems,"ghost")}componentWillLoad(){s(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){this.recordLayoutMinSize(),this.checkResponsiveLayout(),u(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){e((()=>{var t;const e=0|(null===(t=this.actionsContainer)||void 0===t?void 0:t.clientWidth),i=this.root.clientWidth;i<=this.minimumSizes.full&&i>=this.minimumSizes.iconOnly?"full"==this.displayedLayout?this.renderIconOnlyLayoutScaleDown(e):"condensed"==this.displayedLayout&&this.renderIconOnlyLayoutScaleUp():i<=this.minimumSizes.iconOnly?this.renderCondensedLayout():this.minimumSizes.iconOnly>this.minimumSizes.full?this.renderIconOnlyLayoutScaleUp():this.renderFullLayout()}))}render(){return i(a,{role:"toolbar","aria-orientation":"horizontal"},i("div",{class:"search-filter-container"},i("slot",{name:"search-and-filter"})),i("div",{class:"section-spacing"}),i("div",{class:"gux-contextual-permanent-primary"},i("div",{class:{"gux-contextual-wrapper":this.hasContextDivider}},i("slot",{name:"contextual-actions"})),i("div",{class:"gux-permanent-menu-primary-wrapper"},i("slot",{name:"permanent-actions"}),i("gux-table-toolbar-menu-button",{"show-menu":this.renderMenu()},i("slot",{name:"menu-actions"})),i("slot",{name:"primary-action"}))))}get root(){return o(this)}};d([r({childList:!0,subtree:!0})],c.prototype,"onMutation",null),d([n()],c.prototype,"checkResponsiveLayout",null),c.style=":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-height:var(--gse-ui-dataTableItems-tableToolbar-height)}:host .search-filter-container{width:260px;min-width:260px;padding-right:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-width:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-right:var(--gse-ui-dataTableItems-tableToolbar-gap);border-right:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}";export{c as gux_table_toolbar}

package/dist/genesys-webcomponents/p-0f633878.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as g,H as l,g as i}from"./p-deca7631.js";import{t as o}from"./p-fbde6469.js";import{r}from"./p-3ea0d493.js";import{b as a}from"./p-e10cb032.js";import"./p-0962dd7a.js";const s={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"},n=class{constructor(g){e(this,g),this.check=t(this,"check",7),this.labelId=r("gux-toggle-label"),this.errorId=r("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.checkedLabel=void 0,this.uncheckedLabel=void 0,this.labelPosition="right",this.errorMessage=void 0,this.displayInline=!1}handleLoading(e){this.announceElement.guxAnnounce(this.i18n(e?"toggleIsLoading":"toggleIsFinishedLoading"))}onKeydown(e){" "===e.key&&(e.preventDefault(),this.toggle())}toggle(){this.disabled||this.loading||this.check.emit(!this.checked).defaultPrevented||(this.checked=!this.checked)}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await a(this.root,s),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel))))}renderError(){if(this.errorMessage)return g("div",{id:this.errorId,class:"gux-toggle-error"},g("div",{class:"gux-toggle-error-container"},g("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),g("div",{class:"gux-toggle-error-message"},this.errorMessage)))}render(){return g(l,{class:{"gux-display-inline":this.displayInline}},g("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},g("div",{class:"gux-toggle-input"},g("gux-toggle-slider",{checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),onClick:this.toggle.bind(this),onKeyDown:this.onKeydown.bind(this),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError()),g("gux-announce-beta",{ref:e=>this.announceElement=e}))}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{loading:["handleLoading"]}}};n.style=':host{display:block;margin:2px;color:#2e394c;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;cursor:default}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:"inner-div";place-items:start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);color:var(--gse-ui-formControl-label-labelColor);word-wrap:break-word}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-size:var(--gse-ui-toggle-label-fontSize);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}';export{n as gux_toggle}

package/dist/genesys-webcomponents/p-36ce9b8f.entry.js

@@ -1 +0,0 @@
-import{h as e,r,g as s}from"./p-deca7631.js";import{t as i}from"./p-fbde6469.js";import{a as t}from"./p-9d734bbd.js";const a=2*Math.PI*22;function n(e,r){return!(isNaN(e)||isNaN(r)||e>r||e<0||0===r)}const o=({value:r,max:s,screenreaderText:i})=>e("div",{role:"progressbar","aria-valuenow":r,"aria-valuemin":"0","aria-valuemax":s,"aria-label":i},e("svg",{class:"gux-svg-container",viewBox:"0 0 48 48",role:"presentation"},e("circle",{cx:"50%",cy:"50%",r:22,class:"gux-static-circle"}),e("circle",{cx:"50%",cy:"50%",r:22,class:"gux-dynamic-circle","stroke-dashoffset":a*(1-r/s),"stroke-dasharray":a,"stroke-linecap":"round"}),e("text",{x:"50%",y:"50%","dominant-baseline":"central",class:"gux-percentage"},function(e,r){return`${Math.round((e+Number.EPSILON)/r*100)}%`}(r,s)))),g=({screenreaderText:r})=>e("gux-radial-loading",{"screenreader-text":r,context:"modal"}),d=class{constructor(e){r(this,e),this.value=void 0,this.max=100,this.screenreaderText=""}componentWillLoad(){i(this.root)}componentDidLoad(){!this.screenreaderText&&n(this.value,this.max)&&t(this.root,"No screenreader-text provided. Provide a localized screenreader-text property for the component.")}render(){return n(this.value,this.max)?e(o,{value:this.value,max:this.max,screenreaderText:this.screenreaderText}):e(g,{screenreaderText:this.screenreaderText})}get root(){return s(this)}};d.style=":host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;width:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px);height:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform:rotate(-90deg);transform-origin:50% 50%}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar] .gux-svg-container .gux-percentage{font-family:var(--gse-ui-progressAndLoading-spinner-text-fontFamily);font-size:var(--gse-ui-progressAndLoading-spinner-text-fontSize);font-weight:var(--gse-ui-progressAndLoading-spinner-text-fontWeight);line-height:var(--gse-ui-progressAndLoading-spinner-text-lineHeight);text-anchor:middle;fill:var(--gse-ui-progressAndLoading-textColor)}";export{d as gux_radial_progress}

package/dist/genesys-webcomponents/p-5b1ba09f.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 e}from"./p-fbde6469.js";import{b as r}from"./p-ffaadf62.js";const a=class{constructor(o){t(this,o),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",r((()=>{this.containerElement.innerText=t}))}componentWillLoad(){e(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)}};a.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{a as gux_announce_beta}

package/dist/genesys-webcomponents/p-6b0a2e8e.entry.js

@@ -1 +0,0 @@
-import{a as t,r as i,h as e,g as s}from"./p-deca7631.js";import{t as r}from"./p-fbde6469.js";import{l as n}from"./p-9d734bbd.js";const a=new Map;async function o(i="unknown"){const e=function(t){return t.replace("/","-")}(i);if(a.has(e))return a.get(e);const s=async function(i){const e=await fetch(t(`./icons/${i}.svg`));if(200===e.status)return e.text();throw new Error(`[gux-icon] fetching failed for icon "${i}" with status "${e.statusText} (${e.status})".`)}(i).then((t=>t)).catch((t=>(setTimeout((()=>{throw t}),0),o("unknown"))));return a.set(e,s),s}const h=class{constructor(t){i(this,t),this.iconName=void 0,this.decorative=!1,this.screenreaderText="",this.svgHtml=void 0}async prepIcon(t){this.baseSvgHtml=await o(t),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}watchDecorative(t){this.validateProps(t,this.screenreaderText),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}watchScreenreaderText(t){this.validateProps(this.decorative,t),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}async componentWillLoad(){r(this.root,{variant:this.iconName}),await this.prepIcon(this.iconName)}componentDidLoad(){this.validateProps(this.decorative,this.screenreaderText)}validateProps(t,i){this.root.isConnected&&(t||i||n(this.root,"No screenreader-text provided. Either provide a localized screenreader-text property or set `decorative` to true."))}getSvgWithAriaAttributes(t){const i=(new DOMParser).parseFromString(t,"image/svg+xml").firstChild;return i.setAttribute("aria-hidden",this.decorative?String(this.decorative):"false"),this.screenreaderText?i.setAttribute("aria-label",this.screenreaderText):i.removeAttribute("aria-label"),i.outerHTML}render(){return this.svgHtml&&e("div",{class:"gux-icon-container",innerHTML:this.svgHtml})}static get assetsDirs(){return["icons"]}get root(){return s(this)}static get watchers(){return{iconName:["prepIcon"],decorative:["watchDecorative"],screenreaderText:["watchScreenreaderText"]}}};h.style=":host{display:inline-flex;width:1em;height:1em}.gux-icon-container{display:flex;align-items:center;justify-content:center;width:100%}.gux-icon-container svg{width:100%;max-width:100%;height:100%;max-height:100%;fill:currentcolor}";export{h as gux_icon}

package/dist/genesys-webcomponents/p-705ad82d.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as o,g as n}from"./p-deca7631.js";import{t as i}from"./p-fbde6469.js";import{b as r}from"./p-e10cb032.js";import{a}from"./p-37bfd195.js";import"./p-0962dd7a.js";const s={eraseBtnAria:"Clear search text",navigateNextBtn:"Highlight next match",navigatePreviousBtn:"Highlight previous match",totalMatches:"{currentMatch, number} of {matchCount, number}",clear:"Clear"},u=class{constructor(o){t(this,o),this.guxcurrentmatchchanged=e(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0,this.disabled=void 0,this.value=void 0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.resetInputSlottedElement(),this.emitCurrentMatchChanged(),this.inputSlottedElement.focus())}async componentWillLoad(){i(this.root),this.i18n=await r(this.root,s),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=a(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o("div",{class:{"gux-content-search":!0,"gux-disabled":this.disabled}},o("div",{class:"gux-search-icon"},o("gux-icon",{decorative:!0,"icon-name":"search"})),o("gux-truncate",{"max-lines":"1"},o("slot",null)),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return o("div",{class:"gux-content-control-panel"},o("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t}},o("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t}},this.matchCountResult()),o("div",{class:"gux-navigation-buttons"},o("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"arrow-solid-up"})),o("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"arrow-solid-down"}))),o("div",{class:"gux-navigation-divider"})),o("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.i18n("clear"),onClick:()=>{this.clear()},disabled:t},o("gux-icon",{"icon-name":"close",decorative:!0})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return n(this)}};u.style=":host{display:inline-block;width:300px;min-width:300px}::slotted(input[disabled]){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(input){box-sizing:border-box;flex-basis:100%;flex-shrink:1;width:120px;overflow:hidden;font-family:var(--gse-ui-search-counter-text-fontFamily);font-size:var(--gse-ui-search-counter-text-fontSize);font-weight:var(--gse-ui-search-counter-text-fontWeight);line-height:var(--gse-ui-search-counter-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;white-space:nowrap;background-image:none;border:0;border-radius:0;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-populatedColor)}::slotted(input).gux-focused,::slotted(input):focus,::slotted(input):focus-visible{border:0;outline:none;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-formControl-input-gap);width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-textarea-padding);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-content-search gux-truncate{display:flex;align-items:center}.gux-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search:focus-visible,.gux-content-search:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-content-search:not(:disabled):not(.gux-disabled):hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-search-icon gux-icon{width:var(--gse-ui-search-counter-icon-width);height:var(--gse-ui-search-counter-icon-height);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--gse-ui-formControl-input-gap);place-content:center flex-end;align-items:center;padding:0}.gux-content-search .gux-content-control-panel gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;overflow:hidden;color:var(--gse-ui-search-counter-default-foregroundColor);cursor:pointer;background:none;border:none;border-radius:var(--gse-ui-button-borderRadius);outline:none}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus-visible{color:var(--gse-ui-search-counter-hover-foregroundColor)}.gux-content-search .gux-content-control-panel button:not(.gux-clear-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)}.gux-content-search .gux-content-control-panel button.gux-clear-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0}.gux-content-search .gux-content-control-panel button.gux-clear-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;gap:var(--gse-ui-search-counter-gap)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-divider{height:16px;color:var(--gse-ui-search-counter-default-foregroundColor);background-color:#c6c8ce;border:1px var(--gse-ui-search-counter-divider-border-style) var(--gse-ui-search-counter-divider-border-color)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-buttons{display:flex;flex-direction:row}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;color:var(--gse-ui-search-counter-default-foregroundColor);white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0}";export{u as gux_content_search}

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

@@ -1 +0,0 @@
-import{r as o,h as r,g as e}from"./p-deca7631.js";import{c as t,o as i}from"./p-16f3da0d.js";import{O as n}from"./p-d6edbaeb.js";import{o as l}from"./p-37bfd195.js";import{p as a}from"./p-28f55159.js";import{h as s}from"./p-324b23f3.js";import{G as u,a as f,g as p,v as g,b as d}from"./p-e5766b80.js";import{G as h,a as c}from"./p-2b468e4b.js";import{t as m}from"./p-fbde6469.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";import"./p-373c5d93.js";const x=class{constructor(r){o(this,r),this.labelPosition=void 0,this.computedLabelPosition=void 0,this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return r(c,{labelPosition:this.computedLabelPosition},r(h,{position:this.computedLabelPosition,required:this.required},r("slot",{name:"label",onSlotchange:()=>this.setLabel()})),r("div",{class:"gux-input-and-error-container"},r("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},r("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},r("slot",{name:"input",onSlotchange:()=>this.setInput()}))),r(u,{show:this.hasError},r("slot",{name:"error"})),r(f,{show:!this.hasError&&this.hasHelp},r("slot",{name:"help"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=p(this.root,'input[type="color"][slot="input"]'),a(this.input),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(o=>{this.disabled=o})),this.requiredObserver=l(this.input,(o=>{this.required=o})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return e(this)}};(function(o,r,e,t){var i,n=arguments.length,l=n<3?r:null===t?t=Object.getOwnPropertyDescriptor(r,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,r,e,t);else for(var a=o.length-1;a>=0;a--)(i=o[a])&&(l=(n<3?i(l):n>3?i(r,e,l):i(r,e))||l);n>3&&l&&Object.defineProperty(r,e,l)})([n({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.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:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.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}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-colorPicker-input-swatchSizing);min-width:var(--gse-ui-colorPicker-input-swatchSizing);height:var(--gse-ui-colorPicker-input-swatchSizing);padding:0;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);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}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;width:var(--gse-ui-formControl-input-colorPicker-size);height:var(--gse-ui-formControl-input-colorPicker-size);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-input-and-error-container .gux-input .gux-input-container:hover{cursor:pointer;border-color:var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}';export{x as gux_form_field_color}