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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/components/button-group/gator/button-group.gator.js +20 -0
  2. package/dist/components/button-group/index.js +1 -0
  3. package/dist/components/menu/base/gator/menu.gator.js +4 -4
  4. package/dist/components/menu/menu-item/menu-item.js +1 -1
  5. package/dist/index.gator.js +1 -1
  6. package/dist/packages/web-components/src/components/button-group/gator/button-group.gator.scss.js +1 -0
  7. package/dist/types/components/button-group/gator/button-group.gator.d.ts +25 -0
  8. package/dist/types/components/button-group/gator/button-group.gator.test.d.ts +0 -0
  9. package/dist/types/components/button-group/index.d.ts +1 -0
  10. package/dist/types/components/menu/base/gator/menu.gator.d.ts +1 -1
  11. package/dist/types/index.gator.d.ts +1 -0
  12. package/package.json +1 -1
  13. package/web-types.json +418 -377
package/dist/components/button-group/gator/button-group.gator.js ADDED
@@ -0,0 +1,20 @@
1
+ import"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";import{html as c}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{customElement as p}from"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as h}from"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";import{state as d}from"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/state.js";import{NgcButton as u}from"../../button/gator/button.gator.js";import"../../menu/base/gator/menu.gator.js";import{NgcIconButton as f}from"../../icon-button/gator/icon-button.gator.js";import{NgcComponent as m}from"../../../utils/components/ngc-component.js";import g from"../../../packages/web-components/src/components/button-group/gator/button-group.gator.scss.js";import{msg as v}from"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import{localized as w}from"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/internal/localized-decorator.js";import"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import{unsafeCSS as z}from"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";var B=Object.defineProperty,y=Object.getOwnPropertyDescriptor,l=(t,o,e,s)=>{for(var i=s>1?void 0:s?y(o,e):o,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(s?n(o,e,i):n(i))||i);return s&&i&&B(o,e,i),i};let a=class extends m{constructor(){super(...arguments),this.orientation="horizontal",this.size="medium",this.overflowButtons=[],this._overflowMenuIconWidth=void 0}firstUpdated(t){super.firstUpdated(t),window.addEventListener("resize",()=>this.calculateOverflow())}async updated(t){super.updated(t),t.has("orientation")&&this.calculateOverflow(),t.has("size")&&(await this.getOverflowMenuIconSize(),this.setButtonSizes(),this.calculateOverflow())}render(){return c`
2
+ <div class="gator-button-group gator-button-group_${this.orientation}">
3
+ <slot @slotchange="${this.handleSlotChange}"></slot>
4
+ ${this.overflowButtons.length>0?c`
5
+ <ngc-menu>
6
+ <ngc-icon-button
7
+ slot="trigger"
8
+ icon-name="overflow-menu"
9
+ aria-label="${v("Overflow buttons")}"
10
+ .size="${this.size}"
11
+ ></ngc-icon-button>
12
+ ${this.overflowButtons.map(t=>c`
13
+ <ngc-menu-item
14
+ value="${this.getMenuItemText(t)}"
15
+ @menuitemclick=${()=>t.dispatchEvent(new Event("click"))}
16
+ ></ngc-menu-item>
17
+ `)}
18
+ </ngc-menu>`:""}
19
+ </div>
20
+ `}handleSlotChange(){this.calculateOverflow()}get overflowMenuPlacement(){return this.orientation==="stacked"?"top":"bottom-end"}getMenuItemText(t){return t instanceof u?t.textContent||"":t instanceof f&&(t.buttonAriaLabel||t.iconName)||""}async calculateOverflow(){var i,r;const t=this.orientation==="horizontal"?this.offsetWidth:this.offsetHeight;this._overflowMenuIconWidth||await this.getOverflowMenuIconSize();let o=this._overflowMenuIconWidth||0;const e=[];(((r=(i=this.shadowRoot)==null?void 0:i.querySelector("slot"))==null?void 0:r.assignedElements())||[]).forEach(n=>{o+=this.orientation==="horizontal"?n.clientWidth:n.clientHeight,o>t?(n.classList.add("gator-button-group_overflow"),e.push(n)):n.classList.remove("gator-button-group_overflow")}),this.overflowButtons=e}setButtonSizes(){var o,e;((e=(o=this.shadowRoot)==null?void 0:o.querySelector("slot"))==null?void 0:e.assignedNodes()).forEach(s=>{(s instanceof u||s instanceof f)&&(s.size=this.size)})}async getOverflowMenuIconSize(){var o,e;const t=document.createElement("ngc-icon-button");t.iconName="overflow-menu",t.size=this.size,(o=this.shadowRoot)==null||o.appendChild(t),await new Promise(requestAnimationFrame),this._overflowMenuIconWidth=t.offsetWidth,(e=this.shadowRoot)==null||e.removeChild(t)}};a.styles=[...m.styles,z(g)];l([h({type:String})],a.prototype,"orientation",2);l([h({type:String})],a.prototype,"size",2);l([d()],a.prototype,"overflowButtons",2);a=l([p("ngc-button-group"),w()],a);export{a as NgcButtonGroup};
package/dist/components/button-group/index.js ADDED
@@ -0,0 +1 @@
1
+ import*as o from"./gator/button-group.gator.js";export{o as NgcButtonGroup};
package/dist/components/menu/base/gator/menu.gator.js CHANGED
@@ -1,10 +1,10 @@
1
- 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`
1
+ 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`
2
2
  <div class="gator-dropdown-trigger" @focusout=${this._topLevelFocusOut}>
3
3
  <slot @slotchange="${this.handleTriggerSlotChange}" name="trigger"></slot>
4
- <div class="gator-dropdown" ${f(this._dropdownRef)}>
5
- <ul class="gator_dropdown__list" role="menu" aria-label="${this.menuAriaLabel}">
4
+ <div class="gator-dropdown" ${c(this._dropdownRef)}>
5
+ <ul class="gator_dropdown__list" role="menu" aria-label="${this.menuAriaLabel}" @keydown=${this.handleMenuKeydown}>
6
6
  <slot @slotchange="${this.handleItemSlotChange}"></slot>
7
7
  </ul>
8
8
  </div>
9
9
  </div>
10
- `}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};
10
+ `}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 CHANGED
@@ -1 +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};
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 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 CHANGED
@@ -1 +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};
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 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 ADDED
@@ -0,0 +1 @@
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/button-group/gator/button-group.gator.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import { PropertyValueMap } from 'lit';
2
+ import { NgcComponent } from '../../../utils/components/ngc-component';
3
+ import { NJC_BUTTON_SIZES } from '../../button/button';
4
+ export type NGC_BUTTON_GROUP_ORIENTATION = 'horizontal' | 'stacked';
5
+ export declare class NgcButtonGroup extends NgcComponent {
6
+ orientation: NGC_BUTTON_GROUP_ORIENTATION;
7
+ size: NJC_BUTTON_SIZES;
8
+ static styles: import('lit').CSSResult[];
9
+ private overflowButtons;
10
+ private _overflowMenuIconWidth;
11
+ protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
12
+ protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): Promise<void>;
13
+ render(): import('lit').TemplateResult<1>;
14
+ private handleSlotChange;
15
+ get overflowMenuPlacement(): "top" | "bottom-end";
16
+ getMenuItemText(button: Element): string;
17
+ private calculateOverflow;
18
+ private setButtonSizes;
19
+ private getOverflowMenuIconSize;
20
+ }
21
+ declare global {
22
+ interface HTMLElementTagNameMap {
23
+ 'ngc-button-group': NgcButtonGroup;
24
+ }
25
+ }
package/dist/types/components/button-group/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * as NgcButtonGroup from './gator/button-group.gator.ts';
package/dist/types/components/menu/base/gator/menu.gator.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import { NjcMenu } from '../menu.ts';
2
2
  export declare class NgcMenu extends NjcMenu {
3
3
  static styles: import('lit').CSSResult[];
4
- private _setListeners;
5
4
  private _button;
6
5
  private _dropdownRef;
7
6
  render(): import('lit').TemplateResult<1>;
8
7
  updated(): void;
9
8
  handleTriggerSlotChange(e: Event): void;
9
+ handleMenuKeydown(e: KeyboardEvent): void;
10
10
  handleArrowDown(e: KeyboardEvent): void;
11
11
  focusFirstMenuItem(): void;
12
12
  focusTriggerButton(): void;
package/dist/types/index.gator.d.ts CHANGED
@@ -7,6 +7,7 @@ export { NgcBoolean } from './components/boolean';
7
7
  export { NgcBreadcrumbs } from './components/breadcrumbs';
8
8
  export { NgcButton } from './components/button';
9
9
  export { NgcButtonCard } from './components/button-card';
10
+ export { NgcButtonGroup } from './components/button-group';
10
11
  export { NgcCard, NgcCardHeader, NgcCardContent, NgcCardFooter } from './components/card';
11
12
  export { NgcCheckbox } from './components/checkbox';
12
13
  export { NgcCheckboxGroup } from './components/checkbox-group';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ncino/web-components",
3
3
  "author": "nCino",
4
- "version": "3.3.0-preview.3",
4
+ "version": "3.3.0-preview.4",
5
5
  "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
6
6
  "publishConfig": {
7
7
  "registry": "https://registry.npmjs.org/"
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@ncino/web-components",
4
- "version": "3.3.0-preview.2",
4
+ "version": "3.3.0-preview.3",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -1173,6 +1173,403 @@
1173
1173
  "events": [{ "name": "click", "type": "CustomEvent" }]
1174
1174
  }
1175
1175
  },
1176
+ {
1177
+ "name": "ngc-tooltip",
1178
+ "description": "\n---\n\n\n### **Methods:**\n - **assignPosition()** - Override this function to use floating UI autoUpdate and computePosition",
1179
+ "doc-url": "",
1180
+ "attributes": [
1181
+ {
1182
+ "name": "reference-id",
1183
+ "value": { "type": "string", "default": "''" }
1184
+ },
1185
+ {
1186
+ "name": "placement",
1187
+ "value": { "type": "Placement", "default": "'top-end'" }
1188
+ },
1189
+ {
1190
+ "name": "x-offset",
1191
+ "value": { "type": "number", "default": "0" }
1192
+ },
1193
+ {
1194
+ "name": "y-offset",
1195
+ "value": { "type": "number", "default": "0" }
1196
+ },
1197
+ {
1198
+ "name": "data-testid",
1199
+ "value": { "type": "string | undefined", "default": "undefined" }
1200
+ }
1201
+ ],
1202
+ "events": [],
1203
+ "js": {
1204
+ "properties": [
1205
+ { "name": "xPositionOffset" },
1206
+ { "name": "yPositionOffset" },
1207
+ { "name": "nubbinPositionClass" },
1208
+ { "name": "referenceId", "type": "string" },
1209
+ { "name": "placement", "type": "Placement" },
1210
+ { "name": "xOffset", "type": "number" },
1211
+ { "name": "yOffset", "type": "number" },
1212
+ { "name": "_tooltipRef", "type": "Ref<HTMLElement>" },
1213
+ { "name": "_cleanup", "type": "(() => void) | undefined" },
1214
+ { "name": "tooltipId" },
1215
+ { "name": "referenceElement" },
1216
+ { "name": "dataTestid", "type": "string | undefined" },
1217
+ { "name": "labelDataTestid" },
1218
+ { "name": "helpTextDataTestid" },
1219
+ { "name": "errorMessageDataTestid" }
1220
+ ],
1221
+ "events": []
1222
+ }
1223
+ },
1224
+ {
1225
+ "name": "ngc-list-item",
1226
+ "description": "\n---\n\n\n### **Events:**\n - **selected**",
1227
+ "doc-url": "",
1228
+ "attributes": [
1229
+ { "name": "id", "value": { "type": "string", "default": "''" } },
1230
+ { "name": "text", "value": { "type": "string", "default": "''" } },
1231
+ { "name": "value", "value": { "type": "string", "default": "''" } },
1232
+ {
1233
+ "name": "subtitle",
1234
+ "value": { "type": "string | null", "default": "null" }
1235
+ },
1236
+ {
1237
+ "name": "density",
1238
+ "value": { "type": "string", "default": "'default'" }
1239
+ },
1240
+ {
1241
+ "name": "selectable",
1242
+ "value": { "type": "boolean", "default": "false" }
1243
+ },
1244
+ {
1245
+ "name": "selected",
1246
+ "value": { "type": "boolean", "default": "false" }
1247
+ },
1248
+ {
1249
+ "name": "multiselect",
1250
+ "value": { "type": "boolean", "default": "false" }
1251
+ },
1252
+ {
1253
+ "name": "end-icon",
1254
+ "value": { "type": "string | null", "default": "null" }
1255
+ },
1256
+ {
1257
+ "name": "start-icon",
1258
+ "value": { "type": "string | null", "default": "null" }
1259
+ },
1260
+ {
1261
+ "name": "current-list-item",
1262
+ "value": { "type": "boolean", "default": "false" }
1263
+ },
1264
+ {
1265
+ "name": "faux-focus",
1266
+ "value": { "type": "boolean", "default": "false" }
1267
+ },
1268
+ {
1269
+ "name": "icon-only",
1270
+ "value": { "type": "boolean", "default": "false" }
1271
+ },
1272
+ {
1273
+ "name": "hide-checkmark",
1274
+ "value": { "type": "boolean", "default": "false" }
1275
+ },
1276
+ {
1277
+ "name": "role",
1278
+ "value": { "type": "string | null", "default": "null" }
1279
+ },
1280
+ {
1281
+ "name": "data-testid",
1282
+ "value": { "type": "string | undefined", "default": "undefined" }
1283
+ }
1284
+ ],
1285
+ "events": [{ "name": "selected", "type": "CustomEvent" }],
1286
+ "js": {
1287
+ "properties": [
1288
+ { "name": "id", "type": "string" },
1289
+ { "name": "text", "type": "string" },
1290
+ { "name": "value", "type": "string" },
1291
+ { "name": "subtitle", "type": "string | null" },
1292
+ { "name": "density", "type": "string" },
1293
+ { "name": "selectable", "type": "boolean" },
1294
+ { "name": "selected", "type": "boolean" },
1295
+ { "name": "multiselect", "type": "boolean" },
1296
+ { "name": "endIcon", "type": "string | null" },
1297
+ { "name": "startIcon", "type": "string | null" },
1298
+ { "name": "currentListItem", "type": "boolean" },
1299
+ { "name": "fauxFocus", "type": "boolean" },
1300
+ { "name": "iconOnly", "type": "boolean" },
1301
+ { "name": "hideCheckmark", "type": "boolean" },
1302
+ { "name": "role", "type": "string | null" },
1303
+ { "name": "falseFocusing", "type": "boolean" },
1304
+ { "name": "listItemRef", "type": "Ref<HTMLLIElement>" },
1305
+ { "name": "elementRole" },
1306
+ { "name": "replacedStringId" },
1307
+ { "name": "listItemDensityClass" },
1308
+ { "name": "tabIndex" },
1309
+ { "name": "selectableClass" },
1310
+ { "name": "subtitleSpacerElement" },
1311
+ { "name": "listItemSelectedClass" },
1312
+ { "name": "interactionIconContent" },
1313
+ { "name": "leftIconContent" },
1314
+ { "name": "rightIconContent" },
1315
+ { "name": "falseFocusClass" },
1316
+ { "name": "dataTestid", "type": "string | undefined" },
1317
+ { "name": "labelDataTestid" },
1318
+ { "name": "helpTextDataTestid" },
1319
+ { "name": "errorMessageDataTestid" }
1320
+ ],
1321
+ "events": [{ "name": "selected", "type": "CustomEvent" }]
1322
+ }
1323
+ },
1324
+ {
1325
+ "name": "ngc-menu-item",
1326
+ "description": "\n---\n\n\n### **Events:**\n - **menuitemclick**",
1327
+ "doc-url": "",
1328
+ "attributes": [
1329
+ {
1330
+ "name": "value",
1331
+ "description": "The value and text displayed of the menu item",
1332
+ "value": { "type": "string", "default": "''" }
1333
+ }
1334
+ ],
1335
+ "events": [{ "name": "menuitemclick", "type": "CustomEvent" }],
1336
+ "js": {
1337
+ "properties": [
1338
+ {
1339
+ "name": "value",
1340
+ "description": "The value and text displayed of the menu item",
1341
+ "type": "string"
1342
+ }
1343
+ ],
1344
+ "events": [{ "name": "menuitemclick", "type": "CustomEvent" }]
1345
+ }
1346
+ },
1347
+ {
1348
+ "name": "ngc-menu",
1349
+ "description": "\n---\n",
1350
+ "doc-url": "",
1351
+ "attributes": [
1352
+ {
1353
+ "name": "open",
1354
+ "description": "The open state of the menu",
1355
+ "value": { "type": "boolean", "default": "false" }
1356
+ },
1357
+ {
1358
+ "name": "menu-aria-label",
1359
+ "description": "The aria label for the menu",
1360
+ "value": { "type": "string", "default": "'Show More'" }
1361
+ },
1362
+ {
1363
+ "name": "placement",
1364
+ "description": "Placement of the dropdown for the menu",
1365
+ "value": { "type": "string", "default": "'bottom-start'" }
1366
+ },
1367
+ {
1368
+ "name": "data-testid",
1369
+ "value": { "type": "string | undefined", "default": "undefined" }
1370
+ }
1371
+ ],
1372
+ "events": [],
1373
+ "js": {
1374
+ "properties": [
1375
+ {
1376
+ "name": "open",
1377
+ "description": "The open state of the menu",
1378
+ "type": "boolean"
1379
+ },
1380
+ {
1381
+ "name": "menuAriaLabel",
1382
+ "description": "The aria label for the menu",
1383
+ "type": "string"
1384
+ },
1385
+ {
1386
+ "name": "placement",
1387
+ "description": "Placement of the dropdown for the menu",
1388
+ "type": "string"
1389
+ },
1390
+ { "name": "dataTestid", "type": "string | undefined" },
1391
+ { "name": "labelDataTestid" },
1392
+ { "name": "helpTextDataTestid" },
1393
+ { "name": "errorMessageDataTestid" }
1394
+ ],
1395
+ "events": []
1396
+ }
1397
+ },
1398
+ {
1399
+ "name": "nsc-icon",
1400
+ "description": "\n---\n",
1401
+ "doc-url": "",
1402
+ "attributes": [
1403
+ {
1404
+ "name": "name",
1405
+ "value": { "type": "string | null", "default": "null" }
1406
+ },
1407
+ {
1408
+ "name": "type",
1409
+ "value": {
1410
+ "type": "'standard' | 'utility' | 'doctype' | 'action' | 'custom'",
1411
+ "default": "'utility'"
1412
+ }
1413
+ },
1414
+ {
1415
+ "name": "size",
1416
+ "value": {
1417
+ "type": "'xx-small' | 'x-small' | 'small' | 'large'",
1418
+ "default": "'small'"
1419
+ }
1420
+ },
1421
+ {
1422
+ "name": "icon-title",
1423
+ "value": { "type": "string | null", "default": "null" }
1424
+ },
1425
+ {
1426
+ "name": "variant",
1427
+ "value": {
1428
+ "type": "'success' | 'warning' | 'error' | 'light' | 'bare'",
1429
+ "default": "'bare'"
1430
+ }
1431
+ },
1432
+ {
1433
+ "name": "svg-classes",
1434
+ "value": { "type": "string", "default": "''" }
1435
+ },
1436
+ { "name": "fill", "value": { "type": "string", "default": "''" } }
1437
+ ],
1438
+ "events": [],
1439
+ "js": {
1440
+ "properties": [
1441
+ { "name": "iconPath" },
1442
+ { "name": "iconSize" },
1443
+ { "name": "iconVariant" },
1444
+ { "name": "name", "type": "string | null" },
1445
+ {
1446
+ "name": "type",
1447
+ "type": "'standard' | 'utility' | 'doctype' | 'action' | 'custom'"
1448
+ },
1449
+ {
1450
+ "name": "size",
1451
+ "type": "'xx-small' | 'x-small' | 'small' | 'large'"
1452
+ },
1453
+ { "name": "iconTitle", "type": "string | null" },
1454
+ {
1455
+ "name": "variant",
1456
+ "type": "'success' | 'warning' | 'error' | 'light' | 'bare'"
1457
+ },
1458
+ { "name": "svgClasses", "type": "string" },
1459
+ { "name": "fill", "type": "string" }
1460
+ ],
1461
+ "events": []
1462
+ }
1463
+ },
1464
+ {
1465
+ "name": "ngc-icon-button",
1466
+ "description": "\n---\n\n\n### **Events:**\n - **click**",
1467
+ "doc-url": "",
1468
+ "attributes": [
1469
+ {
1470
+ "name": "size",
1471
+ "value": {
1472
+ "type": " | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'",
1473
+ "default": "'small'"
1474
+ }
1475
+ },
1476
+ {
1477
+ "name": "aria-label",
1478
+ "value": { "type": "string", "default": "''" }
1479
+ },
1480
+ {
1481
+ "name": "loading-aria-label",
1482
+ "value": { "type": "string", "default": "'Loading'" }
1483
+ },
1484
+ {
1485
+ "name": "icon-name",
1486
+ "value": { "type": "string", "default": "''" }
1487
+ },
1488
+ {
1489
+ "name": "disabled",
1490
+ "value": { "type": "boolean", "default": "false" }
1491
+ },
1492
+ {
1493
+ "name": "loading",
1494
+ "value": { "type": "boolean", "default": "false" }
1495
+ },
1496
+ {
1497
+ "name": "skeleton",
1498
+ "value": { "type": "boolean", "default": "false" }
1499
+ },
1500
+ {
1501
+ "name": "data-testid",
1502
+ "value": { "type": "string | undefined", "default": "undefined" }
1503
+ }
1504
+ ],
1505
+ "events": [{ "name": "click", "type": "CustomEvent" }],
1506
+ "js": {
1507
+ "properties": [
1508
+ { "name": "buttonAriaLabel" },
1509
+ { "name": "sizeClass" },
1510
+ { "name": "loadingClass" },
1511
+ { "name": "pxSize" },
1512
+ { "name": "skeletonMarkup" },
1513
+ { "name": "loadingMarkup" },
1514
+ {
1515
+ "name": "size",
1516
+ "type": " | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'"
1517
+ },
1518
+ { "name": "ariaLabel", "type": "string" },
1519
+ { "name": "loadingAriaLabel", "type": "string" },
1520
+ { "name": "iconName", "type": "string" },
1521
+ { "name": "disabled", "type": "boolean" },
1522
+ { "name": "loading", "type": "boolean" },
1523
+ { "name": "skeleton", "type": "boolean" },
1524
+ { "name": "dataTestid", "type": "string | undefined" },
1525
+ { "name": "labelDataTestid" },
1526
+ { "name": "helpTextDataTestid" },
1527
+ { "name": "errorMessageDataTestid" }
1528
+ ],
1529
+ "events": [{ "name": "click", "type": "CustomEvent" }]
1530
+ }
1531
+ },
1532
+ {
1533
+ "name": "ngc-button-group",
1534
+ "description": "\n---\n",
1535
+ "doc-url": "",
1536
+ "attributes": [
1537
+ {
1538
+ "name": "orientation",
1539
+ "value": {
1540
+ "type": "'horizontal' | 'stacked'",
1541
+ "default": "'horizontal'"
1542
+ }
1543
+ },
1544
+ {
1545
+ "name": "size",
1546
+ "value": {
1547
+ "type": " | 'small' | 'medium' | 'large' | 'xlarge'",
1548
+ "default": "'medium'"
1549
+ }
1550
+ },
1551
+ {
1552
+ "name": "data-testid",
1553
+ "value": { "type": "string | undefined", "default": "undefined" }
1554
+ }
1555
+ ],
1556
+ "events": [],
1557
+ "js": {
1558
+ "properties": [
1559
+ { "name": "orientation", "type": "'horizontal' | 'stacked'" },
1560
+ {
1561
+ "name": "size",
1562
+ "type": " | 'small' | 'medium' | 'large' | 'xlarge'"
1563
+ },
1564
+ { "name": "overflowMenuPlacement" },
1565
+ { "name": "dataTestid", "type": "string | undefined" },
1566
+ { "name": "labelDataTestid" },
1567
+ { "name": "helpTextDataTestid" },
1568
+ { "name": "errorMessageDataTestid" }
1569
+ ],
1570
+ "events": []
1571
+ }
1572
+ },
1176
1573
  {
1177
1574
  "name": "ngc-checkbox",
1178
1575
  "description": "\n---\n\n\n### **Events:**\n - **change**",
@@ -1968,180 +2365,32 @@
1968
2365
  { "name": "errorClass" },
1969
2366
  { "name": "disabledClass" },
1970
2367
  { "name": "passwordVisibilityMarkup" },
1971
- { "name": "errorTextMarkup" },
1972
- { "name": "shouldHaveStartMarkup" },
1973
- { "name": "shouldHaveEndMarkup" },
1974
- { "name": "startIconMarkup" },
1975
- { "name": "endIconMarkup" },
1976
- { "name": "labelMarkup" },
1977
- { "name": "helpTextMarkup" },
1978
- { "name": "bottomText" },
1979
- { "name": "id", "type": "string" },
1980
- { "name": "required", "type": "boolean" },
1981
- { "name": "disabled", "type": "boolean" },
1982
- { "name": "label", "type": "string" },
1983
- { "name": "ariaDescription", "type": "string | null" },
1984
- { "name": "placeholder", "type": "string" },
1985
- { "name": "errorText", "type": "string" },
1986
- { "name": "helpText", "type": "string" },
1987
- { "name": "type", "type": "string" },
1988
- { "name": "startIcon", "type": "string" },
1989
- { "name": "endIcon", "type": "string" },
1990
- { "name": "maxLength", "type": "string" },
1991
- { "name": "dataTestid", "type": "string | undefined" },
1992
- { "name": "labelDataTestid" },
1993
- { "name": "helpTextDataTestid" },
1994
- { "name": "errorMessageDataTestid" }
1995
- ],
1996
- "events": []
1997
- }
1998
- },
1999
- {
2000
- "name": "ngc-tooltip",
2001
- "description": "\n---\n\n\n### **Methods:**\n - **assignPosition()** - Override this function to use floating UI autoUpdate and computePosition",
2002
- "doc-url": "",
2003
- "attributes": [
2004
- {
2005
- "name": "reference-id",
2006
- "value": { "type": "string", "default": "''" }
2007
- },
2008
- {
2009
- "name": "placement",
2010
- "value": { "type": "Placement", "default": "'top-end'" }
2011
- },
2012
- {
2013
- "name": "x-offset",
2014
- "value": { "type": "number", "default": "0" }
2015
- },
2016
- {
2017
- "name": "y-offset",
2018
- "value": { "type": "number", "default": "0" }
2019
- },
2020
- {
2021
- "name": "data-testid",
2022
- "value": { "type": "string | undefined", "default": "undefined" }
2023
- }
2024
- ],
2025
- "events": [],
2026
- "js": {
2027
- "properties": [
2028
- { "name": "xPositionOffset" },
2029
- { "name": "yPositionOffset" },
2030
- { "name": "nubbinPositionClass" },
2031
- { "name": "referenceId", "type": "string" },
2032
- { "name": "placement", "type": "Placement" },
2033
- { "name": "xOffset", "type": "number" },
2034
- { "name": "yOffset", "type": "number" },
2035
- { "name": "_tooltipRef", "type": "Ref<HTMLElement>" },
2036
- { "name": "_cleanup", "type": "(() => void) | undefined" },
2037
- { "name": "tooltipId" },
2038
- { "name": "referenceElement" },
2039
- { "name": "dataTestid", "type": "string | undefined" },
2040
- { "name": "labelDataTestid" },
2041
- { "name": "helpTextDataTestid" },
2042
- { "name": "errorMessageDataTestid" }
2043
- ],
2044
- "events": []
2045
- }
2046
- },
2047
- {
2048
- "name": "ngc-list-item",
2049
- "description": "\n---\n\n\n### **Events:**\n - **selected**",
2050
- "doc-url": "",
2051
- "attributes": [
2052
- { "name": "id", "value": { "type": "string", "default": "''" } },
2053
- { "name": "text", "value": { "type": "string", "default": "''" } },
2054
- { "name": "value", "value": { "type": "string", "default": "''" } },
2055
- {
2056
- "name": "subtitle",
2057
- "value": { "type": "string | null", "default": "null" }
2058
- },
2059
- {
2060
- "name": "density",
2061
- "value": { "type": "string", "default": "'default'" }
2062
- },
2063
- {
2064
- "name": "selectable",
2065
- "value": { "type": "boolean", "default": "false" }
2066
- },
2067
- {
2068
- "name": "selected",
2069
- "value": { "type": "boolean", "default": "false" }
2070
- },
2071
- {
2072
- "name": "multiselect",
2073
- "value": { "type": "boolean", "default": "false" }
2074
- },
2075
- {
2076
- "name": "end-icon",
2077
- "value": { "type": "string | null", "default": "null" }
2078
- },
2079
- {
2080
- "name": "start-icon",
2081
- "value": { "type": "string | null", "default": "null" }
2082
- },
2083
- {
2084
- "name": "current-list-item",
2085
- "value": { "type": "boolean", "default": "false" }
2086
- },
2087
- {
2088
- "name": "faux-focus",
2089
- "value": { "type": "boolean", "default": "false" }
2090
- },
2091
- {
2092
- "name": "icon-only",
2093
- "value": { "type": "boolean", "default": "false" }
2094
- },
2095
- {
2096
- "name": "hide-checkmark",
2097
- "value": { "type": "boolean", "default": "false" }
2098
- },
2099
- {
2100
- "name": "role",
2101
- "value": { "type": "string | null", "default": "null" }
2102
- },
2103
- {
2104
- "name": "data-testid",
2105
- "value": { "type": "string | undefined", "default": "undefined" }
2106
- }
2107
- ],
2108
- "events": [{ "name": "selected", "type": "CustomEvent" }],
2109
- "js": {
2110
- "properties": [
2368
+ { "name": "errorTextMarkup" },
2369
+ { "name": "shouldHaveStartMarkup" },
2370
+ { "name": "shouldHaveEndMarkup" },
2371
+ { "name": "startIconMarkup" },
2372
+ { "name": "endIconMarkup" },
2373
+ { "name": "labelMarkup" },
2374
+ { "name": "helpTextMarkup" },
2375
+ { "name": "bottomText" },
2111
2376
  { "name": "id", "type": "string" },
2112
- { "name": "text", "type": "string" },
2113
- { "name": "value", "type": "string" },
2114
- { "name": "subtitle", "type": "string | null" },
2115
- { "name": "density", "type": "string" },
2116
- { "name": "selectable", "type": "boolean" },
2117
- { "name": "selected", "type": "boolean" },
2118
- { "name": "multiselect", "type": "boolean" },
2119
- { "name": "endIcon", "type": "string | null" },
2120
- { "name": "startIcon", "type": "string | null" },
2121
- { "name": "currentListItem", "type": "boolean" },
2122
- { "name": "fauxFocus", "type": "boolean" },
2123
- { "name": "iconOnly", "type": "boolean" },
2124
- { "name": "hideCheckmark", "type": "boolean" },
2125
- { "name": "role", "type": "string | null" },
2126
- { "name": "falseFocusing", "type": "boolean" },
2127
- { "name": "listItemRef", "type": "Ref<HTMLLIElement>" },
2128
- { "name": "elementRole" },
2129
- { "name": "replacedStringId" },
2130
- { "name": "listItemDensityClass" },
2131
- { "name": "tabIndex" },
2132
- { "name": "selectableClass" },
2133
- { "name": "subtitleSpacerElement" },
2134
- { "name": "listItemSelectedClass" },
2135
- { "name": "interactionIconContent" },
2136
- { "name": "leftIconContent" },
2137
- { "name": "rightIconContent" },
2138
- { "name": "falseFocusClass" },
2377
+ { "name": "required", "type": "boolean" },
2378
+ { "name": "disabled", "type": "boolean" },
2379
+ { "name": "label", "type": "string" },
2380
+ { "name": "ariaDescription", "type": "string | null" },
2381
+ { "name": "placeholder", "type": "string" },
2382
+ { "name": "errorText", "type": "string" },
2383
+ { "name": "helpText", "type": "string" },
2384
+ { "name": "type", "type": "string" },
2385
+ { "name": "startIcon", "type": "string" },
2386
+ { "name": "endIcon", "type": "string" },
2387
+ { "name": "maxLength", "type": "string" },
2139
2388
  { "name": "dataTestid", "type": "string | undefined" },
2140
2389
  { "name": "labelDataTestid" },
2141
2390
  { "name": "helpTextDataTestid" },
2142
2391
  { "name": "errorMessageDataTestid" }
2143
2392
  ],
2144
- "events": [{ "name": "selected", "type": "CustomEvent" }]
2393
+ "events": []
2145
2394
  }
2146
2395
  },
2147
2396
  {
@@ -2216,140 +2465,6 @@
2216
2465
  "events": []
2217
2466
  }
2218
2467
  },
2219
- {
2220
- "name": "nsc-icon",
2221
- "description": "\n---\n",
2222
- "doc-url": "",
2223
- "attributes": [
2224
- {
2225
- "name": "name",
2226
- "value": { "type": "string | null", "default": "null" }
2227
- },
2228
- {
2229
- "name": "type",
2230
- "value": {
2231
- "type": "'standard' | 'utility' | 'doctype' | 'action' | 'custom'",
2232
- "default": "'utility'"
2233
- }
2234
- },
2235
- {
2236
- "name": "size",
2237
- "value": {
2238
- "type": "'xx-small' | 'x-small' | 'small' | 'large'",
2239
- "default": "'small'"
2240
- }
2241
- },
2242
- {
2243
- "name": "icon-title",
2244
- "value": { "type": "string | null", "default": "null" }
2245
- },
2246
- {
2247
- "name": "variant",
2248
- "value": {
2249
- "type": "'success' | 'warning' | 'error' | 'light' | 'bare'",
2250
- "default": "'bare'"
2251
- }
2252
- },
2253
- {
2254
- "name": "svg-classes",
2255
- "value": { "type": "string", "default": "''" }
2256
- },
2257
- { "name": "fill", "value": { "type": "string", "default": "''" } }
2258
- ],
2259
- "events": [],
2260
- "js": {
2261
- "properties": [
2262
- { "name": "iconPath" },
2263
- { "name": "iconSize" },
2264
- { "name": "iconVariant" },
2265
- { "name": "name", "type": "string | null" },
2266
- {
2267
- "name": "type",
2268
- "type": "'standard' | 'utility' | 'doctype' | 'action' | 'custom'"
2269
- },
2270
- {
2271
- "name": "size",
2272
- "type": "'xx-small' | 'x-small' | 'small' | 'large'"
2273
- },
2274
- { "name": "iconTitle", "type": "string | null" },
2275
- {
2276
- "name": "variant",
2277
- "type": "'success' | 'warning' | 'error' | 'light' | 'bare'"
2278
- },
2279
- { "name": "svgClasses", "type": "string" },
2280
- { "name": "fill", "type": "string" }
2281
- ],
2282
- "events": []
2283
- }
2284
- },
2285
- {
2286
- "name": "ngc-icon-button",
2287
- "description": "\n---\n\n\n### **Events:**\n - **click**",
2288
- "doc-url": "",
2289
- "attributes": [
2290
- {
2291
- "name": "size",
2292
- "value": {
2293
- "type": " | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'",
2294
- "default": "'small'"
2295
- }
2296
- },
2297
- {
2298
- "name": "aria-label",
2299
- "value": { "type": "string", "default": "''" }
2300
- },
2301
- {
2302
- "name": "loading-aria-label",
2303
- "value": { "type": "string", "default": "'Loading'" }
2304
- },
2305
- {
2306
- "name": "icon-name",
2307
- "value": { "type": "string", "default": "''" }
2308
- },
2309
- {
2310
- "name": "disabled",
2311
- "value": { "type": "boolean", "default": "false" }
2312
- },
2313
- {
2314
- "name": "loading",
2315
- "value": { "type": "boolean", "default": "false" }
2316
- },
2317
- {
2318
- "name": "skeleton",
2319
- "value": { "type": "boolean", "default": "false" }
2320
- },
2321
- {
2322
- "name": "data-testid",
2323
- "value": { "type": "string | undefined", "default": "undefined" }
2324
- }
2325
- ],
2326
- "events": [{ "name": "click", "type": "CustomEvent" }],
2327
- "js": {
2328
- "properties": [
2329
- { "name": "buttonAriaLabel" },
2330
- { "name": "sizeClass" },
2331
- { "name": "loadingClass" },
2332
- { "name": "pxSize" },
2333
- { "name": "skeletonMarkup" },
2334
- { "name": "loadingMarkup" },
2335
- {
2336
- "name": "size",
2337
- "type": " | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'"
2338
- },
2339
- { "name": "ariaLabel", "type": "string" },
2340
- { "name": "loadingAriaLabel", "type": "string" },
2341
- { "name": "iconName", "type": "string" },
2342
- { "name": "disabled", "type": "boolean" },
2343
- { "name": "loading", "type": "boolean" },
2344
- { "name": "skeleton", "type": "boolean" },
2345
- { "name": "dataTestid", "type": "string | undefined" },
2346
- { "name": "labelDataTestid" },
2347
- { "name": "helpTextDataTestid" },
2348
- { "name": "errorMessageDataTestid" }
2349
- ],
2350
- "events": [{ "name": "click", "type": "CustomEvent" }]
2351
- }
2352
- },
2353
2468
  {
2354
2469
  "name": "ngc-input-dropdown",
2355
2470
  "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
@@ -2897,57 +3012,6 @@
2897
3012
  "events": []
2898
3013
  }
2899
3014
  },
2900
- {
2901
- "name": "ngc-menu",
2902
- "description": "\n---\n",
2903
- "doc-url": "",
2904
- "attributes": [
2905
- {
2906
- "name": "open",
2907
- "description": "The open state of the menu",
2908
- "value": { "type": "boolean", "default": "false" }
2909
- },
2910
- {
2911
- "name": "menu-aria-label",
2912
- "description": "The aria label for the menu",
2913
- "value": { "type": "string", "default": "'Show More'" }
2914
- },
2915
- {
2916
- "name": "placement",
2917
- "description": "Placement of the dropdown for the menu",
2918
- "value": { "type": "string", "default": "'bottom-start'" }
2919
- },
2920
- {
2921
- "name": "data-testid",
2922
- "value": { "type": "string | undefined", "default": "undefined" }
2923
- }
2924
- ],
2925
- "events": [],
2926
- "js": {
2927
- "properties": [
2928
- {
2929
- "name": "open",
2930
- "description": "The open state of the menu",
2931
- "type": "boolean"
2932
- },
2933
- {
2934
- "name": "menuAriaLabel",
2935
- "description": "The aria label for the menu",
2936
- "type": "string"
2937
- },
2938
- {
2939
- "name": "placement",
2940
- "description": "Placement of the dropdown for the menu",
2941
- "type": "string"
2942
- },
2943
- { "name": "dataTestid", "type": "string | undefined" },
2944
- { "name": "labelDataTestid" },
2945
- { "name": "helpTextDataTestid" },
2946
- { "name": "errorMessageDataTestid" }
2947
- ],
2948
- "events": []
2949
- }
2950
- },
2951
3015
  {
2952
3016
  "name": "nsc-menu-divider",
2953
3017
  "description": "\n---\n",
@@ -2981,29 +3045,6 @@
2981
3045
  "events": [{ "name": "menuitemclick", "type": "CustomEvent" }]
2982
3046
  }
2983
3047
  },
2984
- {
2985
- "name": "ngc-menu-item",
2986
- "description": "\n---\n\n\n### **Events:**\n - **menuitemclick**",
2987
- "doc-url": "",
2988
- "attributes": [
2989
- {
2990
- "name": "value",
2991
- "description": "The value and text displayed of the menu item",
2992
- "value": { "type": "string", "default": "''" }
2993
- }
2994
- ],
2995
- "events": [{ "name": "menuitemclick", "type": "CustomEvent" }],
2996
- "js": {
2997
- "properties": [
2998
- {
2999
- "name": "value",
3000
- "description": "The value and text displayed of the menu item",
3001
- "type": "string"
3002
- }
3003
- ],
3004
- "events": [{ "name": "menuitemclick", "type": "CustomEvent" }]
3005
- }
3006
- },
3007
3048
  {
3008
3049
  "name": "nsc-submenu",
3009
3050
  "description": "\n---\n",