@ncino/web-components 10.0.4 → 10.1.1

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

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

package/dist/packages/web-components/src/components/menu/base/gator/menu.gator.scss.js

@@ -1 +1 @@
-const o=".gator-dropdown{max-width:var(--ngc-menu-dropdown-max-width, 16rem);padding:var(--spacing-5) 0;border-radius:var(--border-radius-medium);box-shadow:var(--shadow-3-dropdown);position:absolute;margin-top:var(--spacing-3);background-color:var(--ngc-menu-dropdown-background-color, var(--color-surface-primary));display:none;z-index:9999}ul{padding:0;margin:0;list-style-type:none}";export{o as default};
+const o=".gator-dropdown-trigger{position:relative;display:inline-block}.gator-dropdown{max-width:var(--ngc-menu-dropdown-max-width, 16rem);min-width:var(--ngc-menu-dropdown-min-width, 10rem);width:max-content;padding:var(--spacing-5) 0;border-radius:var(--border-radius-medium);box-shadow:var(--shadow-3-dropdown);position:absolute;background-color:var(--ngc-menu-dropdown-background-color, var(--color-surface-primary));display:none;z-index:9999}ul{padding:0;margin:0;list-style-type:none}";export{o as default};

package/dist/utils/vitest-a11y-utils.js

@@ -1 +1 @@
-import{page as s}from"../node_modules/.pnpm/vitest@4.1.1_@types_node@25.5.0_@vitest_browser-playwright@4.1.1_@vitest_ui@4.1.0_jsdom_d9702798a407692b1b9fdd8a6a95990c/node_modules/vitest/browser/context.js";import n from"../_virtual/axe.js";import{g as o}from"../node_modules/.pnpm/vitest@4.1.1_@types_node@25.5.0_@vitest_browser-playwright@4.1.1_@vitest_ui@4.1.0_jsdom_d9702798a407692b1b9fdd8a6a95990c/node_modules/vitest/dist/chunks/test.CBQUpOM3.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(t){return(await n.run(t)).violations}async function p(t){const e=await a(t);o(e,`Expected no axe core violations, but got ${e.length}: ${JSON.stringify(e)}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function g(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const r=e.scrollWidth>e.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function h(t,e,r){let i=t.querySelector(":focus-visible");if(i||(i=t.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(e);return o(l).toContain(r)}return o(!0).toBe(!1)}export{h as expectComponentFocusStyle,g as expectComponentNotToHaveHorizontalScrollbar,p as expectNoAxeViolations,x as resizeWindowForReflowTest,a as runAxeAndGetViolations,d as superLongStringForReflowTest};
+import{page as s}from"../node_modules/.pnpm/vitest@4.1.1_@types_node@25.5.0_@vitest_browser-playwright@4.1.1_@vitest_ui@4.1.0_jsdom_15ce015fd735d7fcd4ba9834ac746834/node_modules/vitest/browser/context.js";import n from"../_virtual/axe.js";import{g as o}from"../node_modules/.pnpm/vitest@4.1.1_@types_node@25.5.0_@vitest_browser-playwright@4.1.1_@vitest_ui@4.1.0_jsdom_15ce015fd735d7fcd4ba9834ac746834/node_modules/vitest/dist/chunks/test.CBQUpOM3.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(t){return(await n.run(t)).violations}async function p(t){const e=await a(t);o(e,`Expected no axe core violations, but got ${e.length}: ${JSON.stringify(e)}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function g(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const r=e.scrollWidth>e.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function h(t,e,r){let i=t.querySelector(":focus-visible");if(i||(i=t.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(e);return o(l).toContain(r)}return o(!0).toBe(!1)}export{h as expectComponentFocusStyle,g as expectComponentNotToHaveHorizontalScrollbar,p as expectNoAxeViolations,x as resizeWindowForReflowTest,a as runAxeAndGetViolations,d as superLongStringForReflowTest};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ncino/web-components",
   "author": "nCino",
-  "version": "10.0.4",
+  "version": "10.1.1",
   "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -72,7 +72,7 @@
     "@storybook/addon-links": "^10.3.0",
     "@storybook/web-components-vite": "^10.3.0",
     "@types/react": "^19",
-    "@typescript-eslint/parser": "^8.57.0",
+    "@typescript-eslint/parser": "^8.58.0",
     "@vitest/browser": "^4.1.0",
     "@vitest/browser-playwright": "^4.1.0",
     "@vitest/coverage-v8": "^4.1.0",
@@ -83,11 +83,11 @@
     "conventional-changelog-conventionalcommits": "^9.3.0",
     "custom-element-jet-brains-integration": "^1.7.0",
     "custom-elements-manifest": "^2.1.0",
-    "eslint": "^10.0.1",
+    "eslint": "^10.1.0",
     "eslint-plugin-storybook": "^10.3.0",
     "eslint-plugin-yml": "3.3.0",
     "glob": "^13.0.6",
-    "jsdom": "28.1.0",
+    "jsdom": "29.0.1",
     "playwright": "1.58.2",
     "postcss": "^8.5.6",
     "rimraf": "^6.1.3",
@@ -95,12 +95,12 @@
     "storybook": "^10.3.0",
     "storybook-addon-code-editor": "^6.1.3",
     "typescript": "^5.9.3",
-    "vite": "7.3.1",
+    "vite": "7.3.2",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-static-copy": "^3.3.0",
     "vitest": "^4.1.0",
     "yaml-eslint-parser": "^2.0.0",
-    "@ncino/styles": "10.0.4"
+    "@ncino/styles": "10.1.1"
   },
   "peerDependencies": {
     "@ncino/styles": ">=8.0.0-preview.0"

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ncino/web-components",
-  "version": "10.0.3",
+  "version": "10.1.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {