genesys-spark-components 4.203.0 → 4.205.0

package/dist/genesys-webcomponents/{p-d1b6b001.entry.js → p-b77b650c.entry.js}

@@ -1 +1 @@
-import{r as t,d as s,w as i,h as e,a as o}from"./p-8p-S7f9X.js";import{a as l}from"./p-Bg4q97BS.js";import{b as r}from"./p-DnzIYzsz.js";import{O as a}from"./p-3FH859nI.js";import"./p-Cd4R0amv.js";var c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const n=class{constructor(s){t(this,s),this.currentScrollIndex=0,this.focused=0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{i?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onMutation(){this.setTabTriggers()}async guxSetActive(t){this.root.querySelectorAll("gux-tab").forEach((t=>{t.guxSetActive(!1)})),this.tabTriggers.forEach(((s,i)=>{const e=s.tabId===t;s.guxSetActive(e),e&&(this.focused=i)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{this.focused===s||i||t.querySelector("button").setAttribute("tabindex","-1")}))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll('gux-tab:not([gux-disabled]), gux-tab[gux-disabled="false"]'),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,i=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),i!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=i),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section");"forward"===t?this.focused<this.tabTriggers.length-1?(i((()=>{this.hasHorizontalScrollbar?this.scrollRight():this.scrollDown()})),this.focusTab(this.focused+1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(i((()=>{this.hasHorizontalScrollbar?this.scrollLeft():this.scrollUp()})),this.focusTab(this.focused-1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await r(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),l((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,i=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}else{const s=t.scrollTop,i=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}}getTabLength(){var t;return null===(t=this.tabTriggers[this.currentScrollIndex])||void 0===t?void 0:t.scrollWidth}scrollLeft(){i((()=>{this.currentScrollIndex=this.isScrolledToEnd?this.tabTriggers.length-1:this.currentScrollIndex-1,this.root.querySelector(".gux-scrollable-section").scrollBy(-this.getTabLength(),0)}))}scrollRight(){i((()=>{this.isScrolledToBeginning&&(this.currentScrollIndex=0),this.root.querySelector(".gux-scrollable-section").scrollBy(this.getTabLength(),0),this.currentScrollIndex=this.currentScrollIndex+1}))}scrollUp(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-this.tabTriggers[this.focused].clientHeight)}))}scrollDown(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,this.tabTriggers[this.focused].clientHeight)}))}render(){return e("div",{key:"0d68841fafad4973a8de04762c48ae96adce0337",class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),e("div",{key:"644efc38916410e4a894cd346a2fb2a23aa354fa",role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},e("slot",{key:"14f22e20fa27c50aefc703d3a06b714871efef02"})),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return e("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?e("gux-button-slot",{accent:"ghost","icon-only":!0},e("button",{class:"gux-scroll-button",disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),onClick:()=>this.getScrollDirection(t)},e("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0,size:"small"}))):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"custom/chevron-left-small-regular";case"scrollRight":return"custom/chevron-right-small-regular";case"scrollUp":return"custom/chevron-up-small-regular";case"scrollDown":return"custom/chevron-down-small-regular"}}get root(){return o(this)}};(function(t,s,i,e){var o,l=arguments.length,r=l<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(l<3?o(r):l>3?o(s,i,r):o(s,i))||r);l>3&&r&&Object.defineProperty(s,i,r)})([a({childList:!0,subtree:!0,attributes:!0})],n.prototype,"onMutation",null),n.style=".gux-vertical .gux-tab-container{display:flex;flex-direction:column;inline-size:var(--gse-ui-tabs-set-vertical-width);block-size:100%;margin-inline-end:var(--gse-ui-tabs-set-vertical-marginRight);border-inline-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-vertical .gux-tab-container .gux-scroll-button-container{inline-size:100%}.gux-vertical .gux-tab-container .gux-scroll-button-container button{inline-size:100%}.gux-vertical .gux-tab-container .gux-scrollable-section{flex-direction:column;block-size:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.gux-vertical .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{inline-size:0;block-size:0}.gux-horizontal .gux-tab-container{block-size:var(--gse-ui-tabs-set-horizontal-height);margin-block-end:var(--gse-ui-tabs-set-horizontal-marginBottom);border-block-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-horizontal .gux-scrollable-section{overflow-x:auto}.gux-horizontal .gux-tab-container{box-sizing:content-box;display:flex;inline-size:100%;overflow:hidden;background-color:transparent}.gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}.gux-scrollable-section::-webkit-scrollbar{block-size:0}.gux-scroll-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--gse-ui-advancedTabs-set-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}.gux-scroll-button-container gux-button-slot{inline-size:100%;block-size:100%}.gux-scroll-button-container button{display:flex;align-items:center;justify-content:center;block-size:100%}";export{n as gux_tab_list}
+import{r as t,d as s,w as i,h as e,a as o}from"./p-8p-S7f9X.js";import{a as l}from"./p-Bg4q97BS.js";import{b as r}from"./p-DyLWs74h.js";import{O as a}from"./p-3FH859nI.js";import"./p-Cd4R0amv.js";var c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const n=class{constructor(s){t(this,s),this.currentScrollIndex=0,this.focused=0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{i?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onMutation(){this.setTabTriggers()}async guxSetActive(t){this.root.querySelectorAll("gux-tab").forEach((t=>{t.guxSetActive(!1)})),this.tabTriggers.forEach(((s,i)=>{const e=s.tabId===t;s.guxSetActive(e),e&&(this.focused=i)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{this.focused===s||i||t.querySelector("button").setAttribute("tabindex","-1")}))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll('gux-tab:not([gux-disabled]), gux-tab[gux-disabled="false"]'),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,i=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),i!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=i),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section");"forward"===t?this.focused<this.tabTriggers.length-1?(i((()=>{this.hasHorizontalScrollbar?this.scrollRight():this.scrollDown()})),this.focusTab(this.focused+1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(i((()=>{this.hasHorizontalScrollbar?this.scrollLeft():this.scrollUp()})),this.focusTab(this.focused-1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await r(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),l((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,i=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}else{const s=t.scrollTop,i=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}}getTabLength(){var t;return null===(t=this.tabTriggers[this.currentScrollIndex])||void 0===t?void 0:t.scrollWidth}scrollLeft(){i((()=>{this.currentScrollIndex=this.isScrolledToEnd?this.tabTriggers.length-1:this.currentScrollIndex-1,this.root.querySelector(".gux-scrollable-section").scrollBy(-this.getTabLength(),0)}))}scrollRight(){i((()=>{this.isScrolledToBeginning&&(this.currentScrollIndex=0),this.root.querySelector(".gux-scrollable-section").scrollBy(this.getTabLength(),0),this.currentScrollIndex=this.currentScrollIndex+1}))}scrollUp(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-this.tabTriggers[this.focused].clientHeight)}))}scrollDown(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,this.tabTriggers[this.focused].clientHeight)}))}render(){return e("div",{key:"0d68841fafad4973a8de04762c48ae96adce0337",class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),e("div",{key:"644efc38916410e4a894cd346a2fb2a23aa354fa",role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},e("slot",{key:"14f22e20fa27c50aefc703d3a06b714871efef02"})),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return e("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?e("gux-button-slot",{accent:"ghost","icon-only":!0},e("button",{class:"gux-scroll-button",disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),onClick:()=>this.getScrollDirection(t)},e("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0,size:"small"}))):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"custom/chevron-left-small-regular";case"scrollRight":return"custom/chevron-right-small-regular";case"scrollUp":return"custom/chevron-up-small-regular";case"scrollDown":return"custom/chevron-down-small-regular"}}get root(){return o(this)}};(function(t,s,i,e){var o,l=arguments.length,r=l<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(l<3?o(r):l>3?o(s,i,r):o(s,i))||r);l>3&&r&&Object.defineProperty(s,i,r)})([a({childList:!0,subtree:!0,attributes:!0})],n.prototype,"onMutation",null),n.style=".gux-vertical .gux-tab-container{display:flex;flex-direction:column;inline-size:var(--gse-ui-tabs-set-vertical-width);block-size:100%;margin-inline-end:var(--gse-ui-tabs-set-vertical-marginRight);border-inline-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-vertical .gux-tab-container .gux-scroll-button-container{inline-size:100%}.gux-vertical .gux-tab-container .gux-scroll-button-container button{inline-size:100%}.gux-vertical .gux-tab-container .gux-scrollable-section{flex-direction:column;block-size:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.gux-vertical .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{inline-size:0;block-size:0}.gux-horizontal .gux-tab-container{block-size:var(--gse-ui-tabs-set-horizontal-height);margin-block-end:var(--gse-ui-tabs-set-horizontal-marginBottom);border-block-end:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-horizontal .gux-scrollable-section{overflow-x:auto}.gux-horizontal .gux-tab-container{box-sizing:content-box;display:flex;inline-size:100%;overflow:hidden;background-color:transparent}.gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}.gux-scrollable-section::-webkit-scrollbar{block-size:0}.gux-scroll-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--gse-ui-advancedTabs-set-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}.gux-scroll-button-container gux-button-slot{inline-size:100%;block-size:100%}.gux-scroll-button-container button{display:flex;align-items:center;justify-content:center;block-size:100%}";export{n as gux_tab_list}

package/dist/genesys-webcomponents/{p-984cbfe9.entry.js → p-b848d870.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as s,a as o}from"./p-8p-S7f9X.js";import{O as a}from"./p-CBv64JPn.js";import{t as c}from"./p-CYZSsQYc.js";import{b as r}from"./p-DnzIYzsz.js";import{t as n}from"./p-DN3YAdAX.js";import{b as l}from"./p-Bg4q97BS.js";import{h as p}from"./p-wqCHc7t7.js";import"./p-Cd4R0amv.js";import"./p-DCZG2J0G.js";const b=class{constructor(i){t(this,i),this.linkOptions=e(this,"linkOptions",7),this.disabled=!1,this.active=!1,this.isOpen=!1}get isActive(){return this.active}set isActive(t){this.active=t}onClickOutside(){this.isOpen=!1}onFocusOut(t){t.relatedTarget&&!this.root.contains(t.relatedTarget)&&(this.isOpen=!1)}handleKeydown(t){const e=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,this.actionButton.focus();break;case"ArrowDown":case"Enter":e.includes(this.actionButton)&&(t.preventDefault(),this.isOpen=!0,this.focusTextToDisplayInputElement());break;case"Tab":if(this.isOpen){t.shiftKey&&e.includes(this.textToDisplayInputElement)&&(t.preventDefault(),this.isOpen=!1,this.actionButton.focus());break}}}async componentWillLoad(){c(this.root),this.i18n=await r(this.root,n)}emitLinkOptions(){this.linkOptions.emit({textToDisplay:this.textToDisplayInputElement.value,href:this.linkAddressInputElement.value}),this.textToDisplayInputElement.value=null,this.linkAddressInputElement.value=null,this.isOpen=!1}togglePopover(){this.isOpen=!this.isOpen,this.isOpen?this.focusTextToDisplayInputElement():this.actionButton.focus()}focusTextToDisplayInputElement(){l((()=>{this.textToDisplayInputElement.focus()}))}renderTooltip(){if(!this.disabled)return i("gux-tooltip-beta",{for:"popover-target"},i("div",{slot:"content"},this.i18n("link")))}render(){return i(s,{key:"7a936b531a5cb0f8cabacc8130822bd272a7ab5a"},i("gux-button-slot",{key:"46a0c892756d4e0c81974d057306b056daea3e6c",accent:"ghost","icon-only":!0},i("button",{key:"5ed71bb7160ba931437e36752afcaf039fcac91f",id:"popover-target",class:{"gux-is-pressed":this.active||this.isOpen},onClick:()=>this.togglePopover(),ref:t=>this.actionButton=t,type:"button",disabled:this.disabled||p(this.root),"aria-label":this.i18n("link"),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("gux-icon",{key:"fca6641a7872036dcfebb4ccb4c2879ff5aef077",size:"small","icon-name":"fa/link-simple-regular",decorative:!0}))),i("gux-popover",{key:"30ef24abc7cb069948419a2759c09dce69ef2864","is-open":this.isOpen,for:"popover-target"},i("div",{key:"5c9942c3b3539d418cae124643f5259fa0551144",class:"gux-popover-content-wrapper"},i("gux-form-field-text-like",{key:"2eb5d50fbfd3f8b815e0cf60585997e72185b6e0"},i("input",{key:"91ce9f756f26903410486b5f6b45a9ade162f9a8",id:"textToDisplay",ref:t=>this.textToDisplayInputElement=t,slot:"input",type:"text"}),i("label",{key:"abe54fc5426cd6dc742adf58d5dae3b20b5fd2c3",slot:"label"},this.i18n("textToDisplay"))),i("gux-form-field-text-like",{key:"6cd3a36e0d7f234c68db3c169bd7fd21a3d1540b"},i("input",{key:"ee0ca8ee8ab5b56540577f00a553e19d8c0517c6",ref:t=>this.linkAddressInputElement=t,slot:"input",type:"text"}),i("label",{key:"dda0d9480bceb9d275653a7adbcb5783d068c267",slot:"label"},this.i18n("linkAddress"))),i("gux-cta-group",{key:"9ca4c2e669c406987e8f7b23cf320748ed9a99d7",align:"end"},i("gux-button",{key:"3aaadb1c31f433e7f079aaee54536509a3777d59",onClick:()=>this.emitLinkOptions(),slot:"primary"},this.i18n("insert")),i("gux-button",{key:"e9bb11e0b56c25367a409fa4edf937b1984f04eb",onClick:()=>this.togglePopover(),slot:"dismiss"},this.i18n("cancel"))))),this.renderTooltip())}get root(){return o(this)}};(function(t,e,i,s){var o,a=arguments.length,c=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(c=(a<3?o(c):a>3?o(e,i,c):o(e,i))||c);a>3&&c&&Object.defineProperty(e,i,c)})([a({triggerEvents:"mousedown"})],b.prototype,"onClickOutside",null),b.style=":host{display:block}gux-popover div.gux-popover-content-wrapper{display:flex;flex-direction:column;gap:var(--gse-ui-popover-gap)}gux-button-slot{inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height)}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}";export{b as gux_rich_text_editor_action_link}
+import{r as t,c as e,h as i,H as s,a as o}from"./p-8p-S7f9X.js";import{O as a}from"./p-CBv64JPn.js";import{t as c}from"./p-DuA81njM.js";import{b as r}from"./p-DyLWs74h.js";import{t as n}from"./p-DN3YAdAX.js";import{b as l}from"./p-Bg4q97BS.js";import{h as p}from"./p-wqCHc7t7.js";import"./p-Cd4R0amv.js";import"./p-DCZG2J0G.js";const b=class{constructor(i){t(this,i),this.linkOptions=e(this,"linkOptions",7),this.disabled=!1,this.active=!1,this.isOpen=!1}get isActive(){return this.active}set isActive(t){this.active=t}onClickOutside(){this.isOpen=!1}onFocusOut(t){t.relatedTarget&&!this.root.contains(t.relatedTarget)&&(this.isOpen=!1)}handleKeydown(t){const e=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,this.actionButton.focus();break;case"ArrowDown":case"Enter":e.includes(this.actionButton)&&(t.preventDefault(),this.isOpen=!0,this.focusTextToDisplayInputElement());break;case"Tab":if(this.isOpen){t.shiftKey&&e.includes(this.textToDisplayInputElement)&&(t.preventDefault(),this.isOpen=!1,this.actionButton.focus());break}}}async componentWillLoad(){c(this.root),this.i18n=await r(this.root,n)}emitLinkOptions(){this.linkOptions.emit({textToDisplay:this.textToDisplayInputElement.value,href:this.linkAddressInputElement.value}),this.textToDisplayInputElement.value=null,this.linkAddressInputElement.value=null,this.isOpen=!1}togglePopover(){this.isOpen=!this.isOpen,this.isOpen?this.focusTextToDisplayInputElement():this.actionButton.focus()}focusTextToDisplayInputElement(){l((()=>{this.textToDisplayInputElement.focus()}))}renderTooltip(){if(!this.disabled)return i("gux-tooltip-beta",{for:"popover-target"},i("div",{slot:"content"},this.i18n("link")))}render(){return i(s,{key:"7a936b531a5cb0f8cabacc8130822bd272a7ab5a"},i("gux-button-slot",{key:"46a0c892756d4e0c81974d057306b056daea3e6c",accent:"ghost","icon-only":!0},i("button",{key:"5ed71bb7160ba931437e36752afcaf039fcac91f",id:"popover-target",class:{"gux-is-pressed":this.active||this.isOpen},onClick:()=>this.togglePopover(),ref:t=>this.actionButton=t,type:"button",disabled:this.disabled||p(this.root),"aria-label":this.i18n("link"),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("gux-icon",{key:"fca6641a7872036dcfebb4ccb4c2879ff5aef077",size:"small","icon-name":"fa/link-simple-regular",decorative:!0}))),i("gux-popover",{key:"30ef24abc7cb069948419a2759c09dce69ef2864","is-open":this.isOpen,for:"popover-target"},i("div",{key:"5c9942c3b3539d418cae124643f5259fa0551144",class:"gux-popover-content-wrapper"},i("gux-form-field-text-like",{key:"2eb5d50fbfd3f8b815e0cf60585997e72185b6e0"},i("input",{key:"91ce9f756f26903410486b5f6b45a9ade162f9a8",id:"textToDisplay",ref:t=>this.textToDisplayInputElement=t,slot:"input",type:"text"}),i("label",{key:"abe54fc5426cd6dc742adf58d5dae3b20b5fd2c3",slot:"label"},this.i18n("textToDisplay"))),i("gux-form-field-text-like",{key:"6cd3a36e0d7f234c68db3c169bd7fd21a3d1540b"},i("input",{key:"ee0ca8ee8ab5b56540577f00a553e19d8c0517c6",ref:t=>this.linkAddressInputElement=t,slot:"input",type:"text"}),i("label",{key:"dda0d9480bceb9d275653a7adbcb5783d068c267",slot:"label"},this.i18n("linkAddress"))),i("gux-cta-group",{key:"9ca4c2e669c406987e8f7b23cf320748ed9a99d7",align:"end"},i("gux-button",{key:"3aaadb1c31f433e7f079aaee54536509a3777d59",onClick:()=>this.emitLinkOptions(),slot:"primary"},this.i18n("insert")),i("gux-button",{key:"e9bb11e0b56c25367a409fa4edf937b1984f04eb",onClick:()=>this.togglePopover(),slot:"dismiss"},this.i18n("cancel"))))),this.renderTooltip())}get root(){return o(this)}};(function(t,e,i,s){var o,a=arguments.length,c=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(c=(a<3?o(c):a>3?o(e,i,c):o(e,i))||c);a>3&&c&&Object.defineProperty(e,i,c)})([a({triggerEvents:"mousedown"})],b.prototype,"onClickOutside",null),b.style=":host{display:block}gux-popover div.gux-popover-content-wrapper{display:flex;flex-direction:column;gap:var(--gse-ui-popover-gap)}gux-button-slot{inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height)}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}";export{b as gux_rich_text_editor_action_link}