@ncino/web-components 3.3.0-preview.2 → 3.3.0-preview.4

package/dist/components/menu/base/gator/menu.gator.js

@@ -1,10 +1,10 @@
-import"../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";import{html as p}from"../../../../node_modules/.pnpm/lit-html@3.2.1/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.1.1/node_modules/lit-element/lit-element.js";import g from"../../../../packages/web-components/src/components/menu/base/gator/menu.gator.scss.js";import w from"../../../../packages/web-components/src/components/menu/menu.tokens.scss.js";import{customElement as _}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";import{NjcMenu as v}from"../menu.js";import{handleDataTestid as d}from"../../../../utils/datatestid-utils.js";import{autoUpdate as b,computePosition as y}from"../../../../node_modules/.pnpm/@floating-ui_dom@1.6.13/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";import{ref as f}from"../../../../node_modules/.pnpm/lit-html@3.2.1/node_modules/lit-html/directives/ref.js";import{unsafeCSS as m}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";var x=Object.getOwnPropertyDescriptor,A=(e,s,l,r)=>{for(var t=r>1?void 0:r?x(s,l):s,o=e.length-1,i;o>=0;o--)(i=e[o])&&(t=i(t)||t);return t};let h=class extends v{constructor(){super(...arguments),this._setListeners=!1,this._dropdownRef=f()}render(){return p`
+import"../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";import{html as m}from"../../../../node_modules/.pnpm/lit-html@3.2.1/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.1.1/node_modules/lit-element/lit-element.js";import p from"../../../../packages/web-components/src/components/menu/base/gator/menu.gator.scss.js";import g from"../../../../packages/web-components/src/components/menu/menu.tokens.scss.js";import{customElement as w}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";import{NjcMenu as _}from"../menu.js";import{handleDataTestid as l}from"../../../../utils/datatestid-utils.js";import{autoUpdate as b,computePosition as v}from"../../../../node_modules/.pnpm/@floating-ui_dom@1.6.13/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";import{ref as c}from"../../../../node_modules/.pnpm/lit-html@3.2.1/node_modules/lit-html/directives/ref.js";import"../../menu-item/gator/menu-item.gator.js";import{unsafeCSS as f}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";var y=Object.getOwnPropertyDescriptor,x=(e,o,i,r)=>{for(var t=r>1?void 0:r?y(o,i):o,s=e.length-1,n;s>=0;s--)(n=e[s])&&(t=n(t)||t);return t};let d=class extends _{constructor(){super(...arguments),this._dropdownRef=c()}render(){return m`
             <div class="gator-dropdown-trigger" @focusout=${this._topLevelFocusOut}>
                 <slot @slotchange="${this.handleTriggerSlotChange}" name="trigger"></slot>
-                <div class="gator-dropdown" ${f(this._dropdownRef)}>
-                    <ul class="gator_dropdown__list" role="menu" aria-label="${this.menuAriaLabel}">
+                <div class="gator-dropdown" ${c(this._dropdownRef)}>
+                    <ul class="gator_dropdown__list" role="menu" aria-label="${this.menuAriaLabel}" @keydown=${this.handleMenuKeydown}>
                         <slot @slotchange="${this.handleItemSlotChange}"></slot>
                     </ul>
                 </div>
             </div>
-        `}updated(){var s;const e=(s=this.shadowRoot)==null?void 0:s.querySelector("[role=menu]");d(e,this.dataTestid,"dropdown"),this._dropdownRef.value&&Object.assign(this._dropdownRef.value.style,{display:this.open?"unset":"none"})}handleTriggerSlotChange(e){e.target.assignedElements().forEach(r=>{var t,o,i,a,u;this._button=(t=r.shadowRoot)==null?void 0:t.querySelector("button"),(o=this._button)==null||o.setAttribute("aria-haspopup","true"),(i=this._button)==null||i.setAttribute("aria-expanded",this.open?"true":"false"),d(this._button,this.dataTestid,"button"),(a=this._button)==null||a.addEventListener("click",()=>{var n;this.open=!this.open,this.focusFirstMenuItem(),(n=this._button)==null||n.setAttribute("aria-expanded",this.open?"true":"false"),this.assignPosition()}),(u=this._button)==null||u.addEventListener("keydown",n=>{n.key==="ArrowDown"&&(this.open=!0,this.focusFirstMenuItem())})})}handleArrowDown(e){var o;e.preventDefault();const s=this.querySelectorAll("ngc-list-item"),l=this.querySelector(":focus");let t=Array.from(s).indexOf(l)+1;t>s.length-1&&(t=0),(o=s[t])==null||o.focus()}focusFirstMenuItem(){setTimeout(()=>{var s;(s=this.querySelectorAll("ngc-list-item")[0])==null||s.focus()})}focusTriggerButton(){var e;(e=this._button)==null||e.focus()}handleItemSlotChange(e){const l=e.target.assignedElements();for(let[r,t]of l.entries()){const o=t.tagName.toLowerCase();if(o==="ngc-menu-item"||o==="ngc-submenu"){t.addEventListener("menuitemclick",()=>{this.handleClose()});let i=t==null?void 0:t.querySelector("ngc-list-item");if(r===0?i==null||i.setAttribute("tabindex","0"):i==null||i.setAttribute("tabindex","-1"),d(t,this.dataTestid,`menu-item-${r}`),!this._setListeners){let a=t==null?void 0:t.querySelectorAll("ngc-list-item");if(a)for(let u of a)u.addEventListener("keydown",n=>{var c;this._setListeners=!0,n.key==="ArrowDown"||n.key==="ArrowRight"?this.handleArrowDown(n):n.key==="ArrowUp"||n.key==="ArrowLeft"?this.handleArrowUp(n):n.key==="Tab"?this.handleClose():n.key==="Escape"&&(this.handleClose(),(c=this._button)==null||c.focus())})}}}}handleArrowUp(e){var o;e.preventDefault();const s=this.querySelectorAll("ngc-list-item"),l=this.querySelector(":focus");let t=Array.from(s).indexOf(l)-1;t<0&&(t=s.length-1),(o=s[t])==null||o.focus()}handleClose(){var e;this.open=!1,(e=this._button)==null||e.setAttribute("aria-expanded","false"),this.focusTriggerButton()}_topLevelFocusOut(e){e.relatedTarget||(this.open=!1)}assignPosition(){const e=this._button;!this._dropdownRef||!this._dropdownRef.value||!e||b(e,this._dropdownRef.value,async()=>{if(!this._dropdownRef||!this._dropdownRef.value||!e)return;const{x:s,y:l,placement:r}=await y(e,this._dropdownRef.value,{placement:this.placement});let t=r==="bottom"?4:-4;Object.assign(this._dropdownRef.value.style,{left:`${s}px`,top:`${l+t}px`})})}};h.styles=[m(g),m(w)];h=A([_("ngc-menu")],h);export{h as NgcMenu};
+        `}updated(){var o;const e=(o=this.shadowRoot)==null?void 0:o.querySelector("[role=menu]");l(e,this.dataTestid,"dropdown"),this._dropdownRef.value&&Object.assign(this._dropdownRef.value.style,{display:this.open?"unset":"none"})}handleTriggerSlotChange(e){e.target.assignedElements().forEach(r=>{var t,s,n,u,h;this._button=(t=r.shadowRoot)==null?void 0:t.querySelector("button"),(s=this._button)==null||s.setAttribute("aria-haspopup","true"),(n=this._button)==null||n.setAttribute("aria-expanded",this.open?"true":"false"),l(this._button,this.dataTestid,"button"),(u=this._button)==null||u.addEventListener("click",()=>{var a;this.open=!this.open,this.focusFirstMenuItem(),(a=this._button)==null||a.setAttribute("aria-expanded",this.open?"true":"false"),this.assignPosition()}),(h=this._button)==null||h.addEventListener("keydown",a=>{a.key==="ArrowDown"&&(this.open=!0,this.focusFirstMenuItem())})})}handleMenuKeydown(e){var o;e.key==="ArrowDown"||e.key==="ArrowRight"?this.handleArrowDown(e):e.key==="ArrowUp"||e.key==="ArrowLeft"?this.handleArrowUp(e):e.key==="Tab"?this.handleClose():e.key==="Escape"&&(this.handleClose(),(o=this._button)==null||o.focus())}handleArrowDown(e){var s;e.preventDefault();const o=this.querySelectorAll("ngc-list-item"),i=this.querySelector(":focus");let t=Array.from(o).indexOf(i)+1;t>o.length-1&&(t=0),(s=o[t])==null||s.focus()}focusFirstMenuItem(){setTimeout(()=>{var o;(o=this.querySelectorAll("ngc-list-item")[0])==null||o.focus()})}focusTriggerButton(){requestAnimationFrame(()=>{var e;(e=this._button)==null||e.focus()})}handleItemSlotChange(e){const i=e.target.assignedElements();for(let[r,t]of i.entries()){const s=t.tagName.toLowerCase();if(s==="ngc-menu-item"||s==="ngc-submenu"){t.addEventListener("menuitemclick",()=>{this.handleClose()}),l(t,this.dataTestid,`menu-item-${r}`);let n=t==null?void 0:t.querySelector("ngc-list-item");r===0?n==null||n.setAttribute("tabindex","0"):n==null||n.setAttribute("tabindex","-1")}}}handleArrowUp(e){var s;e.preventDefault();const o=this.querySelectorAll("ngc-list-item"),i=this.querySelector(":focus");let t=Array.from(o).indexOf(i)-1;t<0&&(t=o.length-1),(s=o[t])==null||s.focus()}handleClose(){var e;this.open=!1,(e=this._button)==null||e.setAttribute("aria-expanded","false"),this.focusTriggerButton()}_topLevelFocusOut(e){e.relatedTarget||(this.open=!1)}assignPosition(){const e=this._button;!this._dropdownRef||!this._dropdownRef.value||!e||b(e,this._dropdownRef.value,async()=>{if(!this._dropdownRef||!this._dropdownRef.value||!e)return;const{x:o,y:i,placement:r}=await v(e,this._dropdownRef.value,{placement:this.placement});let t=r==="bottom"?4:-4;Object.assign(this._dropdownRef.value.style,{left:`${o}px`,top:`${i+t}px`})})}};d.styles=[f(p),f(g)];d=x([w("ngc-menu")],d);export{d as NgcMenu};

package/dist/components/menu/menu-item/menu-item.js

@@ -1 +1 @@
-import"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";import"../../../node_modules/.pnpm/lit-html@3.2.1/node_modules/lit-html/lit-html.js";import{LitElement as o}from"../../../node_modules/.pnpm/lit-element@4.1.1/node_modules/lit-element/lit-element.js";import{property as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";import{KEY_CONSTANTS as p}from"../../../consts/key-constants.js";var a=Object.defineProperty,l=(r,t,s,v)=>{for(var e=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(e=i(t,s,e)||e);return e&&a(t,s,e),e};class u extends o{constructor(){super(...arguments),this.value=""}handleItemKeydown(t){t.key===p.SPACE&&this.sendEvent()}handleItemClick(){this.sendEvent()}sendEvent(){this.dispatchEvent(new CustomEvent("menuitemclick",{bubbles:!0,composed:!0,detail:{value:this.value}}))}}l([m({type:String})],u.prototype,"value");export{u as NjcMenuItem};
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";import"../../../node_modules/.pnpm/lit-html@3.2.1/node_modules/lit-html/lit-html.js";import{LitElement as m}from"../../../node_modules/.pnpm/lit-element@4.1.1/node_modules/lit-element/lit-element.js";import{property as p}from"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";import{KEY_CONSTANTS as o}from"../../../consts/key-constants.js";var a=Object.defineProperty,l=(r,t,s,v)=>{for(var e=void 0,n=r.length-1,i;n>=0;n--)(i=r[n])&&(e=i(t,s,e)||e);return e&&a(t,s,e),e};class u extends m{constructor(){super(...arguments),this.value=""}handleItemKeydown(t){(t.key===o.SPACE||t.key===o.ENTER)&&this.sendEvent()}handleItemClick(){this.sendEvent()}sendEvent(){this.dispatchEvent(new CustomEvent("menuitemclick",{bubbles:!0,composed:!0,detail:{value:this.value}}))}}l([p({type:String})],u.prototype,"value");export{u as NjcMenuItem};

package/dist/index.gator.js

@@ -1 +1 @@
-import*as o from"./components/accordion/gator/base/accordion.gator.js";import*as t from"./components/accordion/gator/group/accordion-group.gator.js";import*as r from"./components/alert/gator/base/alert.gator.js";import*as a from"./components/alert/gator/subtitle/alert-subtitle.gator.js";import*as e from"./components/alert/gator/title/alert-title.gator.js";import*as p from"./components/avatar/gator/avatar.gator.js";import"./components/badge/slds/badge.slds.js";import*as n from"./components/badge/gator/badge.gator.js";import*as s from"./components/banner/gator/banner.gator.js";import*as m from"./components/boolean/boolean.gator.js";import*as g from"./components/breadcrumbs/gator/container/breadcrumbs.gator.js";import"./components/button/slds/button.slds.js";import*as i from"./components/button/gator/button.gator.js";import*as x from"./components/button-card/gator/button-card.gator.js";import*as l from"./components/card/gator/base/card.gator.js";import*as d from"./components/card/gator/header/card-header.gator.js";import*as u from"./components/card/gator/content/card-content.gator.js";import*as f from"./components/card/gator/footer/card-footer.gator.js";import*as N from"./components/checkbox/checkbox.gator.js";import*as b from"./components/checkbox-group/checkbox-group.gator.js";import*as C from"./components/chip/gator/chip.gator.js";import*as h from"./components/display-card/gator/display-card.gator.js";import*as T from"./components/divider/gator/divider.gator.js";import*as B from"./components/fab/gator/fab.gator.js";import*as I from"./components/headline-card/gator/headline-card.gator.js";import*as k from"./components/input/gator/input-currency/input-currency.gator.js";import*as L from"./components/input/gator/input-label/input-label.gator.js";import*as S from"./components/input/gator/help-text/help-text.gator.js";import*as G from"./components/input/gator/input-text/input-text.gator.js";import*as v from"./components/input/gator/input-textarea/input-textarea.gator.js";import*as w from"./components/input/gator/input-masked/input-masked.gator.js";import*as P from"./components/input/gator/input-phone/input-phone.gator.js";import*as F from"./components/input/gator/dropdown/input-dropdown.gator.js";import*as D from"./components/input/gator/input-file/input-file.gator.js";import*as H from"./components/input/gator/input-file/file-uploaded-preview/file-upload-preview.gator.js";import*as y from"./components/input/gator/input-search/input-search.gator.js";import"./components/icon/slds/icon.slds.js";import*as M from"./components/icon/gator/icon.gator.js";import*as U from"./components/icon-button/gator/icon-button.gator.js";import*as R from"./components/list/gator/list/list.gator.js";import*as j from"./components/list/gator/list-item/list-item.gator.js";import*as q from"./components/loading-spinner/gator/loading-spinner.gator.js";import"./components/menu/base/slds/menu.slds.js";import*as E from"./components/menu/base/gator/menu.gator.js";import"./components/menu/menu-divider/menu-divider.slds.js";import"./components/menu/menu-item/slds/menu-item.slds.js";import*as O from"./components/menu/menu-item/gator/menu-item.gator.js";import"./components/menu/menu-submenu/menu-submenu.slds.js";import*as V from"./components/modal/gator/modal.gator.js";import*as W from"./components/page-header/gator/page-header.gator.js";import*as X from"./components/panel/gator/panel.gator.js";import*as Y from"./components/progress-bar/gator/progress-bar.gator.js";import*as Z from"./components/radio/radio.gator.js";import*as $ from"./components/radio-group/radio-group.gator.js";import*as oo from"./components/selection-box/selection-box.gator.js";import*as to from"./components/selection-box-group/selection-box-group.gator.js";import*as ro from"./components/skeleton-loader/gator/skeleton-loader.gator.js";import*as ao from"./components/switch/gator/switch.gator.js";import*as eo from"./components/tabs/gator/tabset/tabset.gator.js";import*as po from"./components/tabs/gator/tab/tab.gator.js";import*as _o from"./components/text-detail/gator/text-detail.gator.js";import*as no from"./components/text-link/gator/text-link.gator.js";import*as so from"./components/toast/gator/base/toast.gator.js";import*as mo from"./components/tooltip/gator/tooltip.gator.js";import"./components/tooltip/slds/tooltip.slds.js";import*as co from"./components/table/gator/table.gator.js";import*as io from"./components/table/gator/table-controls/table-controls.gator.js";export{o as NgcAccordion,t as NgcAccordionGroup,r as NgcAlert,a as NgcAlertSubtitle,e as NgcAlertTitle,p as NgcAvatar,n as NgcBadge,s as NgcBanner,m as NgcBoolean,g as NgcBreadcrumbs,i as NgcButton,x as NgcButtonCard,l as NgcCard,u as NgcCardContent,f as NgcCardFooter,d as NgcCardHeader,N as NgcCheckbox,b as NgcCheckboxGroup,C as NgcChip,h as NgcDisplayCard,T as NgcDivider,B as NgcFab,I as NgcHeadlineCard,S as NgcHelpText,M as NgcIcon,U as NgcIconButton,k as NgcInputCurrency,F as NgcInputDropdown,D as NgcInputFile,H as NgcInputFileUploadedPreview,L as NgcInputLabel,w as NgcInputMasked,P as NgcInputPhone,y as NgcInputSearch,G as NgcInputText,v as NgcInputTextarea,R as NgcList,j as NgcListItem,q as NgcLoadingSpinner,E as NgcMenu,O as NgcMenuItem,V as NgcModal,W as NgcPageHeader,X as NgcPanel,Y as NgcProgressBar,Z as NgcRadio,$ as NgcRadioGroup,oo as NgcSelectionBox,to as NgcSelectionBoxGroup,ro as NgcSkeletonLoader,ao as NgcSwitch,po as NgcTab,co as NgcTable,io as NgcTableControls,eo as NgcTabs,_o as NgcTextDetail,no as NgcTextLink,so as NgcToast,mo as NgcTooltip};
+import*as o from"./components/accordion/gator/base/accordion.gator.js";import*as t from"./components/accordion/gator/group/accordion-group.gator.js";import*as r from"./components/alert/gator/base/alert.gator.js";import*as a from"./components/alert/gator/subtitle/alert-subtitle.gator.js";import*as e from"./components/alert/gator/title/alert-title.gator.js";import*as p from"./components/avatar/gator/avatar.gator.js";import"./components/badge/slds/badge.slds.js";import*as n from"./components/badge/gator/badge.gator.js";import*as s from"./components/banner/gator/banner.gator.js";import*as m from"./components/boolean/boolean.gator.js";import*as g from"./components/breadcrumbs/gator/container/breadcrumbs.gator.js";import"./components/button/slds/button.slds.js";import*as i from"./components/button/gator/button.gator.js";import*as x from"./components/button-card/gator/button-card.gator.js";import*as u from"./components/button-group/gator/button-group.gator.js";import*as l from"./components/card/gator/base/card.gator.js";import*as d from"./components/card/gator/header/card-header.gator.js";import*as f from"./components/card/gator/content/card-content.gator.js";import*as N from"./components/card/gator/footer/card-footer.gator.js";import*as b from"./components/checkbox/checkbox.gator.js";import*as C from"./components/checkbox-group/checkbox-group.gator.js";import*as h from"./components/chip/gator/chip.gator.js";import*as B from"./components/display-card/gator/display-card.gator.js";import*as T from"./components/divider/gator/divider.gator.js";import*as I from"./components/fab/gator/fab.gator.js";import*as k from"./components/headline-card/gator/headline-card.gator.js";import*as G from"./components/input/gator/input-currency/input-currency.gator.js";import*as L from"./components/input/gator/input-label/input-label.gator.js";import*as S from"./components/input/gator/help-text/help-text.gator.js";import*as v from"./components/input/gator/input-text/input-text.gator.js";import*as w from"./components/input/gator/input-textarea/input-textarea.gator.js";import*as P from"./components/input/gator/input-masked/input-masked.gator.js";import*as F from"./components/input/gator/input-phone/input-phone.gator.js";import*as D from"./components/input/gator/dropdown/input-dropdown.gator.js";import*as H from"./components/input/gator/input-file/input-file.gator.js";import*as y from"./components/input/gator/input-file/file-uploaded-preview/file-upload-preview.gator.js";import*as A from"./components/input/gator/input-search/input-search.gator.js";import"./components/icon/slds/icon.slds.js";import*as U from"./components/icon/gator/icon.gator.js";import*as R from"./components/icon-button/gator/icon-button.gator.js";import*as j from"./components/list/gator/list/list.gator.js";import*as q from"./components/list/gator/list-item/list-item.gator.js";import*as z from"./components/loading-spinner/gator/loading-spinner.gator.js";import"./components/menu/base/slds/menu.slds.js";import*as J from"./components/menu/base/gator/menu.gator.js";import"./components/menu/menu-divider/menu-divider.slds.js";import"./components/menu/menu-item/slds/menu-item.slds.js";import*as Q from"./components/menu/menu-item/gator/menu-item.gator.js";import"./components/menu/menu-submenu/menu-submenu.slds.js";import*as W from"./components/modal/gator/modal.gator.js";import*as X from"./components/page-header/gator/page-header.gator.js";import*as Y from"./components/panel/gator/panel.gator.js";import*as Z from"./components/progress-bar/gator/progress-bar.gator.js";import*as $ from"./components/radio/radio.gator.js";import*as oo from"./components/radio-group/radio-group.gator.js";import*as to from"./components/selection-box/selection-box.gator.js";import*as ro from"./components/selection-box-group/selection-box-group.gator.js";import*as ao from"./components/skeleton-loader/gator/skeleton-loader.gator.js";import*as eo from"./components/switch/gator/switch.gator.js";import*as po from"./components/tabs/gator/tabset/tabset.gator.js";import*as _o from"./components/tabs/gator/tab/tab.gator.js";import*as no from"./components/text-detail/gator/text-detail.gator.js";import*as so from"./components/text-link/gator/text-link.gator.js";import*as mo from"./components/toast/gator/base/toast.gator.js";import*as go from"./components/tooltip/gator/tooltip.gator.js";import"./components/tooltip/slds/tooltip.slds.js";import*as io from"./components/table/gator/table.gator.js";import*as xo from"./components/table/gator/table-controls/table-controls.gator.js";export{o as NgcAccordion,t as NgcAccordionGroup,r as NgcAlert,a as NgcAlertSubtitle,e as NgcAlertTitle,p as NgcAvatar,n as NgcBadge,s as NgcBanner,m as NgcBoolean,g as NgcBreadcrumbs,i as NgcButton,x as NgcButtonCard,u as NgcButtonGroup,l as NgcCard,f as NgcCardContent,N as NgcCardFooter,d as NgcCardHeader,b as NgcCheckbox,C as NgcCheckboxGroup,h as NgcChip,B as NgcDisplayCard,T as NgcDivider,I as NgcFab,k as NgcHeadlineCard,S as NgcHelpText,U as NgcIcon,R as NgcIconButton,G as NgcInputCurrency,D as NgcInputDropdown,H as NgcInputFile,y as NgcInputFileUploadedPreview,L as NgcInputLabel,P as NgcInputMasked,F as NgcInputPhone,A as NgcInputSearch,v as NgcInputText,w as NgcInputTextarea,j as NgcList,q as NgcListItem,z as NgcLoadingSpinner,J as NgcMenu,Q as NgcMenuItem,W as NgcModal,X as NgcPageHeader,Y as NgcPanel,Z as NgcProgressBar,$ as NgcRadio,oo as NgcRadioGroup,to as NgcSelectionBox,ro as NgcSelectionBoxGroup,ao as NgcSkeletonLoader,eo as NgcSwitch,_o as NgcTab,io as NgcTable,xo as NgcTableControls,po as NgcTabs,no as NgcTextDetail,so as NgcTextLink,mo as NgcToast,go as NgcTooltip};

package/dist/packages/web-components/src/components/button-group/gator/button-group.gator.scss.js

@@ -0,0 +1 @@
+const o=".gator-button-group{display:flex;align-items:center;gap:var(--ngc-button-group-gap, 1rem)}.gator-button-group_horizontal{flex-direction:row}.gator-button-group_stacked{flex-direction:column}::slotted(.gator-button-group_overflow){display:flex;position:absolute;visibility:hidden;height:auto;overflow:hidden;white-space:nowrap}";export{o as default};

package/dist/types/components/accordion/gator/base/accordion.gator.d.ts

@@ -3,6 +3,12 @@ import { NjcAccordion } from '../../accordion.ts';
  * @slot - The content within the expandable body of the accordion
  */
 export declare class NgcAccordion extends NjcAccordion {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
     static styles: import('lit').CSSResult[];
     private _insideCard;
     constructor();

package/dist/types/components/button-group/gator/button-group.gator.d.ts

@@ -0,0 +1,25 @@
+import { PropertyValueMap } from 'lit';
+import { NgcComponent } from '../../../utils/components/ngc-component';
+import { NJC_BUTTON_SIZES } from '../../button/button';
+export type NGC_BUTTON_GROUP_ORIENTATION = 'horizontal' | 'stacked';
+export declare class NgcButtonGroup extends NgcComponent {
+    orientation: NGC_BUTTON_GROUP_ORIENTATION;
+    size: NJC_BUTTON_SIZES;
+    static styles: import('lit').CSSResult[];
+    private overflowButtons;
+    private _overflowMenuIconWidth;
+    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): Promise<void>;
+    render(): import('lit').TemplateResult<1>;
+    private handleSlotChange;
+    get overflowMenuPlacement(): "top" | "bottom-end";
+    getMenuItemText(button: Element): string;
+    private calculateOverflow;
+    private setButtonSizes;
+    private getOverflowMenuIconSize;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ngc-button-group': NgcButtonGroup;
+    }
+}

package/dist/types/components/button-group/index.d.ts

@@ -0,0 +1 @@
+export * as NgcButtonGroup from './gator/button-group.gator.ts';

package/dist/types/components/chip/gator/chip.gator.d.ts

@@ -3,6 +3,12 @@ import { NjcChip } from '../chip.ts';
  * @slot - The content within the button
  */
 export declare class NgcChip extends NjcChip {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
     static styles: import('lit').CSSResult[];
     render(): import('lit').TemplateResult<1>;
     get chipMarkup(): import('lit').TemplateResult<1>;

package/dist/types/components/menu/base/gator/menu.gator.d.ts

@@ -1,12 +1,12 @@
 import { NjcMenu } from '../menu.ts';
 export declare class NgcMenu extends NjcMenu {
     static styles: import('lit').CSSResult[];
-    private _setListeners;
     private _button;
     private _dropdownRef;
     render(): import('lit').TemplateResult<1>;
     updated(): void;
     handleTriggerSlotChange(e: Event): void;
+    handleMenuKeydown(e: KeyboardEvent): void;
     handleArrowDown(e: KeyboardEvent): void;
     focusFirstMenuItem(): void;
     focusTriggerButton(): void;

package/dist/types/index.gator.d.ts

@@ -7,6 +7,7 @@ export { NgcBoolean } from './components/boolean';
 export { NgcBreadcrumbs } from './components/breadcrumbs';
 export { NgcButton } from './components/button';
 export { NgcButtonCard } from './components/button-card';
+export { NgcButtonGroup } from './components/button-group';
 export { NgcCard, NgcCardHeader, NgcCardContent, NgcCardFooter } from './components/card';
 export { NgcCheckbox } from './components/checkbox';
 export { NgcCheckboxGroup } from './components/checkbox-group';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ncino/web-components",
     "author": "nCino",
-    "version": "3.3.0-preview.2",
+    "version": "3.3.0-preview.4",
     "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"