@ncino/web-components 16.5.0 → 16.6.0

package/dist/components/panel/gator/panel.gator.js

@@ -1,34 +1,44 @@
-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"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{property as o}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{customElement as c}from"../../../utils/decorators/custom-element-decorator.js";import{createRef as u,ref as f}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/ref.js";import{ifDefined as r}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/if-defined.js";import{NgcComponent as g}from"../../../utils/components/ngc-component.js";import m from"../../../packages/web-components/src/components/panel/gator/panel.gator.scss.js";import"../../card/gator/base/card.gator.js";import"../../card/gator/header/card-header.gator.js";import"../../icon-button/gator/icon-button.gator.js";import{unsafeCSS as v}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,$=Object.getPrototypeOf,E=Reflect.get,t=(a,i,s,p)=>{for(var n=p>1?void 0:p?b(i,s):i,d=a.length-1,h;d>=0;d--)(h=a[d])&&(n=(p?h(i,s,n):h(n))||n);return p&&n&&y(i,s,n),n},L=(a,i,s)=>E($(a),s,i);let e=class extends g{constructor(){super(...arguments),this.type="overlay",this.open=!1,this.position="left",this.skeleton=!1,this.outlined=!1,this.anchorElement=null,this.ariaLabel=null,this.ariaLabelledBy=null,this.static=!1,this.panelRef=u()}render(){return l`
-            <div ${f(this.panelRef)}
-                style=${r(this.anchorElement?`--anchor-element-offset: ${this.anchorElement?.offsetWidth}px;`:void 0)}
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as a}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 o}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{customElement as c}from"../../../utils/decorators/custom-element-decorator.js";import{createRef as g,ref as u}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/ref.js";import{ifDefined as i}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/if-defined.js";import{NgcComponent as f}from"../../../utils/components/ngc-component.js";import m from"../../../packages/web-components/src/components/panel/gator/panel.gator.scss.js";import"../../card/gator/base/card.gator.js";import"../../card/gator/header/card-header.gator.js";import"../../icon-button/gator/icon-button.gator.js";import{unsafeCSS as v}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,$=Object.getPrototypeOf,E=Reflect.get,t=(n,r,s,p)=>{for(var l=p>1?void 0:p?b(r,s):r,d=n.length-1,h;d>=0;d--)(h=n[d])&&(l=(p?h(r,s,l):h(l))||l);return p&&l&&y(r,s,l),l},L=(n,r,s)=>E($(n),s,r);let e=class extends f{constructor(){super(...arguments),this.type="overlay",this.open=!1,this.position="left",this.skeleton=!1,this.outlined=!1,this.anchorElement=null,this.ariaLabel=null,this.ariaLabelledBy=null,this.static=!1,this.panelRef=g()}render(){return a`
+            <div ${u(this.panelRef)}
+                style=${i(this.anchorElement?`--anchor-element-offset: ${this.anchorElement?.offsetWidth}px;`:void 0)}
                 class="gator-panel gator-panel-${this.type} gator-panel-${this.position} gator-panel-${this.outlined?"outlined":"elevated"} ${this.open?"gator-panel-open":""}"
                 aria-hidden=${!this.open}
-                role=${r(this.static?void 0:"dialog")}
-                aria-modal=${r(this.static?void 0:"false")}
+                role=${i(this.static?void 0:"dialog")}
+                aria-modal=${i(this.static?void 0:"false")}
                 tabindex="-1"
-                aria-label=${r(this.ariaLabel||void 0)}
-                aria-labelledby=${r(this.ariaLabelledBy||void 0)}
-                data-testid=${r(this.dataTestid)}-panel
+                aria-label=${i(this.ariaLabel||void 0)}
+                aria-labelledby=${i(this.ariaLabelledBy||void 0)}
+                data-testid=${i(this.dataTestid)}-panel
               >
                 <div class="gator-panel-header">
-                    ${this.skeleton?l`<ngc-text-detail skeleton></ngc-text-detail>`:l`<slot name="header"></slot>`}
+                    ${this.skeleton?a`
+                        <ngc-skeleton-loader
+                            height="42"
+                            width="300"
+                            rounded
+                        ></ngc-skeleton-loader>`:a`<slot name="header"></slot>`}
                 </div>
 
                 <div class="gator-panel-content">
-                    ${this.skeleton?this.gatorPanelContentLoadingMarkup:l`<slot name="body"></slot>`}
+                    ${this.skeleton?this.gatorPanelContentLoadingMarkup:a`<slot name="body"></slot>`}
                 </div>
 
                 <div class="gator-panel-footer">
-                    ${this.skeleton?this.gatorPanelFooterLoadingMarkup:l`<slot name="footer"></slot>`}
+                    ${this.skeleton?this.gatorPanelFooterLoadingMarkup:a`<slot name="footer"></slot>`}
                 </div>
             </div>
-        `}updated(){this.anchorElement&&this.anchorElement?.style.setProperty("z-index","2")}get gatorPanelContentLoadingMarkup(){return l`
-            <ngc-text-detail skeleton></ngc-text-detail>
-            <ngc-text-detail skeleton></ngc-text-detail>
-            <ngc-text-detail skeleton></ngc-text-detail>
-        `}get gatorPanelFooterLoadingMarkup(){return l`
+        `}updated(){this.anchorElement&&this.anchorElement?.style.setProperty("z-index","2")}get gatorPanelContentLoadingMarkup(){return a`
+            <div class="gator-panel-content-loading">
+                ${Array.from({length:5},()=>a`
+                    <div class="gator-panel-content-loading-row">
+                        <ngc-skeleton-loader width="280" height="24" rounded></ngc-skeleton-loader>
+                        <ngc-skeleton-loader full-width height="24" rounded></ngc-skeleton-loader>
+                    </div>
+                `)}
+            </div>
+        `}get gatorPanelFooterLoadingMarkup(){return a`
             <div class="gator-panel-footer-loading">
                 <ngc-button skeleton></ngc-button>
                 <ngc-button skeleton></ngc-button>
             </div>
-        `}closePanel(){const a=()=>{this.open=!1,this.dispatchEvent(new CustomEvent("close",{bubbles:!0}))};return this.type==="overlay"?(this.panelRef.value?.classList.add("gator-panel-close"),this.panelRef.value?.addEventListener("animationend",a,{once:!0})):(a(),null)}openPanel(){this.open=!0,this.dispatchEvent(new CustomEvent("open",{bubbles:!0})),this.panelRef.value?.addEventListener("animationend",()=>{this.panelRef.value?.focus()},{once:!0})}};e.styles=[...L(e,e,"styles"),v(m)];t([o({type:String})],e.prototype,"type",2);t([o({type:Boolean})],e.prototype,"open",2);t([o({type:String})],e.prototype,"position",2);t([o({type:Boolean})],e.prototype,"skeleton",2);t([o({type:Boolean})],e.prototype,"outlined",2);t([o({type:HTMLElement,attribute:"anchor-element"})],e.prototype,"anchorElement",2);t([o({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",2);t([o({type:String,attribute:"aria-labelledby"})],e.prototype,"ariaLabelledBy",2);t([o({type:Boolean})],e.prototype,"static",2);e=t([c("ngc-panel")],e);export{e as NgcPanel};
+        `}closePanel(){const n=()=>{this.open=!1,this.dispatchEvent(new CustomEvent("close",{bubbles:!0}))};return this.type==="overlay"?(this.panelRef.value?.classList.add("gator-panel-close"),this.panelRef.value?.addEventListener("animationend",n,{once:!0})):(n(),null)}openPanel(){this.open=!0,this.dispatchEvent(new CustomEvent("open",{bubbles:!0})),this.panelRef.value?.addEventListener("animationend",()=>{this.panelRef.value?.focus()},{once:!0})}};e.styles=[...L(e,e,"styles"),v(m)];t([o({type:String})],e.prototype,"type",2);t([o({type:Boolean})],e.prototype,"open",2);t([o({type:String})],e.prototype,"position",2);t([o({type:Boolean})],e.prototype,"skeleton",2);t([o({type:Boolean})],e.prototype,"outlined",2);t([o({type:HTMLElement,attribute:"anchor-element"})],e.prototype,"anchorElement",2);t([o({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",2);t([o({type:String,attribute:"aria-labelledby"})],e.prototype,"ariaLabelledBy",2);t([o({type:Boolean})],e.prototype,"static",2);e=t([c("ngc-panel")],e);export{e as NgcPanel};

package/dist/components/table/gator/table-cells/table-cell-chip.gator.js

@@ -1,3 +1,3 @@
-import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as s}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 i}from"../../../../utils/decorators/custom-element-decorator.js";import{TableCellBase as a}from"./table-cell-base.gator.js";import"../../../chip/gator/chip.gator.js";var m=Object.getOwnPropertyDescriptor,g=(e,t,o,l)=>{for(var n=l>1?void 0:l?m(t,o):t,r=e.length-1,c;r>=0;r--)(c=e[r])&&(n=c(n)||n);return n};let p=class extends a{renderCellContent(){const e=this.column.cellConfig??{},t=this.getCellValue(),o=t!=null?String(t):"",l=typeof e.type=="function"?e.type(this.rowData):e.type??null;return s`
-            <ngc-chip .type="${l}" readonly size="small">${o}</ngc-chip>
-        `}};p=g([i("ngc-table-cell-chip")],p);export{p as NgcTableCellChip};
+import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as a}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 p}from"../../../../utils/decorators/custom-element-decorator.js";import{TableCellBase as i}from"./table-cell-base.gator.js";import"../../../chip/gator/chip.gator.js";var m=Object.getOwnPropertyDescriptor,f=(t,o,l,n)=>{for(var e=n>1?void 0:n?m(o,l):o,r=t.length-1,c;r>=0;r--)(c=t[r])&&(e=c(e)||e);return e};let s=class extends i{renderCellContent(){const t=this.column.cellConfig??{},o=this.getCellValue(),l=o!=null?String(o):"",n=typeof t.type=="function"?t.type(this.rowData):t.type??null,e=typeof t.startIcon=="function"?t.startIcon(this.rowData):t.startIcon??"";return a`
+            <ngc-chip .type="${n}" .startIcon="${e}" readonly size="small">${l}</ngc-chip>
+        `}};s=f([p("ngc-table-cell-chip")],s);export{s as NgcTableCellChip};

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

@@ -1 +1 @@
-const r='.gator-chip{background-color:var(--ngc-chip-background-color, var(--color-surface-secondary));border-radius:var(--ngc-chip-border-radius, var(--border-radius-circle));font-family:var(--font-family-body, "Open Sans"),sans-serif;font-size:var(--ngc-chip-font-size, var(--font-size-body-2));line-height:var(--ngc-chip-line-height, var(--line-height-body-2));border:var(--ngc-chip-border, 1px solid var(--color-border-tertiary));color:var(--ngc-chip-color, var(--color-text-primary));cursor:var(--ngc-chip-cursor, default);width:max-content;display:flex;flex-direction:row;align-items:center;padding:0 4px}.gator-chip.hide-border{border:1px solid transparent}.gator-chip:has(ngc-icon-button){padding-right:2px}.gator-chip:has(ngc-icon-button) ngc-icon-button{margin-left:-4px}.gator-chip:has(ngc-icon-button) ngc-icon{margin-left:2px}.chip-label{padding:4px}ngc-icon-button{height:24px}button:hover{background-color:var(--ngc-chip-hover-background-color, var(--color-surface-neutral));cursor:var(--ngc-chip-cursor, pointer)}button:focus-visible{outline:var(--ngc-chip-focus-outline, 2px solid var(--color-border-neutral, #1F1F1F));outline-offset:2px}button:active{background-color:var(--ngc-chip-active-background-color, var(--color-surface-neutral))}.gator-chip_disabled{cursor:not-allowed!important;color:var(--color-text-disabled);background:var(--color-surface-disabled);outline:1px solid transparent!important;border:1px solid transparent!important}.gator-chip_disabled ngc-icon{--ngc-icon-color: var(--color-icon-disabled)}.gator-chip_disabled:hover{background:var(--color-surface-disabled)!important}.gator-chip__read-only{cursor:var(--ngc-chip-cursor, default !important)}.gator-chip_error:not(.gator-chip_disabled){background:var(--color-surface-error);border:1px solid var(--color-border-error)}.gator-chip_error:not(.gator-chip_disabled):hover:not(.gator-chip__read-only){background:var(--color-surface-error-secondary);border-color:var(--color-border-error-secondary)}.gator-chip_error:not(.gator-chip_disabled).hide-border{border:1px solid transparent}.gator-chip_warning:not(.gator-chip_disabled){background:var(--color-surface-warning);border:1px solid var(--color-border-warning)}.gator-chip_warning:not(.gator-chip_disabled):hover:not(.gator-chip__read-only){background:var(--color-surface-warning-secondary);border-color:var(--color-border-warning-secondary)}.gator-chip_warning:not(.gator-chip_disabled).hide-border{border:1px solid transparent}.gator-chip_success:not(.gator-chip_disabled){background:var(--color-surface-success);border:1px solid var(--color-border-success)}.gator-chip_success:not(.gator-chip_disabled):hover:not(.gator-chip__read-only){background:var(--color-surface-success-secondary);border-color:var(--color-border-success-secondary)}.gator-chip_success:not(.gator-chip_disabled).hide-border{border:1px solid transparent}.gator-chip_info:not(.gator-chip_disabled){background:var(--color-surface-brand);border:1px solid var(--color-border-brand-tertiary)}.gator-chip_info:not(.gator-chip_disabled):hover:not(.gator-chip__read-only){background:var(--color-surface-brand-secondary)}.gator-chip_info:not(.gator-chip_disabled).hide-border{border:1px solid transparent}.gator-chip_ai:not(.gator-chip_disabled){background:var(--color-gradient-surface-tertiary);border:1px solid var(--color-border-purple, #E5CCFF);background-origin:border-box;background-clip:padding-box}.gator-chip_ai:not(.gator-chip_disabled):hover:not(.gator-chip__read-only){background:var(--color-surface-purple-secondary, #E5CCFF);background-origin:border-box;background-clip:padding-box}.gator-chip_ai:not(.gator-chip_disabled):hover:not(.gator-chip__read-only):not(.hide-border){border-color:var(--color-border-purple-secondary)}.gator-chip_ai:not(.gator-chip_disabled).hide-border{border:1px solid transparent}.gator-chip_small{font-size:var(--font-size-body-3);line-height:var(--line-height-body-3)}';export{r as default};
+const r='.gator-chip{background-color:var(--ngc-chip-background-color, var(--color-surface-secondary));border-radius:var(--ngc-chip-border-radius, var(--border-radius-circle));font-family:var(--font-family-body, "Open Sans"),sans-serif;font-size:var(--ngc-chip-font-size, var(--font-size-body-2));line-height:var(--ngc-chip-line-height, var(--line-height-body-2));border:var(--ngc-chip-border, 1px solid var(--color-border-tertiary));color:var(--ngc-chip-color, var(--color-text-primary));cursor:var(--ngc-chip-cursor, default);width:max-content;display:flex;flex-direction:row;align-items:center;padding:0 4px}.gator-chip.hide-border{border:1px solid transparent}.gator-chip:has(ngc-icon-button){padding-right:2px}.gator-chip:has(ngc-icon-button) ngc-icon-button{margin-left:-4px}.gator-chip:has(ngc-icon-button) ngc-icon{margin-left:2px}.chip-label{padding:4px}ngc-icon-button{height:24px}button:hover{background-color:var(--ngc-chip-hover-background-color, var(--color-surface-neutral));cursor:var(--ngc-chip-cursor, pointer)}button:focus-visible{outline:var(--ngc-chip-focus-outline, 2px solid var(--color-border-neutral, #1F1F1F));outline-offset:2px}button:active{background-color:var(--ngc-chip-active-background-color, var(--color-surface-neutral))}.gator-chip_disabled{cursor:not-allowed!important;color:var(--color-text-disabled);background:var(--color-surface-disabled);outline:1px solid transparent!important;border:1px solid transparent!important}.gator-chip_disabled ngc-icon{--ngc-icon-color: var(--color-icon-disabled)}.gator-chip_disabled:hover{background:var(--color-surface-disabled)!important}.gator-chip__read-only{cursor:var(--ngc-chip-cursor, default !important)}.gator-chip_error:not(.gator-chip_disabled){background:var(--color-surface-error);border:1px solid var(--color-border-error)}.gator-chip_error:not(.gator-chip_disabled) ngc-icon{--ngc-icon-color: var(--color-icon-error)}.gator-chip_error:not(.gator-chip_disabled):hover:not(.gator-chip__read-only){background:var(--color-surface-error-secondary);border-color:var(--color-border-error-secondary)}.gator-chip_error:not(.gator-chip_disabled).hide-border{border:1px solid transparent}.gator-chip_warning:not(.gator-chip_disabled){background:var(--color-surface-warning);border:1px solid var(--color-border-warning)}.gator-chip_warning:not(.gator-chip_disabled) ngc-icon{--ngc-icon-color: var(--color-icon-warning)}.gator-chip_warning:not(.gator-chip_disabled):hover:not(.gator-chip__read-only){background:var(--color-surface-warning-secondary);border-color:var(--color-border-warning-secondary)}.gator-chip_warning:not(.gator-chip_disabled).hide-border{border:1px solid transparent}.gator-chip_success:not(.gator-chip_disabled){background:var(--color-surface-success);border:1px solid var(--color-border-success)}.gator-chip_success:not(.gator-chip_disabled) ngc-icon{--ngc-icon-color: var(--color-icon-success)}.gator-chip_success:not(.gator-chip_disabled):hover:not(.gator-chip__read-only){background:var(--color-surface-success-secondary);border-color:var(--color-border-success-secondary)}.gator-chip_success:not(.gator-chip_disabled).hide-border{border:1px solid transparent}.gator-chip_info:not(.gator-chip_disabled){background:var(--color-surface-brand);border:1px solid var(--color-border-brand-tertiary)}.gator-chip_info:not(.gator-chip_disabled) ngc-icon{--ngc-icon-color: var(--color-icon-brand)}.gator-chip_info:not(.gator-chip_disabled):hover:not(.gator-chip__read-only){background:var(--color-surface-brand-secondary)}.gator-chip_info:not(.gator-chip_disabled).hide-border{border:1px solid transparent}.gator-chip_ai:not(.gator-chip_disabled){background:var(--color-gradient-surface-tertiary);border:1px solid var(--color-border-purple, #E5CCFF);background-origin:border-box;background-clip:padding-box}.gator-chip_ai:not(.gator-chip_disabled) ngc-icon{--ngc-icon-color: var(--color-icon-ai)}.gator-chip_ai:not(.gator-chip_disabled):hover:not(.gator-chip__read-only){background:var(--color-surface-purple-secondary, #E5CCFF);background-origin:border-box;background-clip:padding-box}.gator-chip_ai:not(.gator-chip_disabled):hover:not(.gator-chip__read-only):not(.hide-border){border-color:var(--color-border-purple-secondary)}.gator-chip_ai:not(.gator-chip_disabled).hide-border{border:1px solid transparent}.gator-chip_small{font-size:var(--font-size-body-3);line-height:var(--line-height-body-3)}';export{r as default};

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

@@ -1 +1 @@
-const a=".gator-panel{display:flex;width:var(--ngc-panel-width, 29.5rem);height:100vh;flex-direction:column;flex:1 0 0;align-items:flex-start;background:var(--color-surface-primary)}.gator-panel-left.gator-panel-elevated{box-shadow:var(--shadow-panel-left)}.gator-panel-left.gator-panel-outlined{border-right:1px solid var(--color-border-tertiary)}.gator-panel-right.gator-panel-elevated{box-shadow:var(--shadow-panel-right)}.gator-panel-right.gator-panel-outlined{border-left:1px solid var(--color-border-tertiary)}.gator-panel-bottom{width:100%;height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom.gator-panel-elevated{box-shadow:var(--shadow-panel-bottom)}.gator-panel-bottom.gator-panel-outlined{border-top:1px solid var(--color-border-tertiary);border-right:1px solid var(--color-border-tertiary);border-left:1px solid var(--color-border-tertiary)}.gator-panel-bottom-left{width:var(--ngc-panel-width, 29.5rem);height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom-left.gator-panel-elevated{box-shadow:var(--shadow-panel-left)}.gator-panel-bottom-left.gator-panel-outlined{border-top:1px solid var(--color-border-tertiary);border-right:1px solid var(--color-border-tertiary)}.gator-panel-bottom-right{width:var(--ngc-panel-width, 29.5rem);height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom-right.gator-panel-elevated{box-shadow:var(--shadow-panel-right)}.gator-panel-bottom-right.gator-panel-outlined{border-top:1px solid var(--color-border-tertiary);border-left:1px solid var(--color-border-tertiary)}:focus-visible{outline:2px solid var(--color-border-neutral, #1F1F1F);outline-offset:-2px}.gator-panel-header{border-bottom:var(--ngc-panel-header-border-bottom, 1px solid var(--color-border-tertiary));padding:var(--spacing-8);align-self:stretch;height:var(--ngc-panel-header-height, max-content)}.gator-panel-content{display:flex;flex-direction:column;padding:var(--ngc-panel-body-padding, var(--spacing-8));flex:1 0 0;align-self:stretch;gap:var(--spacing-8);overflow-y:auto;flex-shrink:1;min-height:0}.gator-panel-footer{padding:var(--spacing-8);align-self:stretch;border-top:var(--ngc-panel-footer-border-top, none);background:var(--ngc-panel-footer-background-color, var(--color-surface-secondary));height:var(--ngc-panel-footer-height, max-content)}.gator-panel-footer-loading{display:flex;gap:var(--spacing-8);justify-content:center;align-items:center;height:100%}.gator-panel:not(.gator-panel-open,.gator-panel-close){display:none}.gator-panel .gator-panel-open{display:flex}.gator-panel-overlay{position:absolute;z-index:1}.gator-panel-overlay.gator-panel-open.gator-panel-left{top:0;left:var(--anchor-element-offset, 0);animation:slideInFromLeft .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-right{top:0;right:var(--anchor-element-offset, 0);animation:slideInFromRight .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-bottom,.gator-panel-overlay.gator-panel-open.gator-panel-bottom-left{bottom:0;left:0;animation:slideInFromBottom .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-bottom-right{bottom:0;right:0;animation:slideInFromBottom .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-left{animation:slideOutToLeft .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-right{animation:slideOutToRight .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-bottom,.gator-panel-overlay.gator-panel-close.gator-panel-bottom-left,.gator-panel-overlay.gator-panel-close.gator-panel-bottom-right{animation:slideOutToBottom .3s forwards}@keyframes slideInFromLeft{0%{display:none;transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutToLeft{0%{transform:translate(0)}25%{opacity:1}to{transform:translate(-100%);display:none;opacity:0}}@keyframes slideInFromRight{0%{display:none;transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}25%{opacity:1}to{transform:translate(100%);display:none;opacity:0}}@keyframes slideInFromBottom{0%{display:none;transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutToBottom{0%{transform:translateY(0)}25%{opacity:1}to{transform:translateY(100%);display:none;opacity:0}}";export{a as default};
+const a=".gator-panel{display:flex;width:var(--ngc-panel-width, 29.5rem);height:100vh;flex-direction:column;flex:1 0 0;align-items:flex-start;background:var(--color-surface-primary)}.gator-panel-left.gator-panel-elevated{box-shadow:var(--shadow-panel-left)}.gator-panel-left.gator-panel-outlined{border-right:1px solid var(--color-border-tertiary)}.gator-panel-right.gator-panel-elevated{box-shadow:var(--shadow-panel-right)}.gator-panel-right.gator-panel-outlined{border-left:1px solid var(--color-border-tertiary)}.gator-panel-bottom{width:100%;height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom.gator-panel-elevated{box-shadow:var(--shadow-panel-bottom)}.gator-panel-bottom.gator-panel-outlined{border-top:1px solid var(--color-border-tertiary);border-right:1px solid var(--color-border-tertiary);border-left:1px solid var(--color-border-tertiary)}.gator-panel-bottom-left{width:var(--ngc-panel-width, 29.5rem);height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom-left.gator-panel-elevated{box-shadow:var(--shadow-panel-left)}.gator-panel-bottom-left.gator-panel-outlined{border-top:1px solid var(--color-border-tertiary);border-right:1px solid var(--color-border-tertiary)}.gator-panel-bottom-right{width:var(--ngc-panel-width, 29.5rem);height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom-right.gator-panel-elevated{box-shadow:var(--shadow-panel-right)}.gator-panel-bottom-right.gator-panel-outlined{border-top:1px solid var(--color-border-tertiary);border-left:1px solid var(--color-border-tertiary)}:focus-visible{outline:2px solid var(--color-border-neutral, #1F1F1F);outline-offset:-2px}.gator-panel-header{border-bottom:var(--ngc-panel-header-border-bottom, 1px solid var(--color-border-tertiary));padding:var(--spacing-8);align-self:stretch;height:var(--ngc-panel-header-height, max-content)}.gator-panel-content{display:flex;flex-direction:column;padding:var(--ngc-panel-body-padding, var(--spacing-8));flex:1 0 0;align-self:stretch;gap:var(--spacing-8);overflow-y:auto;flex-shrink:1;min-height:0}.gator-panel-footer{padding:var(--spacing-8);align-self:stretch;border-top:var(--ngc-panel-footer-border-top, none);background:var(--ngc-panel-footer-background-color, var(--color-surface-secondary));height:var(--ngc-panel-footer-height, max-content)}.gator-panel-footer-loading{display:flex;gap:var(--spacing-8);justify-content:center;align-items:center;height:100%}.gator-panel-content-loading-row:first-child{padding-top:var(--spacing-10)}.gator-panel-content-loading{display:flex;flex-direction:column;gap:var(--spacing-12)}.gator-panel-content-loading-row{display:flex;flex-direction:column;gap:var(--spacing-4)}.gator-panel:not(.gator-panel-open,.gator-panel-close){display:none}.gator-panel .gator-panel-open{display:flex}.gator-panel-overlay{position:absolute;z-index:1}.gator-panel-overlay.gator-panel-open.gator-panel-left{top:0;left:var(--anchor-element-offset, 0);animation:slideInFromLeft .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-right{top:0;right:var(--anchor-element-offset, 0);animation:slideInFromRight .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-bottom,.gator-panel-overlay.gator-panel-open.gator-panel-bottom-left{bottom:0;left:0;animation:slideInFromBottom .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-bottom-right{bottom:0;right:0;animation:slideInFromBottom .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-left{animation:slideOutToLeft .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-right{animation:slideOutToRight .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-bottom,.gator-panel-overlay.gator-panel-close.gator-panel-bottom-left,.gator-panel-overlay.gator-panel-close.gator-panel-bottom-right{animation:slideOutToBottom .3s forwards}@keyframes slideInFromLeft{0%{display:none;transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutToLeft{0%{transform:translate(0)}25%{opacity:1}to{transform:translate(-100%);display:none;opacity:0}}@keyframes slideInFromRight{0%{display:none;transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}25%{opacity:1}to{transform:translate(100%);display:none;opacity:0}}@keyframes slideInFromBottom{0%{display:none;transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutToBottom{0%{transform:translateY(0)}25%{opacity:1}to{transform:translateY(100%);display:none;opacity:0}}";export{a as default};

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

@@ -17,6 +17,8 @@ export interface TableTextCellConfig extends TableCellConfigBase {
 }
 export interface TableChipCellConfig extends TableCellConfigBase {
     type?: NJC_CHIP_TYPES | ((row: RowData) => NJC_CHIP_TYPES);
+    /** Icon name for `ngc-chip` `start-icon`. Static string or per-row. Omit (or return '') for no icon. */
+    startIcon?: string | ((row: RowData) => string);
 }
 export interface TableAvatarCellConfig extends TableCellConfigBase {
     avatarSrcField?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ncino/web-components",
   "author": "nCino",
-  "version": "16.5.0",
+  "version": "16.6.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.10",
     "yaml-eslint-parser": "^2.1.0",
-    "@ncino/styles": "16.5.0"
+    "@ncino/styles": "16.6.0"
   },
   "peerDependencies": {
-    "@ncino/styles": "16.5.0"
+    "@ncino/styles": "16.6.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": "16.4.2",
+  "version": "16.5.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {