@ncino/web-components 4.3.0-preview.11 → 4.3.0-preview.13

package/dist/components/avatar/gator/avatar.gator.js

@@ -1,15 +1,15 @@
-import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as m}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as h}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{state as p}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import v from"../../../packages/web-components/src/components/avatar/gator/avatar.gator.scss.js";import f from"../../../packages/web-components/src/components/avatar/avatar.tokens.scss.js";import u from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import g from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{NjcAvatar as x}from"../avatar.js";import{createRef as z,ref as _}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/ref.js";import{ifDefined as d}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as i}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var $=Object.defineProperty,y=Object.getOwnPropertyDescriptor,c=(e,t,r,a)=>{for(var s=a>1?void 0:a?y(t,r):t,l=e.length-1,n;l>=0;l--)(n=e[l])&&(s=(a?n(t,r,s):n(s))||s);return a&&s&&$(t,r,s),s};let o=class extends x{constructor(){super(...arguments),this._avatarRef=z(),this._size=40}render(){return this.skeleton?m`<ngc-skeleton-loader width="${this.pixelSize}" height="${this.pixelSize}" radius="50"></ngc-skeleton-loader>`:m`
-                <div ${_(this._avatarRef)}
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as c}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{state as p}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import v from"../../../packages/web-components/src/components/avatar/gator/avatar.gator.scss.js";import u from"../../../packages/web-components/src/components/avatar/avatar.tokens.scss.js";import f from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import g from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{NjcAvatar as x}from"../avatar.js";import{createRef as d,ref as z}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/ref.js";import{ifDefined as _}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as i}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var $=Object.defineProperty,y=Object.getOwnPropertyDescriptor,h=(e,t,r,a)=>{for(var s=a>1?void 0:a?y(t,r):t,l=e.length-1,n;l>=0;l--)(n=e[l])&&(s=(a?n(t,r,s):n(s))||s);return a&&s&&$(t,r,s),s};let o=class extends x{constructor(){super(...arguments),this._avatarRef=d(),this._size=40}render(){return this.skeleton?c`<ngc-skeleton-loader width="${this.pixelSize}" height="${this.pixelSize}" radius="50"></ngc-skeleton-loader>`:c`
+                <div ${z(this._avatarRef)}
                     class="gator-avatar ${this.interactive?"gator-avatar-interactive":""}"
-                    tabindex="${d(this.interactive?"0":void 0)}"
+                    tabindex="${_(this.interactive?"0":void 0)}"
                     role="${this.interactive?"button":"img"}"
                     aria-label="${this.srcAriaLabel||this.avatarAriaLabel}"
                     >
                     <span class="gator-avatar-content">
                         <slot></slot>
-                        ${this.src?m`
+                        ${this.srcIsPopulated?c`
                             <span class="gator-avatar-image"></span>
                         `:null}
                     </span>
                 </div>
-            `}updated(){var e;if(this._avatarRef.value&&(this.size&&(this._size=this.pixelSize,this._avatarRef.value.style.width=`${this._size}px`,this._avatarRef.value.style.height=`${this._size}px`,(e=this._avatarRef.value.querySelector(".gator-avatar-content"))==null||e.setAttribute("style",`font-size: ${this._size/2.5}px`),this.applySizeToSlottedIcon()),this.src)){let t=this._avatarRef.value.querySelector(".gator-avatar-image");t&&(t.style.backgroundImage=`url(${this.src})`,t.style.width=`${this._size}px`,t.style.height=`${this._size}px`)}}applySizeToSlottedIcon(){var t;const e=(t=this._avatarRef.value)==null?void 0:t.querySelector("slot");e&&e.assignedElements().forEach(a=>{a.tagName.toLowerCase()==="ngc-icon"&&(a.size=this.size==="xxx-small"?"xx-small":this.size)})}get pixelSize(){const e=parseInt(this.size);if(!Number.isNaN(e))return e;switch(this.size){case"xxx-small":return 16;case"xx-small":return 24;case"x-small":return 32;case"small":return 40;case"medium":return 48;case"large":return 64;case"x-large":return 80;default:return 40}}};o.styles=[i(v),i(u),i(g),i(f)];c([p()],o.prototype,"_size",2);o=c([h("ngc-avatar")],o);export{o as NgcAvatar};
+            `}get srcIsPopulated(){return this.src&&this.src.trim()!==""}updated(){var e;if(this._avatarRef.value&&(this.size&&(this._size=this.pixelSize,this._avatarRef.value.style.width=`${this._size}px`,this._avatarRef.value.style.height=`${this._size}px`,(e=this._avatarRef.value.querySelector(".gator-avatar-content"))==null||e.setAttribute("style",`font-size: ${this._size/2.5}px`),this.applySizeToSlottedIcon()),this.src)){let t=this._avatarRef.value.querySelector(".gator-avatar-image");t&&(t.style.backgroundImage=`url(${this.src})`,t.style.width=`${this._size}px`,t.style.height=`${this._size}px`)}}applySizeToSlottedIcon(){var t;const e=(t=this._avatarRef.value)==null?void 0:t.querySelector("slot");e&&e.assignedElements().forEach(a=>{a.tagName.toLowerCase()==="ngc-icon"&&(a.size=this.size==="xxx-small"?"xx-small":this.size)})}get pixelSize(){const e=parseInt(this.size);if(!Number.isNaN(e))return e;switch(this.size){case"xxx-small":return 16;case"xx-small":return 24;case"x-small":return 32;case"small":return 40;case"medium":return 48;case"large":return 64;case"x-large":return 80;default:return 40}}};o.styles=[i(v),i(f),i(g),i(u)];h([p()],o.prototype,"_size",2);o=h([m("ngc-avatar")],o);export{o as NgcAvatar};

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

@@ -8,6 +8,7 @@ export declare class NgcAvatar extends NjcAvatar {
     _avatarRef: Ref<HTMLDivElement>;
     protected _size: number;
     render(): import('lit').TemplateResult<1>;
+    get srcIsPopulated(): boolean | "";
     updated(): void;
     applySizeToSlottedIcon(): void;
     get pixelSize(): number;

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

@@ -1 +1 @@
-import{page as n}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.0.7_typescript@5.8.3__playwright@1.53.1__894c207534f0ba223b8299d9f5ff1049/node_modules/@vitest/browser/context.js";import a from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.0.7_@vitest_browser@3.2.4_@vitest_ui@3._93f645c93c51b497c065da8f21fff0a5/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const p="Supercalifragilisticexpialidocious".repeat(10);async function u(e){return(await a.run(e)).violations}async function x(e){const t=await u(e);o(t,`Expected no axe core violations, but got ${t.length}`).toHaveLength(0)}function h(){return n.viewport(320,256)}function g(e){let t;if(e.scrollWidth!==0?t=e:e.shadowRoot?t=e.shadowRoot.firstElementChild:t=e.firstElementChild,t){const r=t.scrollWidth>t.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function w(e,t,r){var l;let i=e.querySelector(":focus-visible");if(i||(i=(l=e.shadowRoot)==null?void 0:l.querySelector(":focus-visible")),i){const s=getComputedStyle(i).getPropertyValue(t);return o(s).toContain(r)}return o(!0).toBe(!1)}export{w as expectComponentFocusStyle,g as expectComponentNotToHaveHorizontalScrollbar,x as expectNoAxeViolations,h as resizeWindowForReflowTest,u as runAxeAndGetViolations,p as superLongStringForReflowTest};
+import{page as n}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.0.10_typescript@5.8.3__playwright@1.53.1_5fd2997ee9a97429a51e07bc2023c338/node_modules/@vitest/browser/context.js";import a from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.0.10_@vitest_browser@3.2.4_@vitest_ui@3_8c34ee540b1f52c214debce201d1e515/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const p="Supercalifragilisticexpialidocious".repeat(10);async function u(e){return(await a.run(e)).violations}async function x(e){const t=await u(e);o(t,`Expected no axe core violations, but got ${t.length}`).toHaveLength(0)}function h(){return n.viewport(320,256)}function g(e){let t;if(e.scrollWidth!==0?t=e:e.shadowRoot?t=e.shadowRoot.firstElementChild:t=e.firstElementChild,t){const r=t.scrollWidth>t.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function w(e,t,r){var l;let i=e.querySelector(":focus-visible");if(i||(i=(l=e.shadowRoot)==null?void 0:l.querySelector(":focus-visible")),i){const s=getComputedStyle(i).getPropertyValue(t);return o(s).toContain(r)}return o(!0).toBe(!1)}export{w as expectComponentFocusStyle,g as expectComponentNotToHaveHorizontalScrollbar,x as expectNoAxeViolations,h as resizeWindowForReflowTest,u as runAxeAndGetViolations,p as superLongStringForReflowTest};

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ncino/web-components",
     "author": "nCino",
-    "version": "4.3.0-preview.11",
+    "version": "4.3.0-preview.13",
     "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"
@@ -111,7 +111,7 @@
         "eslint-config-standard": "^17.1.0",
         "eslint-plugin-import": "^2.32.0",
         "eslint-plugin-json": "^4.0.1",
-        "eslint-plugin-n": "^17.20.0",
+        "eslint-plugin-n": "^17.21.0",
         "eslint-plugin-promise": "^7.2.1",
         "eslint-plugin-storybook": "^0.12.0",
         "eslint-plugin-yml": "1.18.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": "4.3.0-preview.10",
+  "version": "4.3.0-preview.12",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -601,6 +601,7 @@
           "js": {
             "properties": [
               { "name": "_avatarRef", "type": "Ref<HTMLDivElement>" },
+              { "name": "srcIsPopulated" },
               { "name": "pixelSize", "type": "number" },
               {
                 "name": "size",