genesys-spark-components 4.27.0 → 4.28.1

package/dist/genesys-webcomponents/{p-df261720.entry.js → p-ecdc172e.entry.js}

@@ -1 +1 @@
-import{r as a,f as e,h as t,g as r}from"./p-2e827df1.js";import{b as s}from"./p-0367930a.js";import{t as c}from"./p-781ee97c.js";import"./p-4202e9f2.js";const i={breadcrumbs:"Breadcrumbs"},o=class{constructor(e){a(this,e),this.accent="primary"}componentWillLoad(){c(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await s(this.root,i)}onSlotChange(){Array.from(this.root.children).forEach((a=>e(a)))}render(){return t("nav",{key:"c12c6de3c599c19cafd536375d110a43a99d935d","aria-label":this.i18n("breadcrumbs")},t("ol",{key:"393b605f99ce15dc541674e39be7b24861acd8ac"},t("slot",{key:"a1bc6fc7ed337f330d19722a11d5b215db225a4c",onSlotchange:this.onSlotChange.bind(this)})))}get root(){return r(this)}};o.style="ol{display:flex;flex-direction:row;flex-wrap:wrap;place-content:flex-start flex-start;align-items:center;padding:0;margin:0;list-style:none}";export{o as gux_breadcrumbs}
+import{r as a,f as e,h as t,g as r}from"./p-2e827df1.js";import{b as s}from"./p-0367930a.js";import{t as i}from"./p-838d6ee4.js";import"./p-4202e9f2.js";const o={breadcrumbs:"Breadcrumbs"},c=class{constructor(e){a(this,e),this.accent="primary"}componentWillLoad(){i(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await s(this.root,o)}onSlotChange(){Array.from(this.root.children).forEach((a=>e(a)))}render(){return t("nav",{key:"c12c6de3c599c19cafd536375d110a43a99d935d","aria-label":this.i18n("breadcrumbs")},t("ol",{key:"393b605f99ce15dc541674e39be7b24861acd8ac"},t("slot",{key:"a1bc6fc7ed337f330d19722a11d5b215db225a4c",onSlotchange:this.onSlotChange.bind(this)})))}get root(){return r(this)}};c.style="ol{display:flex;flex-direction:row;flex-wrap:wrap;place-content:flex-start flex-start;align-items:center;padding:0;margin:0;list-style:none}";export{c as gux_breadcrumbs}

package/dist/genesys-webcomponents/{p-81040fbc.entry.js → p-f0838bb6.entry.js}

@@ -1 +1 @@
-import{r as a,c as t,d as i,h as e,g as n}from"./p-2e827df1.js";import{a as s}from"./p-cf0e7d3b.js";import{t as o}from"./p-781ee97c.js";const r=class{constructor(i){a(this,i),this.guxpaginationchange=t(this,"guxpaginationchange",7),this.reinstateLayoutBreakpoint=0,this.layout="advanced",this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.totalPages=void 0,this.displayedLayout=void 0}setPage(a){if(a<=0)return void this.setPage(1);const t=this.calculateTotalPages(this.totalItems,this.itemsPerPage);a>t?this.setPage(t):(this.currentPage=a,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}handleInternalitemsperpagechange(a){this.itemsPerPage=a.detail,this.setPage(1)}handleInternalcurrentpagechange(a){this.setPage(a.detail)}calculateTotalPages(a,t){return Math.max(1,Math.ceil(a/t))}calculateCurrentPage(a,t){return Math.max(a>0?1:0,Math.min(t,a))}checkPaginationContainerWidthForLayout(){i((()=>{const a=this.root.shadowRoot.querySelector(".gux-pagination-container"),t=this.root.shadowRoot.querySelector(".gux-pagination-spacer"),i=a.clientWidth;t.clientWidth<24&&"simple"!==this.displayedLayout?(this.reinstateLayoutBreakpoint=i,this.displayedLayout="simple"):i>this.reinstateLayoutBreakpoint&&(this.reinstateLayoutBreakpoint=0,this.displayedLayout=this.layout)}))}componentWillLoad(){o(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculateTotalPages(this.totalItems,this.itemsPerPage),this.currentPage=this.calculateCurrentPage(this.totalPages,this.currentPage)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-pagination-container"))}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkPaginationContainerWidthForLayout()))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-pagination-container")),s((()=>{this.checkPaginationContainerWidthForLayout()}),500)}render(){return e("div",{key:"00be70bf087dab63649f4de07150fdaa61a1c904",class:"gux-pagination-container"},e("div",{key:"5f2576d4b32916f4caaf619fc62ffbe4514df0c0",class:"gux-pagination-info"},e("gux-pagination-item-counts",{key:"72f3e5f2454d3ff660fe4251ae43c068770abb00","total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage}),"advanced"===this.displayedLayout&&e("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),e("div",{key:"d4b1de8070a0e53e1cea28ef6c81907b1e38444c",class:"gux-pagination-spacer"}),e("div",{key:"e540ae2d2736fb8c99407504e9c517e49d16913c",class:"gux-pagination-change"},e("gux-pagination-buttons",{key:"d314c64295f03391993c61cd585a36094a3e512b",layout:this.displayedLayout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return n(this)}};r.style=":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{r as gux_pagination}
+import{r as a,c as t,d as i,h as e,g as n}from"./p-2e827df1.js";import{a as s}from"./p-cf0e7d3b.js";import{t as o}from"./p-838d6ee4.js";const r=class{constructor(i){a(this,i),this.guxpaginationchange=t(this,"guxpaginationchange",7),this.reinstateLayoutBreakpoint=0,this.layout="advanced",this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.totalPages=void 0,this.displayedLayout=void 0}setPage(a){if(a<=0)return void this.setPage(1);const t=this.calculateTotalPages(this.totalItems,this.itemsPerPage);a>t?this.setPage(t):(this.currentPage=a,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}handleInternalitemsperpagechange(a){this.itemsPerPage=a.detail,this.setPage(1)}handleInternalcurrentpagechange(a){this.setPage(a.detail)}calculateTotalPages(a,t){return Math.max(1,Math.ceil(a/t))}calculateCurrentPage(a,t){return Math.max(a>0?1:0,Math.min(t,a))}checkPaginationContainerWidthForLayout(){i((()=>{const a=this.root.shadowRoot.querySelector(".gux-pagination-container"),t=this.root.shadowRoot.querySelector(".gux-pagination-spacer"),i=a.clientWidth;t.clientWidth<24&&"simple"!==this.displayedLayout?(this.reinstateLayoutBreakpoint=i,this.displayedLayout="simple"):i>this.reinstateLayoutBreakpoint&&(this.reinstateLayoutBreakpoint=0,this.displayedLayout=this.layout)}))}componentWillLoad(){o(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculateTotalPages(this.totalItems,this.itemsPerPage),this.currentPage=this.calculateCurrentPage(this.totalPages,this.currentPage)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-pagination-container"))}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkPaginationContainerWidthForLayout()))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-pagination-container")),s((()=>{this.checkPaginationContainerWidthForLayout()}),500)}render(){return e("div",{key:"00be70bf087dab63649f4de07150fdaa61a1c904",class:"gux-pagination-container"},e("div",{key:"5f2576d4b32916f4caaf619fc62ffbe4514df0c0",class:"gux-pagination-info"},e("gux-pagination-item-counts",{key:"72f3e5f2454d3ff660fe4251ae43c068770abb00","total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage}),"advanced"===this.displayedLayout&&e("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),e("div",{key:"d4b1de8070a0e53e1cea28ef6c81907b1e38444c",class:"gux-pagination-spacer"}),e("div",{key:"e540ae2d2736fb8c99407504e9c517e49d16913c",class:"gux-pagination-change"},e("gux-pagination-buttons",{key:"d314c64295f03391993c61cd585a36094a3e512b",layout:this.displayedLayout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return n(this)}};r.style=":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{r as gux_pagination}

package/dist/genesys-webcomponents/{p-6966caa1.entry.js → p-f48511e8.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,H as o,g as s}from"./p-2e827df1.js";import{t as i}from"./p-781ee97c.js";import{O as a}from"./p-2d1bdeab.js";import{b as r}from"./p-0367930a.js";import{b as n}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";const u={additionalActions:"Additional Actions"};const c=class{constructor(t){e(this,t),this.showMenu=void 0,this.expanded=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.expanded=!1,t.includes(this.listElement)&&(e.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.expanded=!1;break;case"ArrowDown":case"Enter":t.includes(this.dropdownButton)&&(e.preventDefault(),this.expanded=!0,this.focusFirstItemInPopupList())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.dropdownButton)&&(this.expanded=!0,this.focusFirstItemInPopupList())}onFocusin(){this.tooltipTitleElement.setShowTooltip()}onFocusout(){this.tooltipTitleElement.setHideTooltip()}toggle(){this.expanded=!this.expanded,this.expanded&&this.focusPopupList()}onClickOutside(){this.expanded=!1}focusPopupList(){n((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){n((()=>{this.listElement.guxFocusFirstItem()}))}async componentWillLoad(){this.i18n=await r(this.root,u),i(this.root)}render(){return t(o,{key:"3175ba759ce1523f16a0394692bfb8013a720fec",class:{"gux-show-menu":this.showMenu}},t("gux-popup",{key:"8cb912663e187b47b8f9b26e55861999694ee246",expanded:this.expanded,"exceed-target-width":!0},t("div",{key:"4d7f6af96be492d18c481d807080c614746f31d1",slot:"target",class:"gux-toolbar-menu-container"},t("gux-button-slot",{key:"4b7711a78d65a0732b74ba7bca0675feefedb7dc",class:"gux-menu-button"},t("button",{key:"6c32ef2e7e2deca2b540cf6177e5c1e681a16cd2",type:"button",ref:e=>this.dropdownButton=e,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.expanded.toString()},t("gux-tooltip-title",{key:"e96370557b8cd2e82152b2503d1bdb2abb301984",ref:e=>this.tooltipTitleElement=e},t("span",{key:"a2e71643cc5c0c51d5b997318200cf8ba71112f9"},t("gux-icon",{key:"2a0b6d5623ea613ab2d4d91cc86005d775b16cb4","screenreader-text":this.i18n("additionalActions"),"icon-name":"menu-kebab-horizontal"})))))),t("div",{key:"e844c2f4f0e9e621ee0d8cc8854e5dad4d407651",class:"gux-list-container",slot:"popup"},t("gux-list",{key:"5c2106f21ff6d5d2668fe59fc794ed0a4b4e7c26",ref:e=>this.listElement=e},t("slot",{key:"fc83e45e51ea36ef4476ebe7ebb84cf1d458d749"})))))}static get delegatesFocus(){return!0}get root(){return s(this)}};(function(e,t,o,s){var i,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,s);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(r=(a<3?i(r):a>3?i(t,o,r):i(t,o))||r);a>3&&r&&Object.defineProperty(t,o,r)})([a({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:none;-webkit-user-select:none;user-select:none}:host(.gux-show-menu){display:block}.gux-menu-button button{color:var(--gse-ui-button-secondary-default-foregroundColor);cursor:grab;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none}.gux-menu-button button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-list-container{width:min-content;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{c as gux_table_toolbar_menu_button}
+import{r as e,h as t,H as o,g as s}from"./p-2e827df1.js";import{t as i}from"./p-838d6ee4.js";import{O as a}from"./p-2d1bdeab.js";import{b as r}from"./p-0367930a.js";import{b as n}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";const u={additionalActions:"Additional Actions"};const c=class{constructor(t){e(this,t),this.showMenu=void 0,this.expanded=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.expanded=!1,t.includes(this.listElement)&&(e.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.expanded=!1;break;case"ArrowDown":case"Enter":t.includes(this.dropdownButton)&&(e.preventDefault(),this.expanded=!0,this.focusFirstItemInPopupList())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.dropdownButton)&&(this.expanded=!0,this.focusFirstItemInPopupList())}onFocusin(){this.tooltipTitleElement.setShowTooltip()}onFocusout(){this.tooltipTitleElement.setHideTooltip()}toggle(){this.expanded=!this.expanded,this.expanded&&this.focusPopupList()}onClickOutside(){this.expanded=!1}focusPopupList(){n((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){n((()=>{this.listElement.guxFocusFirstItem()}))}async componentWillLoad(){this.i18n=await r(this.root,u),i(this.root)}render(){return t(o,{key:"3175ba759ce1523f16a0394692bfb8013a720fec",class:{"gux-show-menu":this.showMenu}},t("gux-popup",{key:"8cb912663e187b47b8f9b26e55861999694ee246",expanded:this.expanded,"exceed-target-width":!0},t("div",{key:"4d7f6af96be492d18c481d807080c614746f31d1",slot:"target",class:"gux-toolbar-menu-container"},t("gux-button-slot",{key:"4b7711a78d65a0732b74ba7bca0675feefedb7dc",class:"gux-menu-button"},t("button",{key:"6c32ef2e7e2deca2b540cf6177e5c1e681a16cd2",type:"button",ref:e=>this.dropdownButton=e,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.expanded.toString()},t("gux-tooltip-title",{key:"e96370557b8cd2e82152b2503d1bdb2abb301984",ref:e=>this.tooltipTitleElement=e},t("span",{key:"a2e71643cc5c0c51d5b997318200cf8ba71112f9"},t("gux-icon",{key:"2a0b6d5623ea613ab2d4d91cc86005d775b16cb4","screenreader-text":this.i18n("additionalActions"),"icon-name":"menu-kebab-horizontal"})))))),t("div",{key:"e844c2f4f0e9e621ee0d8cc8854e5dad4d407651",class:"gux-list-container",slot:"popup"},t("gux-list",{key:"5c2106f21ff6d5d2668fe59fc794ed0a4b4e7c26",ref:e=>this.listElement=e},t("slot",{key:"fc83e45e51ea36ef4476ebe7ebb84cf1d458d749"})))))}static get delegatesFocus(){return!0}get root(){return s(this)}};(function(e,t,o,s){var i,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,s);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(r=(a<3?i(r):a>3?i(t,o,r):i(t,o))||r);a>3&&r&&Object.defineProperty(t,o,r)})([a({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:none;-webkit-user-select:none;user-select:none}:host(.gux-show-menu){display:block}.gux-menu-button button{color:var(--gse-ui-button-secondary-default-foregroundColor);cursor:grab;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none}.gux-menu-button button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-list-container{width:min-content;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";export{c as gux_table_toolbar_menu_button}

package/dist/stencil-wrapper.js

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

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

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.27.0-141/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.28.1-145/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

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

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

@@ -1 +0,0 @@
-import{r as e,f as t,h as o,g as r}from"./p-2e827df1.js";import{c as i,o as n}from"./p-f4751a15.js";import{O as a}from"./p-01471ba0.js";import{o as s}from"./p-e5b1cffc.js";import{p as l}from"./p-a11d5d42.js";import{h as u}from"./p-6d8b4027.js";import{h as f,c as p,d as h,G as d,a as g,g as c,v as x,b as m}from"./p-f3b9b052.js";import{G as b,a as v}from"./p-9773c4fe.js";import{t as C}from"./p-781ee97c.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const y=class{constructor(t){e(this,t),this.clearable=void 0,this.labelPosition=void 0,this.loading=!1,this.hasPrefix=void 0,this.hasSuffix=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=u(this.root,"error"),this.hasHelp=u(this.root,"help")}async guxForceUpdate(){this.hasContent=f(this.input),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help"),t(this.root)}renderRadialLoading(){if(this.loading)return o("gux-radial-loading",{context:"input"})}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help"),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&p(this.root,this.input,"prefix"),this.hasSuffix&&p(this.root,this.input,"suffix"),C(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(v,{key:"1b539f28d93fb3d83bb9b9916e99db01d365dcb8",labelPosition:this.computedLabelPosition},o(b,{key:"10c8175037a431fbd41d1a55cb7de1c853f47899",position:this.computedLabelPosition,required:this.required},o("slot",{key:"6420cf7ea31534f1ae1be97293728d90930c7f35",name:"label",onSlotchange:()=>this.setLabel()})),o("div",{key:"5953dca426f431d67536a828da54d933db8a06d6",class:"gux-input-and-error-container"},o("div",{key:"cb70dbb052ac96b304cec8967af79a70f99b2955",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"b5bcc50eec9abf8f71a99cac0c4fc1383451d423",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix}},o("slot",{key:"0c0f46212f0193abc836d7528a8a1519c82b05e8",name:"prefix"}),o("slot",{key:"bccba0e8ee54d25b62b242ca77a52be19c6bec41",name:"input"}),this.renderRadialLoading(),o("slot",{key:"03843207037a3c58f329525d0f1caa7c99bb1233",name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&o("gux-form-field-input-clear-button",{onClick:()=>h(this.input)}))),o(d,{key:"4a1e53f704a610273234f6b27867711a733acbf3",show:this.hasError},o("slot",{key:"b6159f476b77bcb2029b6d1ac369bc31fce55020",name:"error"})),o(g,{key:"325df110dbb96e9bdd7281ab1f2be251254fb54f",show:!this.hasError&&this.hasHelp},o("slot",{key:"88b377e85c3fc2723f497c1326d51c94e37d7e29",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=c(this.root,'input[type="email"][slot="input"], input[type="number"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=f(this.input),l(this.input),this.input.addEventListener("input",(()=>{this.hasContent=f(this.input)})),this.disabled=i(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=s(this.input,(e=>{this.required=e})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}get root(){return r(this)}};(function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)})([a({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.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:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);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}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;text-decoration:none;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.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;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);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-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.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);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){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-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}';export{y as gux_form_field_text_like}