@ncino/web-components 13.1.2 → 13.2.0

package/dist/components/popover/popover.js

@@ -1 +1 @@
-import{property as a}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{state as u}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{createRef as m}from"../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/ref.js";import{generateRandomId as E}from"../../utils/string-utils.js";import{TestableLitElement as _}from"../../utils/components/testable-lit-element/testable-lit-element.js";import{handleDataTestid as f}from"../../utils/datatestid-utils.js";import{getFirstFocusableElement as b,getFocusableElements as v}from"../../utils/accessibility-utils.js";var y=Object.defineProperty,r=(d,e,t,s)=>{for(var o=void 0,i=d.length-1,h;i>=0;i--)(h=d[i])&&(o=h(e,t,o)||o);return o&&y(e,t,o),o};class n extends _{constructor(){super(...arguments),this.referenceId="",this.title="",this.xOffset=0,this.yOffset=0,this.iconName=void 0,this.errorText=void 0,this.size="medium",this.showOnHover=!1,this._popoverRef=m(),this._forceOpen=!1,this._open=!1,this._mousedInsidePopover=!1,this._placement="top",this.popoverId=E(),this.elementListeners=new WeakMap}get isOpen(){return this._open}firstUpdated(){if(this._popoverRef.value&&(this._popoverRef.value.style.visibility="hidden",this._popoverRef.value.style.opacity="0"),!this.referenceId)return;const e=this.referenceElement,t=this._popoverRef.value;if(!e||!t)return;let s;e.shadowRoot?.delegatesFocus?s=b(e):s=e,s&&(s.ariaDescribedByElements=[this]),f(e,this.dataTestid,"trigger"),f(t,this.dataTestid,"popover"),e.shadowRoot?.firstElementChild?.setAttribute("aria-expanded","false"),this.showOnHover?this._addShowOnHoverEvents(e,t):this._addShowOnClickEvents(e,t)}updated(e){if(super.updated(e),e.has("showOnHover")&&e.get("showOnHover")!==void 0){const t=this.referenceElement,s=this._popoverRef.value;s&&(this.removeAllTrackedEventListeners(t),this.removeAllTrackedEventListeners(s),this.removeAllTrackedEventListeners(document),this.showOnHover?this._addShowOnHoverEvents(t,s):this._addShowOnClickEvents(t,s))}}get referenceElement(){let e=document.querySelector(`#${this.referenceId}`);return e||(e=document.querySelector(`[data-id="${this.referenceId}"]`)?.shadowRoot?.querySelector(`#${this.referenceId}`)),!e&&this.previousElementSibling&&this.previousElementSibling.id===this.referenceId&&(e=this.previousElementSibling),e}_addShowOnHoverEvents(e,t){this.addTrackedEventListener(e,"mouseenter",()=>this.showPopover()),this.addTrackedEventListener(e,"mouseleave",s=>this._handleMouseLeave(s,e,t)),this.addTrackedEventListener(e,"click",()=>this.showPopover(!0)),this.addTrackedEventListener(t,"mouseenter",()=>this.showPopover()),this.addTrackedEventListener(t,"mouseleave",s=>{if(this._mousedInsidePopover){this.hidePopover();return}this._handleMouseLeave(s,e,t)})}_addShowOnClickEvents(e,t){this.addTrackedEventListener(e,"click",()=>this.showPopover()),this.addTrackedEventListener(document,"click",s=>{const o=t.getBoundingClientRect(),h=s.composedPath().includes(e);!(this._isMouseInside(s,o,25)||this._hasPopoverAsParent(s.target))&&!h&&this.hidePopover()})}_hasPopoverAsParent(e){let t=e?.parentElement;for(;t&&t.tagName.toLowerCase()!=="ngc-popover";)t=t?.parentElement;return!!t}addTrackedEventListener(e,t,s,o={}){this.elementListeners.has(e)||this.elementListeners.set(e,[]),this.elementListeners.get(e).push({eventType:t,listener:s,options:o}),e.addEventListener(t,s,o)}removeAllTrackedEventListeners(e){if(!this.elementListeners.has(e))return;const t=this.elementListeners.get(e);for(const{eventType:s,listener:o,options:i}of t)e.removeEventListener(s,o,i);this.elementListeners.delete(e)}_handleMouseLeave(e,t,s){const o=t.getBoundingClientRect(),i=s.getBoundingClientRect(),h=this._isMouseInside(e,o,-5),l=this._isMouseInside(e,i,25);!h&&!l&&this.hidePopover(),l&&(this._mousedInsidePopover=!0)}_isMouseInside(e,t,s=0){const{left:o,right:i,top:h,bottom:l}=t,c=e.clientX,p=e.clientY;return c>=o-s&&c<=i+s&&p>=h-s&&p<=l+s}showPopover(e=!1){this.assignPosition();const t=this.referenceElement,s=this._popoverRef.value;s&&(s.style.visibility="visible",s.style.opacity="1"),t&&t.shadowRoot?.firstElementChild?.setAttribute("aria-expanded","true"),this._open=!0,this._focusFirstElement(e)}hidePopover(){this._forceOpen||(this._popoverRef.value&&(this._popoverRef.value.style.visibility="hidden",this._popoverRef.value.style.opacity="0"),this.referenceElement&&this.referenceElement.shadowRoot?.firstElementChild?.setAttribute("aria-expanded","false"),this._open=!1,this.dispatchEvent(new CustomEvent("closed",{bubbles:!0})))}_getKeyboardFocusableElements(){let e=[];const t=this.shadowRoot?.querySelector('slot[name="footer"]');if(this.shadowRoot&&(e=e.concat(v(this.shadowRoot))),t){const s=Array.from(t.assignedElements());for(const o of s)e=e.concat(v(o))}return e.filter(s=>!s.hasAttribute("disabled")&&!s.hasAttribute("aria-hidden"))}_focusFirstElement(e=!1){const t=this._getKeyboardFocusableElements();if(t.length>0){const s=t[0];requestAnimationFrame(()=>{let o;e?o=s:(o=s.shadowRoot?.firstElementChild,o?.classList.add("no-focus-visible")),o?.focus()})}}assignPosition(){}disconnectedCallback(){this._cleanup&&this._cleanup(),super.disconnectedCallback()}}r([a({attribute:"reference-id"})],n.prototype,"referenceId");r([a({type:String})],n.prototype,"title");r([a()],n.prototype,"placement");r([a({type:Number,attribute:"x-offset"})],n.prototype,"xOffset");r([a({type:Number,attribute:"y-offset"})],n.prototype,"yOffset");r([a({type:String,attribute:"icon-name"})],n.prototype,"iconName");r([a({type:String,attribute:"error-text"})],n.prototype,"errorText");r([a()],n.prototype,"size");r([a({type:Boolean,attribute:"show-on-hover"})],n.prototype,"showOnHover");r([u()],n.prototype,"_open");export{n as NjcPopover};
+import{property as a}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{state as u}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{createRef as m}from"../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/ref.js";import{generateRandomId as E}from"../../utils/string-utils.js";import{TestableLitElement as _}from"../../utils/components/testable-lit-element/testable-lit-element.js";import{handleDataTestid as f}from"../../utils/datatestid-utils.js";import{StripTitleFromHostMixin as b}from"../../utils/mixins/strip-title-from-host-mixin.js";import{getFirstFocusableElement as y,getFocusableElements as v}from"../../utils/accessibility-utils.js";var w=Object.defineProperty,r=(d,e,t,s)=>{for(var o=void 0,i=d.length-1,h;i>=0;i--)(h=d[i])&&(o=h(e,t,o)||o);return o&&w(e,t,o),o};class n extends b(_){constructor(){super(...arguments),this.referenceId="",this.title="",this.xOffset=0,this.yOffset=0,this.iconName=void 0,this.errorText=void 0,this.size="medium",this.showOnHover=!1,this._popoverRef=m(),this._forceOpen=!1,this._open=!1,this._mousedInsidePopover=!1,this._placement="top",this.popoverId=E(),this.elementListeners=new WeakMap}get isOpen(){return this._open}firstUpdated(){if(this._popoverRef.value&&(this._popoverRef.value.style.visibility="hidden",this._popoverRef.value.style.opacity="0"),!this.referenceId)return;const e=this.referenceElement,t=this._popoverRef.value;if(!e||!t)return;let s;e.shadowRoot?.delegatesFocus?s=y(e):s=e,s&&(s.ariaDescribedByElements=[this]),f(e,this.dataTestid,"trigger"),f(t,this.dataTestid,"popover"),e.shadowRoot?.firstElementChild?.setAttribute("aria-expanded","false"),this.showOnHover?this._addShowOnHoverEvents(e,t):this._addShowOnClickEvents(e,t)}updated(e){if(super.updated(e),e.has("showOnHover")&&e.get("showOnHover")!==void 0){const t=this.referenceElement,s=this._popoverRef.value;s&&(this.removeAllTrackedEventListeners(t),this.removeAllTrackedEventListeners(s),this.removeAllTrackedEventListeners(document),this.showOnHover?this._addShowOnHoverEvents(t,s):this._addShowOnClickEvents(t,s))}}get referenceElement(){let e=document.querySelector(`#${this.referenceId}`);return e||(e=document.querySelector(`[data-id="${this.referenceId}"]`)?.shadowRoot?.querySelector(`#${this.referenceId}`)),!e&&this.previousElementSibling&&this.previousElementSibling.id===this.referenceId&&(e=this.previousElementSibling),e}_addShowOnHoverEvents(e,t){this.addTrackedEventListener(e,"mouseenter",()=>this.showPopover()),this.addTrackedEventListener(e,"mouseleave",s=>this._handleMouseLeave(s,e,t)),this.addTrackedEventListener(e,"click",()=>this.showPopover(!0)),this.addTrackedEventListener(t,"mouseenter",()=>this.showPopover()),this.addTrackedEventListener(t,"mouseleave",s=>{if(this._mousedInsidePopover){this.hidePopover();return}this._handleMouseLeave(s,e,t)})}_addShowOnClickEvents(e,t){this.addTrackedEventListener(e,"click",()=>this.showPopover()),this.addTrackedEventListener(document,"click",s=>{const o=t.getBoundingClientRect(),h=s.composedPath().includes(e);!(this._isMouseInside(s,o,25)||this._hasPopoverAsParent(s.target))&&!h&&this.hidePopover()})}_hasPopoverAsParent(e){let t=e?.parentElement;for(;t&&t.tagName.toLowerCase()!=="ngc-popover";)t=t?.parentElement;return!!t}addTrackedEventListener(e,t,s,o={}){this.elementListeners.has(e)||this.elementListeners.set(e,[]),this.elementListeners.get(e).push({eventType:t,listener:s,options:o}),e.addEventListener(t,s,o)}removeAllTrackedEventListeners(e){if(!this.elementListeners.has(e))return;const t=this.elementListeners.get(e);for(const{eventType:s,listener:o,options:i}of t)e.removeEventListener(s,o,i);this.elementListeners.delete(e)}_handleMouseLeave(e,t,s){const o=t.getBoundingClientRect(),i=s.getBoundingClientRect(),h=this._isMouseInside(e,o,-5),l=this._isMouseInside(e,i,25);!h&&!l&&this.hidePopover(),l&&(this._mousedInsidePopover=!0)}_isMouseInside(e,t,s=0){const{left:o,right:i,top:h,bottom:l}=t,c=e.clientX,p=e.clientY;return c>=o-s&&c<=i+s&&p>=h-s&&p<=l+s}showPopover(e=!1){this.assignPosition();const t=this.referenceElement,s=this._popoverRef.value;s&&(s.style.visibility="visible",s.style.opacity="1"),t&&t.shadowRoot?.firstElementChild?.setAttribute("aria-expanded","true"),this._open=!0,this._focusFirstElement(e)}hidePopover(){this._forceOpen||(this._popoverRef.value&&(this._popoverRef.value.style.visibility="hidden",this._popoverRef.value.style.opacity="0"),this.referenceElement&&this.referenceElement.shadowRoot?.firstElementChild?.setAttribute("aria-expanded","false"),this._open=!1,this.dispatchEvent(new CustomEvent("closed",{bubbles:!0})))}_getKeyboardFocusableElements(){let e=[];const t=this.shadowRoot?.querySelector('slot[name="footer"]');if(this.shadowRoot&&(e=e.concat(v(this.shadowRoot))),t){const s=Array.from(t.assignedElements());for(const o of s)e=e.concat(v(o))}return e.filter(s=>!s.hasAttribute("disabled")&&!s.hasAttribute("aria-hidden"))}_focusFirstElement(e=!1){const t=this._getKeyboardFocusableElements();if(t.length>0){const s=t[0];requestAnimationFrame(()=>{let o;e?o=s:(o=s.shadowRoot?.firstElementChild,o?.classList.add("no-focus-visible")),o?.focus()})}}assignPosition(){}disconnectedCallback(){this._cleanup&&this._cleanup(),super.disconnectedCallback()}}r([a({attribute:"reference-id"})],n.prototype,"referenceId");r([a({type:String,attribute:!1})],n.prototype,"title");r([a()],n.prototype,"placement");r([a({type:Number,attribute:"x-offset"})],n.prototype,"xOffset");r([a({type:Number,attribute:"y-offset"})],n.prototype,"yOffset");r([a({type:String,attribute:"icon-name"})],n.prototype,"iconName");r([a({type:String,attribute:"error-text"})],n.prototype,"errorText");r([a()],n.prototype,"size");r([a({type:Boolean,attribute:"show-on-hover"})],n.prototype,"showOnHover");r([u()],n.prototype,"_open");export{n as NjcPopover};

package/dist/components/table/gator/table.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{nothing as b,html as o}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{property as v}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{state as $}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{customElement as y}from"../../../utils/decorators/custom-element-decorator.js";import{msg as g}from"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import{NjcTable as F}from"../table.js";import{formatTableTextValue as S}from"../table-format-utils.js";import x from"../../../packages/web-components/src/components/table/gator/table.gator.scss.js";import P from"../../../packages/styles/dist/tokens/primitive.tokens.css.js";import T from"../../../packages/styles/dist/tokens/semantic.tokens.css.js";import"./table-bulk-controls/table-bulk-controls.gator.js";import"./table-cells/table-cell-chip.gator.js";import"./table-cells/table-cell-avatar.gator.js";import"./table-cells/table-cell-checkbox.gator.js";import"./table-cells/table-cell-text-link.gator.js";import"./table-cells/table-cell-button.gator.js";import"./table-cells/table-cell-icon-button.gator.js";import"./table-cells/table-cell-input-dropdown.gator.js";import"./table-cells/table-cell-input-text.gator.js";import"./table-cells/table-cell-text.gator.js";import"../../checkbox/checkbox.gator.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/index.js";import"../../icon-button/gator/icon-button.gator.js";import"../../popover/gator/popover.gator.js";import"../../checkbox-group/checkbox-group.gator.js";import"../../radio-group/radio-group.gator.js";import"../../button/gator/button.gator.js";import"../../chip/gator/chip.gator.js";import"../../input/gator/input-search/input-search.gator.js";import"../../skip-link/gator/base/skip-link.gator.js";import{unsafeCSS as C}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var _=Object.defineProperty,R=Object.getOwnPropertyDescriptor,p=(e,t,l,i)=>{for(var s=i>1?void 0:i?R(t,l):t,r=e.length-1,a;r>=0;r--)(a=e[r])&&(s=(i?a(t,l,s):a(s))||s);return i&&s&&_(t,l,s),s};let c=class extends F{constructor(){super(...arguments),this.elevated=!1,this.includePagination=!1,this.skeleton=!1,this.sortField=null,this.sortDirection=null,this.filterValues={},this.selectedRows=[],this._currentPage=1,this._sortField=null,this._sortDirection=null,this._hoveredHeaderColumnField=null,this._pendingFilterValues={},this._filterSearchQuery={},this.renderHeaderFilterPopover=(e,t)=>{const l=e.filterOptions??[],i=(this._filterSearchQuery[e.field]??"").toLowerCase(),s=i?l.filter(u=>u.label.toLowerCase().includes(i)):l,r=this.hasActiveFilter(e),a=e.filterMultiselect===!0,d=this.getEffectivePending(e),n=s.map(u=>({title:u.label,value:String(u.value)})),h=a?d.join(";"):"",f=a?"":d||"";return o`
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{nothing as b,html as o}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{property as v}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{state as $}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{customElement as y}from"../../../utils/decorators/custom-element-decorator.js";import{msg as g}from"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import{NjcTable as F}from"../table.js";import{formatTableTextValue as S}from"../table-format-utils.js";import T from"../../../packages/web-components/src/components/table/gator/table.gator.scss.js";import x from"../../../packages/styles/dist/tokens/primitive.tokens.css.js";import P from"../../../packages/styles/dist/tokens/semantic.tokens.css.js";import"./table-bulk-controls/table-bulk-controls.gator.js";import"./table-cells/table-cell-chip.gator.js";import"./table-cells/table-cell-avatar.gator.js";import"./table-cells/table-cell-checkbox.gator.js";import"./table-cells/table-cell-text-link.gator.js";import"./table-cells/table-cell-button.gator.js";import"./table-cells/table-cell-icon-button.gator.js";import"./table-cells/table-cell-input-dropdown.gator.js";import"./table-cells/table-cell-input-text.gator.js";import"./table-cells/table-cell-text.gator.js";import"../../checkbox/checkbox.gator.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/index.js";import"../../icon-button/gator/icon-button.gator.js";import"../../popover/gator/popover.gator.js";import"../../checkbox-group/checkbox-group.gator.js";import"../../radio-group/radio-group.gator.js";import"../../button/gator/button.gator.js";import"../../chip/gator/chip.gator.js";import"../../input/gator/input-search/input-search.gator.js";import"../../skip-link/gator/base/skip-link.gator.js";import{unsafeCSS as C}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var _=Object.defineProperty,R=Object.getOwnPropertyDescriptor,p=(e,t,l,i)=>{for(var s=i>1?void 0:i?R(t,l):t,r=e.length-1,a;r>=0;r--)(a=e[r])&&(s=(i?a(t,l,s):a(s))||s);return i&&s&&_(t,l,s),s};let c=class extends F{constructor(){super(...arguments),this.elevated=!1,this.includePagination=!1,this.skeleton=!1,this.sortField=null,this.sortDirection=null,this.filterValues={},this.selectedRows=[],this._currentPage=1,this._sortField=null,this._sortDirection=null,this._hoveredHeaderColumnField=null,this._pendingFilterValues={},this._filterSearchQuery={},this.renderHeaderFilterPopover=(e,t)=>{const l=e.filterOptions??[],i=(this._filterSearchQuery[e.field]??"").toLowerCase(),s=i?l.filter(u=>u.label.toLowerCase().includes(i)):l,r=this.hasActiveFilter(e),a=e.filterMultiselect===!0,d=this.getEffectivePending(e),n=s.map(u=>({title:u.label,value:String(u.value)})),h=a?d.join(";"):"",f=a?"":d||"";return o`
             <span class="gator-table-header-filter-trigger-wrap ${t?"gator-table-header-filter-trigger-visible":""}">
                 <ngc-icon-button
                     id="filter-trigger-${e.field}"
@@ -9,7 +9,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
                 ></ngc-icon-button>
                 <ngc-popover
                     reference-id="filter-trigger-${e.field}"
-                    title="${g("Filter")}"
+                    .title=${g("Filter")}
                     size="small"
                     @closed="${()=>this.handleFilterPopoverClosed(e)}"
                 >
@@ -49,7 +49,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
                 ?visible="${this.showBulkControls}"
                 .selectedRows="${this.selectedRows.length}"
                 .totalRows="${this.data.length}"
-                ?allSelected="${this.selectedRows.length===this.data.length}"
+                ?allSelected="${this.selectedRows.length===this.data.filter(i=>!i.isTableHeader&&!i.disabled).length}"
                 @selectall="${this.handleSelectAll}"
             >
                 <slot name="bulk-controls"></slot>
@@ -93,7 +93,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
                     <ngc-checkbox
                         title-text="${g("Select All")}"
                         hide-label
-                        ?selected="${this.selectedRows.length===this.data.length}"
+                        ?selected="${this.selectedRows.length===this.data.filter(l=>!l.isTableHeader&&!l.disabled).length}"
                         @change="${l=>this.handleSelectAll(l)}"
                     ></ngc-checkbox>
                 </th>`),o`
@@ -102,7 +102,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
                   ${t}
               </tr>
             </thead>
-        `}handleSelectAll(e){const t=e.detail.selected;t?(this.data.forEach(l=>{l.isTableHeader||(l.selected=!0)}),this.selectedRows=this.data.filter(l=>!l.isTableHeader)):(this.data.forEach(l=>{l.selected=!1}),this.selectedRows=[]),this.dispatchEvent(new CustomEvent("selectall",{bubbles:!0,composed:!0,detail:{selectedRows:this.selectedRows,selected:t}})),this.requestUpdate()}get effectiveSortField(){return this.sortField??this._sortField}get effectiveSortDirection(){return this.sortField!=null?this.sortDirection??"asc":this._sortDirection}getSortIcon(e){return this.effectiveSortField===e.field?this.effectiveSortDirection==="asc"?"arrow-up":"arrow-down":"arrows-down-up"}getSortAriaSort(e){return this.effectiveSortField!==e.field?"none":this.effectiveSortDirection==="asc"?"ascending":"descending"}handleSortColumn(e){const t=this.effectiveSortField===e.field&&this.effectiveSortDirection==="asc"?"desc":"asc";this.sortField==null&&(this._sortField=e.field,this._sortDirection=t),this.dispatchEvent(new CustomEvent("sort",{bubbles:!0,composed:!0,detail:{field:e.field,direction:t}})),this.requestUpdate()}getTableHeaderColumn(e){const t=e.field.startsWith("skeleton-loader"),l=o`
+        `}handleSelectAll(e){const t=e.detail.selected;t?(this.data.forEach(l=>{!l.isTableHeader&&!l.disabled&&(l.selected=!0)}),this.selectedRows=this.data.filter(l=>!l.isTableHeader&&!l.disabled)):(this.data.forEach(l=>{l.disabled||(l.selected=!1)}),this.selectedRows=[]),this.dispatchEvent(new CustomEvent("selectall",{bubbles:!0,composed:!0,detail:{selectedRows:this.selectedRows,selected:t}})),this.requestUpdate()}get effectiveSortField(){return this.sortField??this._sortField}get effectiveSortDirection(){return this.sortField!=null?this.sortDirection??"asc":this._sortDirection}getSortIcon(e){return this.effectiveSortField===e.field?this.effectiveSortDirection==="asc"?"arrow-up":"arrow-down":"arrows-down-up"}getSortAriaSort(e){return this.effectiveSortField!==e.field?"none":this.effectiveSortDirection==="asc"?"ascending":"descending"}handleSortColumn(e){const t=this.effectiveSortField===e.field&&this.effectiveSortDirection==="asc"?"desc":"asc";this.sortField==null&&(this._sortField=e.field,this._sortDirection=t),this.dispatchEvent(new CustomEvent("sort",{bubbles:!0,composed:!0,detail:{field:e.field,direction:t}})),this.requestUpdate()}getTableHeaderColumn(e){const t=e.field.startsWith("skeleton-loader"),l=o`
             <ngc-skeleton-loader
                 full-width
                 height="24"
@@ -177,6 +177,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
                 <td role="gridcell" class="gator-table-checkbox-column" headers="${r}">
                     <ngc-checkbox
                         label="test"
+                        ?disabled="${e.disabled}"
                         ?selected="${e.selected}"
                         @change="${a=>this.handleTableBodyRowSelected(a,e)}"
                         id="checkbox-${e.id||Math.random().toString(36).substring(2,11)}"
@@ -192,7 +193,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
                     ${i}
                 </th>
             </tr>
-        `}handleTableBodyRowSelected(e,t){e.detail.selected?(t.selected=!0,this.selectedRows.push(t),this.addSkipLinkToBulkActions(e.target)):(t.selected=!1,this.selectedRows=this.selectedRows.filter(l=>l!==t),this.removeSkipLinkToBulkActions(e.target)),this.dispatchEvent(new CustomEvent("rowselected",{bubbles:!0,composed:!0,detail:{data:t,selectedRows:this.selectedRows}})),this.requestUpdate()}addSkipLinkToBulkActions(e){e.parentNode?.querySelector("ngc-skip-link")||e.parentNode?.insertBefore(this.getSkipToBulkActionsMarkup(e),e)}getSkipToBulkActionsMarkup(e){const t=document.createElement("ngc-skip-link");return t.target=this.shadowRoot?.querySelector("ngc-table-bulk-controls")||"",t.text=g("Jump to table actions"),t.referenceElement=e,t.placement="top-start",t.xOffset=4,t.yOffset=-12,t.onblur=this.removeSkipLinkToBulkActions.bind(this,e),t}removeSkipLinkToBulkActions(e){e.parentNode?.querySelector("ngc-skip-link")?.remove()}get displayedRowData(){if(this.skeleton){let i=[];for(let s=0;s<5;s++)i=i.concat({skeleton:!0});return i}if(!this.includePagination)return this.data;const e=(this._currentPage-1)*this.itemsPerPage,t=e+this.itemsPerPage;return this.data.slice(e,t)}getTableBodyCell(e,t,l,i=0){const s=!!e.skeleton,r=o`
+        `}handleTableBodyRowSelected(e,t){t.disabled||(e.detail.selected?(t.selected=!0,this.selectedRows.push(t),this.addSkipLinkToBulkActions(e.target)):(t.selected=!1,this.selectedRows=this.selectedRows.filter(l=>l!==t),this.removeSkipLinkToBulkActions(e.target)),this.dispatchEvent(new CustomEvent("rowselected",{bubbles:!0,composed:!0,detail:{data:t,selectedRows:this.selectedRows}}))),this.requestUpdate()}addSkipLinkToBulkActions(e){e.parentNode?.querySelector("ngc-skip-link")||e.parentNode?.insertBefore(this.getSkipToBulkActionsMarkup(e),e)}getSkipToBulkActionsMarkup(e){const t=document.createElement("ngc-skip-link");return t.target=this.shadowRoot?.querySelector("ngc-table-bulk-controls")||"",t.text=g("Jump to table actions"),t.referenceElement=e,t.placement="top-start",t.xOffset=4,t.yOffset=-12,t.onblur=this.removeSkipLinkToBulkActions.bind(this,e),t}removeSkipLinkToBulkActions(e){e.parentNode?.querySelector("ngc-skip-link")?.remove()}get displayedRowData(){if(this.skeleton){let i=[];for(let s=0;s<5;s++)i=i.concat({skeleton:!0});return i}if(!this.includePagination)return this.data;const e=(this._currentPage-1)*this.itemsPerPage,t=e+this.itemsPerPage;return this.data.slice(e,t)}getTableBodyCell(e,t,l,i=0){const s=!!e.skeleton,r=o`
             <ngc-skeleton-loader
                 full-width
                 height="24"
@@ -202,4 +203,4 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
             <td role="gridcell" headers="${d}" class="${n}">
                 ${h}
             </td>
-        `}getCellAlignClass(e){return`gator-table-cell-${e.cellConfig?.align??"left"}`}renderCellByType(e,t,l,i){const s=a=>this.handleCellChange(a),r=a=>this.handleCellClick(a);switch(t.cellType){case"chip":return o`<ngc-table-cell-chip .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-chip>`;case"avatar":return o`<ngc-table-cell-avatar .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-avatar>`;case"checkbox":return o`<ngc-table-cell-checkbox .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-checkbox>`;case"text-link":return o`<ngc-table-cell-text-link .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-text-link>`;case"button":return o`<ngc-table-cell-button .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-button>`;case"icon-button":return o`<ngc-table-cell-icon-button .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-icon-button>`;case"input-dropdown":return o`<ngc-table-cell-input-dropdown .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-input-dropdown>`;case"input-text":return o`<ngc-table-cell-input-text .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-input-text>`;default:return o`<ngc-table-cell-text .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-text>`}}handleCellChange(e){e.stopPropagation();const{rowIndex:t,field:l,value:i}=e.detail??{};this.dispatchEvent(new CustomEvent("cellchange",{bubbles:!0,composed:!0,detail:{rowIndex:t,field:l,value:i}}))}handleCellClick(e){e.stopPropagation();const{rowIndex:t,field:l,value:i}=e.detail??{};this.dispatchEvent(new CustomEvent("cellclick",{bubbles:!0,composed:!0,detail:{rowIndex:t,field:l,...i!==void 0&&{value:i}}}))}};c.styles=[C(T),C(P),C(x)];p([v({type:Boolean})],c.prototype,"elevated",2);p([v({type:Boolean,attribute:"include-pagination"})],c.prototype,"includePagination",2);p([v({type:Boolean})],c.prototype,"skeleton",2);p([v({type:String,attribute:"sort-field"})],c.prototype,"sortField",2);p([v({type:String,attribute:"sort-direction"})],c.prototype,"sortDirection",2);p([v({type:Object,attribute:!1})],c.prototype,"filterValues",2);p([$()],c.prototype,"selectedRows",2);p([$()],c.prototype,"_currentPage",2);p([$()],c.prototype,"_sortField",2);p([$()],c.prototype,"_sortDirection",2);p([$()],c.prototype,"_hoveredHeaderColumnField",2);p([$()],c.prototype,"_pendingFilterValues",2);p([$()],c.prototype,"_filterSearchQuery",2);c=p([y("ngc-table")],c);export{c as NgcTable};
+        `}getCellAlignClass(e){return`gator-table-cell-${e.cellConfig?.align??"left"}`}renderCellByType(e,t,l,i){const s=a=>this.handleCellChange(a),r=a=>this.handleCellClick(a);switch(t.cellType){case"chip":return o`<ngc-table-cell-chip .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-chip>`;case"avatar":return o`<ngc-table-cell-avatar .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-avatar>`;case"checkbox":return o`<ngc-table-cell-checkbox .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-checkbox>`;case"text-link":return o`<ngc-table-cell-text-link .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-text-link>`;case"button":return o`<ngc-table-cell-button .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-button>`;case"icon-button":return o`<ngc-table-cell-icon-button .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-icon-button>`;case"input-dropdown":return o`<ngc-table-cell-input-dropdown .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-input-dropdown>`;case"input-text":return o`<ngc-table-cell-input-text .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-input-text>`;default:return o`<ngc-table-cell-text .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-text>`}}handleCellChange(e){e.stopPropagation();const{rowIndex:t,field:l,value:i}=e.detail??{};this.dispatchEvent(new CustomEvent("cellchange",{bubbles:!0,composed:!0,detail:{rowIndex:t,field:l,value:i}}))}handleCellClick(e){e.stopPropagation();const{rowIndex:t,field:l,value:i}=e.detail??{};this.dispatchEvent(new CustomEvent("cellclick",{bubbles:!0,composed:!0,detail:{rowIndex:t,field:l,...i!==void 0&&{value:i}}}))}};c.styles=[C(P),C(x),C(T)];p([v({type:Boolean})],c.prototype,"elevated",2);p([v({type:Boolean,attribute:"include-pagination"})],c.prototype,"includePagination",2);p([v({type:Boolean})],c.prototype,"skeleton",2);p([v({type:String,attribute:"sort-field"})],c.prototype,"sortField",2);p([v({type:String,attribute:"sort-direction"})],c.prototype,"sortDirection",2);p([v({type:Object,attribute:!1})],c.prototype,"filterValues",2);p([$()],c.prototype,"selectedRows",2);p([$()],c.prototype,"_currentPage",2);p([$()],c.prototype,"_sortField",2);p([$()],c.prototype,"_sortDirection",2);p([$()],c.prototype,"_hoveredHeaderColumnField",2);p([$()],c.prototype,"_pendingFilterValues",2);p([$()],c.prototype,"_filterSearchQuery",2);c=p([y("ngc-table")],c);export{c as NgcTable};

package/dist/components/text-detail/text-detail.js

@@ -1 +1 @@
-import{property as t}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{TestableLitElement as a}from"../../utils/components/testable-lit-element/testable-lit-element.js";var y=Object.defineProperty,e=(o,p,l,u)=>{for(var r=void 0,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=n(p,l,r)||r);return r&&y(p,l,r),r};class i extends a{constructor(){super(...arguments),this.title="",this.subtitle="",this.size="medium",this.subtitleIcon="",this.skeleton=!1,this.vertical=!1,this.invertTitle=!1}}e([t({type:String})],i.prototype,"title");e([t({type:String})],i.prototype,"subtitle");e([t()],i.prototype,"size");e([t({attribute:"subtitle-icon",type:String})],i.prototype,"subtitleIcon");e([t({type:Boolean})],i.prototype,"skeleton");e([t({type:Boolean})],i.prototype,"vertical");e([t({attribute:"invert-title",type:Boolean})],i.prototype,"invertTitle");export{i as NjcTextDetail};
+import{property as t}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{TestableLitElement as a}from"../../utils/components/testable-lit-element/testable-lit-element.js";import{StripTitleFromHostMixin as u}from"../../utils/mixins/strip-title-from-host-mixin.js";var y=Object.defineProperty,e=(o,p,l,f)=>{for(var r=void 0,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=n(p,l,r)||r);return r&&y(p,l,r),r};class i extends u(a){constructor(){super(...arguments),this.title="",this.subtitle="",this.size="medium",this.subtitleIcon="",this.skeleton=!1,this.vertical=!1,this.invertTitle=!1}}e([t({type:String,attribute:!1})],i.prototype,"title");e([t({type:String})],i.prototype,"subtitle");e([t()],i.prototype,"size");e([t({attribute:"subtitle-icon",type:String})],i.prototype,"subtitleIcon");e([t({type:Boolean})],i.prototype,"skeleton");e([t({type:Boolean})],i.prototype,"vertical");e([t({attribute:"invert-title",type:Boolean})],i.prototype,"invertTitle");export{i as NjcTextDetail};

package/dist/components/toast/toast.js

@@ -1 +1 @@
-import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import{LitElement as y}from"../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{property as i}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{msg as c}from"../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import{localized as m}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";var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,e=(n,r,p,s)=>{for(var o=s>1?void 0:s?f(r,p):r,a=n.length-1,l;a>=0;a--)(l=n[a])&&(o=(s?l(r,p,o):l(o))||o);return s&&o&&b(r,p,o),o};let t=class extends y{constructor(){super(...arguments),this.id="",this.variant="info",this.dismissible=!1,this.sticky=!1,this.exitIconLabel=c("Close Notification"),this.statusIconLabel="",this.title="",this.subtitle=""}};e([i({type:String})],t.prototype,"id",2);e([i()],t.prototype,"variant",2);e([i({type:Boolean})],t.prototype,"dismissible",2);e([i({type:Boolean})],t.prototype,"sticky",2);e([i({type:String,attribute:"exit-icon-label"})],t.prototype,"exitIconLabel",2);e([i({type:String,attribute:"status-icon-label"})],t.prototype,"statusIconLabel",2);e([i({type:String})],t.prototype,"title",2);e([i({type:String})],t.prototype,"subtitle",2);t=e([m()],t);export{t as NjcToast};
+import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import{LitElement as m}from"../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{property as i}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{msg as y}from"../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import{localized as c}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{StripTitleFromHostMixin as b}from"../../utils/mixins/strip-title-from-host-mixin.js";var f=Object.defineProperty,u=Object.getOwnPropertyDescriptor,e=(n,r,p,s)=>{for(var o=s>1?void 0:s?u(r,p):r,a=n.length-1,l;a>=0;a--)(l=n[a])&&(o=(s?l(r,p,o):l(o))||o);return s&&o&&f(r,p,o),o};let t=class extends b(m){constructor(){super(...arguments),this.id="",this.variant="info",this.dismissible=!1,this.sticky=!1,this.exitIconLabel=y("Close Notification"),this.statusIconLabel="",this.title="",this.subtitle=""}};e([i({type:String})],t.prototype,"id",2);e([i()],t.prototype,"variant",2);e([i({type:Boolean})],t.prototype,"dismissible",2);e([i({type:Boolean})],t.prototype,"sticky",2);e([i({type:String,attribute:"exit-icon-label"})],t.prototype,"exitIconLabel",2);e([i({type:String,attribute:"status-icon-label"})],t.prototype,"statusIconLabel",2);e([i({type:String,attribute:!1})],t.prototype,"title",2);e([i({type:String})],t.prototype,"subtitle",2);t=e([c()],t);export{t as NjcToast};

package/dist/components/toast-container/gator/toast-container.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 l}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import{LitElement as c}from"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{property as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{state as u}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{customElement as h}from"../../../utils/decorators/custom-element-decorator.js";import _ from"../../../packages/web-components/src/components/toast-container/gator/toast-container.gator.scss.js";import T from"../../../packages/styles/dist/tokens/primitive.tokens.css.js";import $ from"../../../packages/styles/dist/tokens/semantic.tokens.css.js";import{repeat as b}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/repeat.js";import{ifDefined as a}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/if-defined.js";import{TOAST_ANIMATION_DURATION_MS as g}from"../../toast/gator/toast-constants.js";import"../../toast/gator/base/toast.gator.js";import{unsafeCSS as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,p=(t,i,o,s)=>{for(var r=s>1?void 0:s?y(i,o):i,e=t.length-1,d;e>=0;e--)(d=t[e])&&(r=(s?d(i,o,r):d(r))||r);return s&&r&&v(i,o,r),r};let n=class extends c{constructor(){super(...arguments),this.toasts=[],this._renderedToasts=[]}updated(t){if(t.has("toasts")){const i=this.toasts.filter(e=>e.id?!0:(console.warn("[ngc-toast-container] A toast was provided without a required `id` property and will be ignored.",e),!1)),o=new Set(i.map(e=>e.id)),s=[];this._renderedToasts.forEach(e=>{o.has(e.id)?s.push(e):s.push({...e,initiateRemoval:!0})});const r=new Set(this._renderedToasts.map(e=>e.id));i.forEach(e=>{r.has(e.id)||s.push(e)}),this._renderedToasts=s}}handleAnimationEnd(t){if(t.animationName==="toast-fade-out"){const o=t.target.getAttribute("id");o&&(this._renderedToasts=this._renderedToasts.filter(s=>s.id!==o))}}render(){return l`
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as l}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import{LitElement as c}from"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{property as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{state as u}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{customElement as h}from"../../../utils/decorators/custom-element-decorator.js";import _ from"../../../packages/web-components/src/components/toast-container/gator/toast-container.gator.scss.js";import T from"../../../packages/styles/dist/tokens/primitive.tokens.css.js";import $ from"../../../packages/styles/dist/tokens/semantic.tokens.css.js";import{repeat as b}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/repeat.js";import{ifDefined as n}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/if-defined.js";import{TOAST_ANIMATION_DURATION_MS as g}from"../../toast/gator/toast-constants.js";import"../../toast/gator/base/toast.gator.js";import{unsafeCSS as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,p=(t,i,o,s)=>{for(var r=s>1?void 0:s?y(i,o):i,e=t.length-1,d;e>=0;e--)(d=t[e])&&(r=(s?d(i,o,r):d(r))||r);return s&&r&&v(i,o,r),r};let a=class extends c{constructor(){super(...arguments),this.toasts=[],this._renderedToasts=[]}updated(t){if(t.has("toasts")){const i=this.toasts.filter(e=>e.id?!0:(console.warn("[ngc-toast-container] A toast was provided without a required `id` property and will be ignored.",e),!1)),o=new Set(i.map(e=>e.id)),s=[];this._renderedToasts.forEach(e=>{o.has(e.id)?s.push(e):s.push({...e,initiateRemoval:!0})});const r=new Set(this._renderedToasts.map(e=>e.id));i.forEach(e=>{r.has(e.id)||s.push(e)}),this._renderedToasts=s}}handleAnimationEnd(t){if(t.animationName==="toast-fade-out"){const o=t.target.getAttribute("id");o&&(this._renderedToasts=this._renderedToasts.filter(s=>s.id!==o))}}render(){return l`
             <section
                 class="gator-toast-container"
                 aria-live="polite"
@@ -8,15 +8,15 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
                         <ngc-toast
                             class="${t.initiateRemoval?"toast-fade-out":""}"
                             id="${t.id}"
-                            variant="${a(t.variant)}"
-                            title="${a(t.title)}"
-                            subtitle="${a(t.subtitle)}"
-                            exit-icon-label="${a(t.exitIconLabel)}"
-                            status-icon-label="${a(t.statusIconLabel)}"
+                            variant="${n(t.variant)}"
+                            .title=${t.title??""}
+                            subtitle="${n(t.subtitle)}"
+                            exit-icon-label="${n(t.exitIconLabel)}"
+                            status-icon-label="${n(t.statusIconLabel)}"
                             ?sticky="${t.sticky}"
                             ?dismissible="${t.dismissible}"
                             @animationend=${this.handleAnimationEnd}
                         ></ngc-toast>
                     `)}
             </section>
-        `}};n.styles=[m(_),m(T),m($)];p([f({type:Array})],n.prototype,"toasts",2);p([u()],n.prototype,"_renderedToasts",2);n=p([h("ngc-toast-container")],n);export{n as NgcToastContainer};
+        `}};a.styles=[m(_),m(T),m($)];p([f({type:Array})],a.prototype,"toasts",2);p([u()],a.prototype,"_renderedToasts",2);a=p([h("ngc-toast-container")],a);export{a as NgcToastContainer};

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

@@ -1,5 +1,6 @@
 import { TestableLitElement } from '../../utils/components/testable-lit-element/testable-lit-element';
-export declare class NjcAccordion extends TestableLitElement {
+declare const NjcAccordion_base: typeof TestableLitElement;
+export declare class NjcAccordion extends NjcAccordion_base {
     /**
         @property isExpanded - Expanded state of the accordion
         @type {boolean}
@@ -21,3 +22,4 @@ export declare class NjcAccordion extends TestableLitElement {
     headingLevel: string;
     toggleAccordion(): void;
 }
+export {};

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

@@ -1,4 +1,5 @@
 import { NjcAccordion } from '../../accordion.ts';
+import { PropertyValues } from 'lit';
 /**
  * @slot - The content within the expandable body of the accordion
  */
@@ -31,7 +32,7 @@ export declare class NgcAccordion extends NjcAccordion {
         borderBottomRightRadius: string;
         borderBottomLeftRadius: string;
     } | undefined;
-    updated(): void;
+    protected updated(changedProperties: PropertyValues): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/card/card.d.ts

@@ -1,5 +1,6 @@
 import { TestableLitElement } from '../../utils/components/testable-lit-element/testable-lit-element';
-export declare class NjcCard extends TestableLitElement {
+declare const NjcCard_base: typeof TestableLitElement;
+export declare class NjcCard extends NjcCard_base {
     static styles: import('lit').CSSResult[];
     /**
      * @description The title for the card
@@ -32,3 +33,4 @@ export declare class NjcCard extends TestableLitElement {
      */
     disabled: boolean;
 }
+export {};

package/dist/types/components/image-card/gator/image-card.gator.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { Ref } from 'lit/directives/ref.js';
 import { NjcImageCard } from '../image-card.ts';
 export declare class NgcImageCard extends NjcImageCard {
@@ -5,6 +6,7 @@ export declare class NgcImageCard extends NjcImageCard {
     containerRef: Ref<HTMLInputElement>;
     private _onImageMouseEnter;
     private _onImageMouseLeave;
+    willUpdate(changedProperties: PropertyValues): void;
     render(): import('lit').TemplateResult<1>;
     get contentClass(): {
         'gator-image-card-content': boolean;

package/dist/types/components/input/gator/dropdown/input-dropdown.gator.d.ts

@@ -116,7 +116,11 @@ export declare class NgcInputDropdown extends NgcInputBase {
     removeSelection(value: string | number): void;
     get fauxInputMarkup(): import('lit').TemplateResult<1>;
     get displayedValue(): string;
-    /** Combobox text: while expanded (single-select) or always for multiselect search, edit buffer is `_searchValue`. */
+    /**
+     * Combobox text: multiselect autocomplete uses `_searchValue` only.
+     * Single-select autocomplete: while expanded, show `displayedValue` until the user types
+     * (`_searchValue` empty) so the list is not filtered by the committed selection on open.
+     */
     private get autocompleteEditorValue();
     get showPlaceholder(): boolean | "";
     get listboxMarkup(): import('lit').TemplateResult<1>;

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

@@ -63,7 +63,7 @@ export declare class NgcList extends NgcComponent {
     get listRole(): 'listbox' | 'list' | 'group';
     handleSlotChanged(): void;
     updateSlottedItems(): void;
-    setFalseFocusToValue(value: string | number | File | File[] | Date): NgcListItem | undefined;
+    setFalseFocusToValue(value: string | number | File | File[] | Date): Element | undefined;
     setCurrentListItem(): Element | undefined;
     _setFauxFocusToCurrentItem(): void;
     falseFocusFirstItem(): Element | undefined;

package/dist/types/components/modal/modal.d.ts

@@ -2,7 +2,8 @@ import { LitElement } from 'lit';
 export type NJC_MODAL_DIALOG_ROLES = 'dialog' | 'alertdialog';
 export type NJC_MODAL_VARIANTS = 'decide' | 'destructive' | 'confirmation' | 'dismiss';
 export type NJC_MODAL_SIZES = 'small' | 'standard' | 'fullscreen';
-export declare class NjcModal extends LitElement {
+declare const NjcModal_base: typeof LitElement;
+export declare class NjcModal extends NjcModal_base {
     /**
      * @property {NJC_MODAL_DIALOG_ROLES} dialogRole - The aria-role of the modal.
      */
@@ -44,3 +45,4 @@ export declare class NjcModal extends LitElement {
      */
     loading: boolean;
 }
+export {};

package/dist/types/components/page-header/gator/page-header.gator.d.ts

@@ -1,12 +1,14 @@
+import { PropertyValues } from 'lit';
 import { TestableLitElement } from '../../../utils/components/testable-lit-element/testable-lit-element.ts';
-export declare class NgcPageHeader extends TestableLitElement {
+declare const NgcPageHeader_base: typeof TestableLitElement;
+export declare class NgcPageHeader extends NgcPageHeader_base {
     static styles: import('lit').CSSResult[];
     title: string;
     subtitle: string;
     skeleton: boolean;
     _showBreadcrumbs: boolean;
     private _showTabs;
-    updated(): void;
+    protected updated(changedProperties: PropertyValues): void;
     render(): import('lit').TemplateResult<1>;
     private get _breadcrumbSkeletonMarkup();
     private get _actionsSkeletonMarkup();
@@ -17,3 +19,4 @@ declare global {
         'ngc-page-header': NgcPageHeader;
     }
 }
+export {};

package/dist/types/components/popover/popover.d.ts

@@ -3,7 +3,8 @@ import { Ref } from 'lit/directives/ref.js';
 import { TestableLitElement } from '../../utils/components/testable-lit-element/testable-lit-element.ts';
 import { PropertyValues } from 'lit';
 export type NJC_POPOVER_SIZE = 'small' | 'medium' | 'large';
-export declare class NjcPopover extends TestableLitElement {
+declare const NjcPopover_base: typeof TestableLitElement;
+export declare class NjcPopover extends NjcPopover_base {
     /**
      * @property {string} referenceId
      * @description The id of the reference element that is used to trigger the popover
@@ -79,3 +80,4 @@ export declare class NjcPopover extends TestableLitElement {
     protected assignPosition(): void;
     disconnectedCallback(): void;
 }
+export {};

package/dist/types/components/table/table-cell-config.d.ts

@@ -22,6 +22,7 @@ export interface TableAvatarCellConfig extends TableCellConfigBase {
     avatarInitialsField?: string;
 }
 export interface TableCheckboxCellConfig extends TableCellConfigBase {
+    disabled?: boolean;
 }
 export interface TableTextLinkCellConfig extends TableCellConfigBase {
     href?: string | ((row: RowData) => string);

package/dist/types/components/text-detail/text-detail.d.ts

@@ -1,6 +1,7 @@
 import { TestableLitElement } from '../../utils/components/testable-lit-element/testable-lit-element';
 export type NJC_TEXT_DETAIL_SIZES = null | 'small' | 'medium' | 'large';
-export declare class NjcTextDetail extends TestableLitElement {
+declare const NjcTextDetail_base: typeof TestableLitElement;
+export declare class NjcTextDetail extends NjcTextDetail_base {
     /**
      * @description The text detail title
      * @property {string} title
@@ -37,3 +38,4 @@ export declare class NjcTextDetail extends TestableLitElement {
      */
     invertTitle: boolean;
 }
+export {};

package/dist/types/components/toast/toast.d.ts

@@ -10,7 +10,8 @@ export type NJC_TOAST_OPTIONS = {
     exitIconLabel?: string;
     statusIconLabel?: string;
 };
-export declare class NjcToast extends LitElement {
+declare const NjcToast_base: typeof LitElement;
+export declare class NjcToast extends NjcToast_base {
     /**
      * Unique identifier for the toast.
      */
@@ -51,3 +52,4 @@ export declare class NjcToast extends LitElement {
      */
     subtitle: string;
 }
+export {};

package/dist/types/utils/mixins/strip-title-from-host-mixin.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+type Constructor<T extends object = object> = abstract new (...args: any[]) => T;
+/** Components with a Lit `title` used as visible heading text (not the HTML tooltip). */
+export interface TitleHost {
+    title: string;
+}
+/**
+ * Copies host `title="..."` into the Lit `title` property and removes the attribute so the
+ * browser does not show a native tooltip. Use with `@property({ type: String, attribute: false }) title`.
+ *
+ * A `MutationObserver` covers Storybook and other cases that only touch the attribute.
+ */
+export declare function StripTitleFromHostMixin<T extends Constructor<LitElement & TitleHost>>(superClass: T): T;
+export {};

package/dist/types/utils/vitest-utils.d.ts

@@ -13,6 +13,11 @@ export declare function getNamedSlotTextContent(element: HTMLElement | null, nam
 export declare function getSlottedElements(element: HTMLElement | null, elementFilter?: string | null): Element[] | undefined;
 export declare function getNamedSlottedElements(element: HTMLElement | null, name: string): Element[] | undefined;
 export declare function flushPromises(time?: number): Promise<unknown>;
+/**
+ * For components whose Lit `title` is heading text (not the HTML tooltip): the host must
+ * not keep a `title` attribute, while `HTMLElement#title` reflects the Lit property value.
+ */
+export declare function expectLitHeadingTitle(element: Element | null | undefined, expected: string): void;
 /**
  * Removes Lit-related comments from a given innerHTML string and normalizes whitespace.
  *

package/dist/utils/mixins/strip-title-from-host-mixin.js

@@ -0,0 +1 @@
+function l(t){class e extends t{_pullHostTitleAttribute(){this.hasAttribute("title")&&(this.title=this.getAttribute("title")??"",this.removeAttribute("title"))}connectedCallback(){super.connectedCallback(),this._hostTitleObserver=new MutationObserver(()=>this._pullHostTitleAttribute()),this._hostTitleObserver.observe(this,{attributes:!0,attributeFilter:["title"]}),this._pullHostTitleAttribute()}disconnectedCallback(){this._hostTitleObserver?.disconnect(),this._hostTitleObserver=void 0,super.disconnectedCallback()}updated(i){super.updated(i),this.title?this.dataset.title=this.title:delete this.dataset.title}}return e}export{l as StripTitleFromHostMixin};

package/dist/utils/vitest-utils.js

@@ -1 +1 @@
-async function r(e){document.body.innerHTML=e,await new Promise(t=>setTimeout(t,0))}function s(e){return document.body.querySelector(e)}function u(e,t){return e?.querySelector(t)}function a(e,t){return e?.querySelectorAll(t)}function d(e){return document.body.querySelectorAll(e)}function c(e,t){return e?.shadowRoot?.querySelectorAll(t)}function m(e,t){return e?.shadowRoot?.querySelector(t)}function i(e,t){return e?.shadowRoot?.querySelector(`[data-testid="${t}"]`)}function f(e,t){return e?.shadowRoot?.querySelector(t)}function g(e,t){return e?.shadowRoot?.querySelectorAll(t)}function S(e){const t=e?.shadowRoot?.querySelectorAll("slot"),n=Array.from(t).find(l=>l.name==="")?.assignedNodes({flatten:!0}).filter(l=>l.textContent?.trim()!=="");return n&&n.length>0?n[0].textContent:null}function E(e,t){const o=e?.shadowRoot?.querySelector(`slot[name="${t}"]`);return(o?.assignedNodes().length?o?.assignedNodes({flatten:!0})[0]:o?.assignedElements({flatten:!0})[0])?.textContent}function y(e,t=null){let n=e?.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0});return t&&(n=n?.filter(l=>l.tagName.toLowerCase()===t)),n}function w(e,t){return e?.shadowRoot?.querySelector(`slot[name=${t}]`)?.assignedElements({flatten:!0})}function h(e=0){return new Promise(t=>setTimeout(t,e))}function R(e){const t=/<!--\?lit\$[^\$]*\$-->/g;return e.replace(t,"").replace(/\s+/g," ").trim()}export{r as addTestableElement,R as cleanInnerHTML,h as flushPromises,s as getElement,u as getElementInsideElement,d as getElements,a as getElementsInsideElement,E as getNamedSlotTextContent,w as getNamedSlottedElements,f as getShadowRootElement,i as getShadowRootElementByDataTestId,g as getShadowRootElements,m as getShadowRootHTMLElement,c as getShadowRootHTMLElements,S as getSlotTextContent,y as getSlottedElements};
+import{g as r}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_6987228cf79758f3d05c697357fc8c5a/node_modules/vitest/dist/chunks/test.CBQUpOM3.js";async function u(e){document.body.innerHTML=e,await new Promise(t=>setTimeout(t,0))}function a(e){return document.body.querySelector(e)}function c(e,t){return e?.querySelector(t)}function d(e,t){return e?.querySelectorAll(t)}function i(e){return document.body.querySelectorAll(e)}function m(e,t){return e?.shadowRoot?.querySelectorAll(t)}function f(e,t){return e?.shadowRoot?.querySelector(t)}function g(e,t){return e?.shadowRoot?.querySelector(`[data-testid="${t}"]`)}function E(e,t){return e?.shadowRoot?.querySelector(t)}function S(e,t){return e?.shadowRoot?.querySelectorAll(t)}function y(e){const t=e?.shadowRoot?.querySelectorAll("slot"),n=Array.from(t).find(l=>l.name==="")?.assignedNodes({flatten:!0}).filter(l=>l.textContent?.trim()!=="");return n&&n.length>0?n[0].textContent:null}function h(e,t){const o=e?.shadowRoot?.querySelector(`slot[name="${t}"]`);return(o?.assignedNodes().length?o?.assignedNodes({flatten:!0})[0]:o?.assignedElements({flatten:!0})[0])?.textContent}function w(e,t=null){let n=e?.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0});return t&&(n=n?.filter(l=>l.tagName.toLowerCase()===t)),n}function R(e,t){return e?.shadowRoot?.querySelector(`slot[name=${t}]`)?.assignedElements({flatten:!0})}function T(e=0){return new Promise(t=>setTimeout(t,e))}function q(e,t){r(e).toBeTruthy();const o=e;r(o.getAttribute("title")).toBeNull(),r(o.title).toBe(t)}function x(e){const t=/<!--\?lit\$[^\$]*\$-->/g;return e.replace(t,"").replace(/\s+/g," ").trim()}export{u as addTestableElement,x as cleanInnerHTML,q as expectLitHeadingTitle,T as flushPromises,a as getElement,c as getElementInsideElement,i as getElements,d as getElementsInsideElement,h as getNamedSlotTextContent,R as getNamedSlottedElements,E as getShadowRootElement,g as getShadowRootElementByDataTestId,S as getShadowRootElements,f as getShadowRootHTMLElement,m as getShadowRootHTMLElements,y as getSlotTextContent,w as getSlottedElements};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ncino/web-components",
   "author": "nCino",
-  "version": "13.1.2",
+  "version": "13.2.0",
   "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -100,10 +100,10 @@
     "vite-plugin-static-copy": "^3.3.0",
     "vitest": "^4.1.0",
     "yaml-eslint-parser": "^2.0.0",
-    "@ncino/styles": "13.1.2"
+    "@ncino/styles": "13.2.0"
   },
   "peerDependencies": {
-    "@ncino/styles": "13.1.2"
+    "@ncino/styles": "13.2.0"
   },
   "bugs": {
     "url": "https://github.com/ncino/force-sdk-web-components/issues"

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": "13.1.1",
+  "version": "13.1.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -232,7 +232,6 @@
           "description": "\n---\n",
           "doc-url": "",
           "attributes": [
-            { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "subtitle",
               "value": { "type": "string", "default": "''" }
@@ -300,7 +299,6 @@
           "description": "\n---\n",
           "doc-url": "",
           "attributes": [
-            { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "subtitle",
               "value": { "type": "string", "default": "''" }
@@ -369,7 +367,6 @@
               "name": "is-expanded",
               "value": { "type": "boolean", "default": "false" }
             },
-            { "name": "title", "value": { "type": "String", "default": "''" } },
             {
               "name": "subtitle",
               "value": { "type": "String", "default": "''" }
@@ -438,7 +435,6 @@
               "name": "is-expanded",
               "value": { "type": "boolean", "default": "false" }
             },
-            { "name": "title", "value": { "type": "String", "default": "''" } },
             {
               "name": "subtitle",
               "value": { "type": "String", "default": "''" }
@@ -1946,7 +1942,6 @@
               "name": "selected",
               "value": { "type": "boolean", "default": "false" }
             },
-            { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "subtitle",
               "value": { "type": "string", "default": "''" }
@@ -2884,7 +2879,6 @@
               "name": "hide-footer",
               "value": { "type": "boolean", "default": "false" }
             },
-            { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "subtitle",
               "value": { "type": "string", "default": "''" }
@@ -3368,7 +3362,6 @@
               "name": "status-icon-label",
               "value": { "type": "string", "default": "''" }
             },
-            { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "subtitle",
               "value": { "type": "string", "default": "''" }
@@ -3427,7 +3420,6 @@
               "name": "status-icon-label",
               "value": { "type": "string", "default": "''" }
             },
-            { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "subtitle",
               "value": { "type": "string", "default": "''" }
@@ -3486,7 +3478,6 @@
               "name": "status-icon-label",
               "value": { "type": "string", "default": "''" }
             },
-            { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "subtitle",
               "value": { "type": "string", "default": "''" }
@@ -3701,7 +3692,6 @@
               "name": "illustration-name",
               "value": { "type": "string", "default": "'balloons'" }
             },
-            { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "subtitle",
               "value": { "type": "string", "default": "''" }
@@ -6129,7 +6119,6 @@
               "name": "image-alt",
               "value": { "type": "string", "default": "''" }
             },
-            { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "subtitle",
               "value": { "type": "string", "default": "''" }
@@ -6347,7 +6336,6 @@
                 "default": "'standard'"
               }
             },
-            { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "subtitle",
               "value": { "type": "string", "default": "''" }
@@ -6487,7 +6475,6 @@
           "description": "\n---\n",
           "doc-url": "",
           "attributes": [
-            { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "subtitle",
               "value": { "type": "string", "default": "''" }
@@ -6624,7 +6611,6 @@
               "name": "reference-id",
               "value": { "type": "string", "default": "''" }
             },
-            { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "placement",
               "value": { "type": "Placement | undefined" }